コード例 #1
0
 function TS_VCSC_Timeline_CSS_Function_Section($atts)
 {
     global $VISUAL_COMPOSER_EXTENSIONS;
     ob_start();
     extract(shortcode_atts(array('section' => '', 'section_icon' => '', 'icon_color' => '#7c7979', 'tooltipster_offsetx' => 0, 'tooltipster_offsety' => 0, 'el_id' => '', 'el_class' => '', 'css' => ''), $atts));
     $media_string = '';
     $output = '';
     $randomizer = mt_rand(999999, 9999999);
     if (!empty($el_id)) {
         $timeline_id = $el_id;
     } else {
         $timeline_id = 'ts-vcsc-timeline-section-' . $randomizer;
     }
     // Retrieve Timeline Post
     $timeline_array = array();
     $category_fields = array();
     $args = array('no_found_rows' => 1, 'ignore_sticky_posts' => 1, 'posts_per_page' => -1, 'post_type' => 'ts_timeline', 'post_status' => 'publish', 'orderby' => 'title', 'order' => 'ASC');
     $timeline_query = new WP_Query($args);
     if ($timeline_query->have_posts()) {
         foreach ($timeline_query->posts as $p) {
             if ($p->ID == $section) {
                 // Retrieve Post Categories
                 $section_categories = get_the_terms($p->ID, 'ts_timeline_category');
                 $array_categories = array();
                 if ($section_categories != false) {
                     foreach ($section_categories as $category) {
                         $array_categories[] = $category->name;
                     }
                 }
                 $section_categories = join(",", $array_categories);
                 // Retrieve Post Tags
                 $sections_tags = get_the_terms($p->ID, 'ts_timeline_tags');
                 $array_tags = array();
                 if ($sections_tags != false) {
                     foreach ($sections_tags as $tag) {
                         $array_tags[] = $tag->name;
                     }
                 }
                 $sections_tags = join(",", $array_tags);
                 // Build Data Array
                 $timeline_data = array('author' => $p->post_author, 'name' => $p->post_name, 'title' => $p->post_title, 'id' => $p->ID, 'categories' => $section_categories, 'tags' => $sections_tags);
                 $timeline_array[] = $timeline_data;
                 $array_categories = array();
                 $array_tags = array();
             }
         }
     }
     wp_reset_postdata();
     // Section Main Data
     foreach ($timeline_array as $index => $array) {
         $Section_Author = $timeline_array[$index]['author'];
         $Section_Name = $timeline_array[$index]['name'];
         $Section_Title = $timeline_array[$index]['title'];
         $Section_ID = $timeline_array[$index]['id'];
         $Section_Categories = $timeline_array[$index]['categories'];
         $Section_Tags = $timeline_array[$index]['tags'];
     }
     // Retrieve Timeline Post Meta Content
     $custom_fields = get_post_custom($Section_ID);
     $custom_fields_array = array();
     foreach ($custom_fields as $field_key => $field_values) {
         if (!isset($field_values[0])) {
             continue;
         }
         if (in_array($field_key, array("_edit_lock", "_edit_last"))) {
             continue;
         }
         if (strpos($field_key, 'ts_vcsc_timeline_') !== false) {
             if ($field_key == "ts_vcsc_timeline_media_featuredimage_id") {
                 $field_key = "ts_vcsc_timeline_media_featuredimageid";
             }
             $field_key_split = explode("_", $field_key);
             $field_key_length = count($field_key_split) - 1;
             $custom_data = array('group' => $field_key_split[$field_key_length - 1], 'name' => 'Timeline_' . ucfirst($field_key_split[$field_key_length]), 'value' => $field_values[0]);
             $custom_fields_array[] = $custom_data;
         }
     }
     foreach ($custom_fields_array as $index => $array) {
         ${$custom_fields_array[$index]['name']} = $custom_fields_array[$index]['value'];
     }
     if (function_exists('vc_shortcode_custom_css_class')) {
         $css_class = apply_filters(VC_SHORTCODE_CUSTOM_CSS_FILTER_TAG, 'ts-timeline-css-section ' . $el_class . ' ' . vc_shortcode_custom_css_class($css, ' '), 'TS_VCSC_Timeline_CSS_Section', $atts);
     } else {
         $css_class = 'ts-timeline-css-section ' . $el_class;
     }
     if ($VISUAL_COMPOSER_EXTENSIONS->TS_VCSC_VCFrontEditMode == "true") {
         $vc_inline = 'true';
         $vc_inline_style = ' display: block;';
     } else {
         $vc_inline = 'false';
         $vc_inline_style = '';
     }
     if ($vc_inline == "false") {
         // Tooltip String
         if (isset($Timeline_Tooltiptext)) {
             if (isset($Timeline_Tooltipstyle)) {
                 $tooltip_style = "tooltipster-" . $Timeline_Tooltipstyle;
             } else {
                 $tooltip_style = "tooltipster-black";
             }
             if (isset($Timeline_Tooltipposition)) {
                 $tooltip_position = $Timeline_Tooltipposition;
             } else {
                 $tooltip_position = 'top';
             }
             $tooltip_content = 'data-tooltipster-html="true" data-tooltipster-title="" data-tooltipster-text="' . base64_encode($Timeline_Tooltiptext) . '" data-tooltipster-image="" data-tooltipster-position="' . $tooltip_position . '" data-tooltipster-touch="false" data-tooltipster-arrow="true" data-tooltipster-theme="' . $tooltip_style . '" data-tooltipster-animation="swing" data-tooltipster-trigger="hover" data-tooltipster-offsetx="' . $tooltipster_offsetx . '" data-tooltipster-offsety="' . $tooltipster_offsety . '"';
             $tooltip_class = 'ts-has-tooltipster-tooltip';
         } else {
             $tooltip_content = '';
             $tooltip_class = '';
         }
         // Border Radius
         if (isset($Timeline_Radiusborder)) {
             $border_radius = $Timeline_Radiusborder;
         } else {
             $border_radius = '';
         }
         // Timeline Event
         if ($Timeline_Type == "event") {
             // Feature Media Alignment
             if (isset($Timeline_Featuredmediaalign)) {
                 if ($Timeline_Featuredmediaalign == "center") {
                     $image_alignment = "margin: 5px auto; float: none;";
                 } else {
                     if ($Timeline_Featuredmediaalign == "left") {
                         $image_alignment = "margin: 5px 0; float: left;";
                     } else {
                         if ($Timeline_Featuredmediaalign == "right") {
                             $image_alignment = "margin: 5px 0; float: right;";
                         }
                     }
                 }
             } else {
                 $image_alignment = "margin: 5px auto; float: none;";
             }
             // Feature Media Dimensions
             $image_dimensions = 'width: 100%; height: auto;';
             $parent_dimensions = 'width: ' . $Timeline_Featuredmediawidth . '%; ' . $Timeline_Featuredmediaheight;
             // Lightbox Background Color
             if (isset($Timeline_Lightboxbacklight)) {
                 if ($Timeline_Lightboxbacklight == "auto") {
                     $nacho_color = '';
                 } else {
                     if ($Timeline_Lightboxbacklight == "custom") {
                         $nacho_color = 'data-color="' . $Timeline_Lightboxbacklightcolor . '"';
                     } else {
                         if ($Timeline_Lightboxbacklight == "hideit") {
                             $nacho_color = 'data-color="#000000"';
                         }
                     }
                 }
             } else {
                 $nacho_color = '';
             }
             // Adjustment for Inline Edit Mode of VC
             if ($VISUAL_COMPOSER_EXTENSIONS->TS_VCSC_VCFrontEditMode == "true") {
                 $Timeline_Fullwidth = 'true';
                 $vcinline_active = 'true';
                 $vcinline_class = '';
                 $vcinline_slider = 'owl-carousel2-edit';
             } else {
                 $Timeline_Fullwidth = $Timeline_Fullwidth;
                 $vcinline_active = 'false';
                 $vcinline_class = '';
                 $vcinline_slider = 'owl-carousel2';
             }
             // Featured Media
             if (isset($Timeline_Featuredmedia)) {
                 // Featured Media: Image
                 if ($Timeline_Featuredmedia == 'image') {
                     if (isset($Timeline_Featuredimageid)) {
                         $media_image = wp_get_attachment_image_src($Timeline_Featuredimageid, 'large');
                         if ($media_image != false) {
                             $image_extension = pathinfo($media_image[0], PATHINFO_EXTENSION);
                             if (isset($Timeline_Attributealtvalue)) {
                                 $alt_attribute = $Timeline_Attributealtvalue;
                             } else {
                                 $alt_attribute = basename($Timeline_Featuredimage, "." . $image_extension);
                             }
                             if (isset($Timeline_Attributetitle)) {
                                 $media_title = $Timeline_Attributetitle;
                             } else {
                                 if (isset($Timeline_Eventtitletext)) {
                                     $media_title = $Timeline_Eventtitletext;
                                 } else {
                                     $media_title = '';
                                 }
                             }
                             if ($Timeline_Lightboxfeatured == "false") {
                                 $media_string .= '<div class="ts-timeline-media" style="' . $parent_dimensions . '; ' . $image_alignment . '">';
                                 $media_string .= '<img class="" src="' . $media_image[0] . '" alt="' . $alt_attribute . '" style="max-width: ' . $media_image[1] . 'px; padding: 0; margin: 0 auto; display: block; ' . $image_dimensions . '">';
                                 $media_string .= '</div>';
                             } else {
                                 $media_string .= '<div class="ts-timeline-media nchgrid-item nchgrid-tile nch-lightbox-image" style="' . $parent_dimensions . '; ' . $image_alignment . '">';
                                 $media_string .= '<a href="' . $media_image[0] . '" class="nch-lightbox-media no-ajaxy" data-thumbnail="' . $media_image[0] . '" data-title="' . $media_title . '" rel="' . ($Timeline_Lightboxgroup == "true" ? "timelinegroup" : (isset($Timeline_Lightboxgroupname) ? $Timeline_Lightboxgroupname : "")) . '" data-share="0" data-effect="' . $Timeline_Lightboxeffect . '" data-duration="5000" ' . $nacho_color . '>';
                                 $media_string .= '<img src="' . $media_image[0] . '" alt="' . $alt_attribute . '" title="" style="max-width: ' . $media_image[1] . 'px; padding: 0; margin: 0 auto; display: block; ' . $image_dimensions . '">';
                                 $media_string .= '<div class="nchgrid-caption"></div>';
                                 if ($media_title != '') {
                                     $media_string .= '<div class="nchgrid-caption-text">' . $media_title . '</div>';
                                 }
                                 $media_string .= '</a>';
                                 $media_string .= '</div>';
                             }
                         }
                     }
                 }
                 // Featured Media: Image Slider
                 if ($Timeline_Featuredmedia == 'slider') {
                     if (isset($Timeline_Featuredslider)) {
                         if (isset($Timeline_Pagertl)) {
                             $page_rtl = $Timeline_Pagertl;
                         } else {
                             $page_rtl = "false";
                         }
                         $featured_slider = array();
                         $featured_images = array();
                         $featured_maxheight = isset($Timeline_Slidermaxheight) ? $Timeline_Slidermaxheight : 400;
                         $featured_fixheight = isset($Timeline_Sliderfixheight) ? $Timeline_Sliderfixheight : 400;
                         $images = get_post_meta($Section_ID, 'ts_vcsc_timeline_media_featuredslider', true);
                         if ($images) {
                             foreach ($images as $attachment_id => $img_full_url) {
                                 $featured_slider[] = $attachment_id;
                             }
                         }
                         $i = -1;
                         $b = 0;
                         $nachoLength = count($featured_slider) - 1;
                         if (isset($Timeline_Slidertitles)) {
                             $titles_array = explode("\n", $Timeline_Slidertitles);
                             $titles_array = array_filter($titles_array, 'trim');
                         } else {
                             $titles_array = array();
                         }
                         $media_string .= '<div id="ts-timeline-css-imageslider-' . $randomizer . '" class="ts-timeline-css-imageslider-container ' . $vcinline_slider . '" style="" data-id="' . $randomizer . '" data-parent="' . $timeline_id . '" data-items="' . count($featured_slider) . '" data-maxheight="' . $featured_maxheight . '">';
                         $media_string .= '<div class="ts-timeline-css-imageslider-slides">';
                         foreach ($featured_slider as $single_image) {
                             $i++;
                             $modal_image = wp_get_attachment_image_src($single_image, 'full');
                             if ($modal_image != false) {
                                 $modal_thumb = wp_get_attachment_image_src($single_image, 'thumb');
                                 $image_ratio = $modal_image[1] / $modal_image[2];
                                 $image_height = $modal_image[2] > $featured_maxheight ? $featured_maxheight : $modal_image[2];
                                 $image_width = round($image_height * $image_ratio, 0);
                                 $image_extension = pathinfo($modal_image[0], PATHINFO_EXTENSION);
                                 $featured_images[] = $modal_thumb[0];
                                 if ($Timeline_Lightboxfeatured == "false") {
                                     if ($i == 0 && $vcinline_active == "true" || $vcinline_active == "false") {
                                         $media_string .= '<div id="ts-timeline-css-imageslider-image-' . $single_image . '-parent" class="ts-timeline-css-imageslider-image-parent nchgrid-item nchgrid-tile nch-lightbox-image ts-timeline-css-imageslider-item ' . ($i == 0 ? "ts-timeline-css-slider-view-active" : "ts-timeline-css-slider-view-hidden") . '" data-width="' . $modal_image[1] . '" data-height="' . $modal_image[2] . '" data-ratio="' . $modal_image[1] / $modal_image[2] . '" data-order="' . $i . '" data-total="' . count($featured_slider) . '">';
                                         $media_string .= '<img src="' . $modal_image[0] . '" style="max-width: ' . $image_width . 'px; max-height: ' . $image_height . 'px; padding: 0; margin: 0 auto; display: block; ' . $image_dimensions . '">';
                                         $media_string .= '<div class="nchgrid-caption"></div>';
                                         if (isset($titles_array[$i]) && $titles_array[$i] != '') {
                                             $media_string .= '<div class="nchgrid-caption-text">' . strip_tags($titles_array[$i]) . '</div>';
                                         }
                                         $media_string .= '</div>';
                                     }
                                 } else {
                                     if ($i == $nachoLength && $vcinline_active == "false") {
                                         $media_string .= '<div id="ts-timeline-css-imageslider-image-' . $single_image . '-parent" class="ts-timeline-css-imageslider-image-parent nchgrid-item nchgrid-tile nch-lightbox-image ts-timeline-css-imageslider-item ' . ($i == 0 ? "ts-timeline-css-slider-view-active" : "ts-timeline-css-slider-view-hidden") . '" data-width="' . $modal_image[1] . '" data-height="' . $modal_image[2] . '" data-ratio="' . $modal_image[1] / $modal_image[2] . '" data-order="' . $i . '" data-total="' . count($featured_slider) . '">';
                                         $media_string .= '<a id="' . $timeline_id . '-' . $single_image . '" href="' . $modal_image[0] . '" data-thumbnail="' . $modal_image[0] . '" data-title="' . (isset($titles_array[$i]) && $titles_array[$i] != '' ? strip_tags($titles_array[$i]) : '') . '" class="nch-lightbox-media no-ajaxy ts-hover-image ' . $timeline_id . '-slider-image" rel="' . ($Timeline_Lightboxgroup == "true" ? "timelinegroup" : (isset($Timeline_Lightboxgroupname) ? $Timeline_Lightboxgroupname : "")) . '" data-effect="' . $Timeline_Lightboxeffect . '" data-share="0" data-autoplay="0" data-duration="5000" data-thumbsize="100" data-thumbs="bottom" ' . $nacho_color . '>';
                                         $media_string .= '<img src="' . $modal_image[0] . '" style="max-width: ' . $image_width . 'px; max-height: ' . $image_height . 'px; padding: 0; margin: 0 auto; display: block; ' . $image_dimensions . '">';
                                         $media_string .= '<div class="nchgrid-caption"></div>';
                                         if (isset($titles_array[$i]) && $titles_array[$i] != '') {
                                             $media_string .= '<div class="nchgrid-caption-text">' . strip_tags($titles_array[$i]) . '</div>';
                                         }
                                         $media_string .= '</a>';
                                         $media_string .= '</div>';
                                     } else {
                                         if ($i == 0 && $vcinline_active == "true" || $vcinline_active == "false") {
                                             $media_string .= '<div id="ts-timeline-css-imageslider-image-' . $single_image . '-parent" class="ts-timeline-css-imageslider-image-parent nchgrid-item nchgrid-tile nch-lightbox-image ts-timeline-css-imageslider-item ' . ($i == 0 ? "ts-timeline-css-slider-view-active" : "ts-timeline-css-slider-view-hidden") . '" data-width="' . $modal_image[1] . '" data-height="' . $modal_image[2] . '" data-ratio="' . $modal_image[1] / $modal_image[2] . '" data-order="' . $i . '" data-total="' . count($featured_slider) . '">';
                                             $media_string .= '<a id="' . $timeline_id . '-' . $single_image . '" href="' . $modal_image[0] . '" data-thumbnail="' . $modal_image[0] . '" data-title="' . (isset($titles_array[$i]) && $titles_array[$i] != '' ? strip_tags($titles_array[$i]) : '') . '" class="nch-lightbox-media no-ajaxy ts-hover-image ' . $timeline_id . '-slider-image" rel="' . ($Timeline_Lightboxgroup == "true" ? "timelinegroup" : (isset($Timeline_Lightboxgroupname) ? $Timeline_Lightboxgroupname : "")) . '" data-effect="' . $Timeline_Lightboxeffect . '" ' . $nacho_color . '>';
                                             $media_string .= '<img src="' . $modal_image[0] . '" style="max-width: ' . $image_width . 'px; max-height: ' . $image_height . 'px; padding: 0; margin: 0 auto; display: block; ' . $image_dimensions . '">';
                                             $media_string .= '<div class="nchgrid-caption"></div>';
                                             if (isset($titles_array[$i]) && $titles_array[$i] != '') {
                                                 $media_string .= '<div class="nchgrid-caption-text">' . strip_tags($titles_array[$i]) . '</div>';
                                             }
                                             $media_string .= '</a>';
                                             $media_string .= '</div>';
                                         }
                                     }
                                 }
                             }
                         }
                         $media_string .= '</div>';
                         $media_string .= '<div class="ts-timeline-css-imageslider-navigation">';
                         $media_string .= '<div class="ts-timeline-css-imageslider-dotholder">';
                         $i = -1;
                         foreach ($featured_slider as $single_image) {
                             $i++;
                             $media_string .= '<div class="ts-timeline-css-imageslider-dot ' . ($i == 0 ? "ts-timeline-css-imageslider-dotactive" : "") . ' ts-has-tooltipster-tooltip" data-order="' . $i . '" data-image="' . (isset($featured_images[$i]) ? $featured_images[$i] : "") . '" data-tooltipster-html="false" data-tooltipster-title="" data-tooltipster-text="" data-tooltipster-image="' . (isset($featured_images[$i]) ? $featured_images[$i] : "") . '" data-tooltipster-position="top" data-tooltipster-touch="false" data-tooltipster-arrow="true" data-tooltipster-theme="tooltipster-thumb" data-tooltipster-animation="fade" data-tooltipster-trigger="hover" data-tooltipster-offsetx="' . $tooltipster_offsetx . '" data-tooltipster-offsety="' . $tooltipster_offsety . '"></div>';
                         }
                         $media_string .= '</div>';
                         $media_string .= '<div class="ts-timeline-css-imageslider-prev"><i class="dashicons dashicons-arrow-left-alt2"></i></div>';
                         $media_string .= '<div class="ts-timeline-css-imageslider-next"><i class="dashicons dashicons-arrow-right-alt2"></i></div>';
                         $media_string .= '</div>';
                         $media_string .= '</div>';
                         $slider_class = '';
                     }
                 } else {
                     $slider_class = '';
                 }
                 // Featured Media: YouTube
                 if (isset($Timeline_Featuredyoutubeurl) && ($Timeline_Featuredmedia == 'youtube_default' || $Timeline_Featuredmedia == 'youtube_custom' || $Timeline_Featuredmedia == 'youtube_embed')) {
                     if (preg_match('~((http|https|ftp|ftps)://|www.)(.+?)~', $Timeline_Featuredyoutubeurl)) {
                         $featured_youtube_url = $Timeline_Featuredyoutubeurl;
                     } else {
                         $featured_youtube_url = 'https://www.youtube.com/watch?v=' . $Timeline_Featuredyoutubeurl;
                     }
                     if (isset($Timeline_Featuredyoutubeplay)) {
                         if ($Timeline_Featuredyoutubeplay == "true") {
                             $video_autoplay = 'true';
                         } else {
                             $video_autoplay = 'false';
                         }
                     } else {
                         $video_autoplay = 'false';
                     }
                     if (isset($Timeline_Featuredyoutuberelated)) {
                         if ($Timeline_Featuredyoutuberelated == "true") {
                             $video_related = '&rel=1';
                         } else {
                             $video_related = '&rel=0';
                         }
                     } else {
                         $video_related = '&rel=0';
                     }
                     if (isset($Timeline_Attributetitle)) {
                         $media_title = $Timeline_Attributetitle;
                     } else {
                         if (isset($Timeline_Eventtitletext)) {
                             $media_title = $Timeline_Eventtitletext;
                         } else {
                             $media_title = '';
                         }
                     }
                     if ($Timeline_Featuredmedia == 'youtube_default') {
                         $media_image = TS_VCSC_VideoImage_Youtube($featured_youtube_url);
                         $media_string .= '<div class="nch-holder nchgrid-item nchgrid-tile nch-lightbox-youtube" style="' . $parent_dimensions . '; ' . $image_alignment . '">';
                         $media_string .= '<a href="' . $featured_youtube_url . '" class="nch-lightbox-media no-ajaxy" data-thumbnail="' . $media_image . '" data-title="' . $media_title . '" data-related="' . $video_related . '" data-videoplay="' . $video_autoplay . '" data-type="youtube" rel="' . ($Timeline_Lightboxgroup == "true" ? "timelinegroup" : (isset($Timeline_Lightboxgroupname) ? $Timeline_Lightboxgroupname : "")) . '" data-share="0" data-effect="' . (isset($Timeline_Lightboxeffect) ? $Timeline_Lightboxeffect : 'random') . '" data-duration="5000" ' . $nacho_color . '>';
                         $media_string .= '<img src="' . $media_image . '" title="" style="display: block; ' . $image_dimensions . '">';
                         $media_string .= '<div class="nchgrid-caption"></div>';
                         if ($media_title != '') {
                             $media_string .= '<div class="nchgrid-caption-text">' . $media_title . '</div>';
                         }
                         $media_string .= '</a>';
                         $media_string .= '</div>';
                     } else {
                         if ($Timeline_Featuredmedia == 'youtube_custom') {
                             if (isset($Timeline_Featuredimageid)) {
                                 $media_image = wp_get_attachment_image_src($Timeline_Featuredimageid, 'full');
                                 $media_image = $media_image[0];
                                 $image_extension = pathinfo($media_image, PATHINFO_EXTENSION);
                                 if (isset($Timeline_Attributealtvalue)) {
                                     $alt_attribute = $Timeline_Attributealtvalue;
                                 } else {
                                     $alt_attribute = basename($Timeline_Featuredimage, "." . $image_extension);
                                 }
                             } else {
                                 $media_image = TS_VCSC_GetResourceURL('images/defaults/default_youtube.jpg');
                                 $image_extension = pathinfo($media_image, PATHINFO_EXTENSION);
                                 if (isset($Timeline_Attributealtvalue)) {
                                     $alt_attribute = $Timeline_Attributealtvalue;
                                 } else {
                                     $alt_attribute = basename($media_image, "." . $image_extension);
                                 }
                             }
                             $media_string .= '<div class="nch-holder nchgrid-item nchgrid-tile nch-lightbox-youtube" style="' . $parent_dimensions . '; ' . $image_alignment . '">';
                             $media_string .= '<a href="' . $featured_youtube_url . '" class="nch-lightbox-media no-ajaxy" data-thumbnail="' . $media_image . '" data-title="' . $media_title . '" data-related="' . $video_related . '" data-videoplay="' . $video_autoplay . '" data-type="youtube" rel="' . ($Timeline_Lightboxgroup == "true" ? "timelinegroup" : (isset($Timeline_Lightboxgroupname) ? $Timeline_Lightboxgroupname : "")) . '" data-share="0" data-effect="' . (isset($Timeline_Lightboxeffect) ? $Timeline_Lightboxeffect : 'random') . '" data-duration="5000" ' . $nacho_color . '>';
                             $media_string .= '<img src="' . $media_image . '" title="" style="display: block; ' . $image_dimensions . '">';
                             $media_string .= '<div class="nchgrid-caption"></div>';
                             if ($media_title != '') {
                                 $media_string .= '<div class="nchgrid-caption-text">' . $media_title . '</div>';
                             }
                             $media_string .= '</a>';
                             $media_string .= '</div>';
                         } else {
                             if ($Timeline_Featuredmedia == 'youtube_embed') {
                                 $video_id = TS_VCSC_VideoID_Youtube($featured_youtube_url);
                                 if ($video_autoplay == "true") {
                                     $video_autoplay = '?autoplay=1';
                                 } else {
                                     $video_autoplay = '?autoplay=0';
                                 }
                                 $media_string .= '<div class="ts-video-container" style="' . $parent_dimensions . '; ' . $image_alignment . '">';
                                 $media_string .= '<iframe width="100%" height="auto" src="//www.youtube.com/embed/' . $video_id . $video_autoplay . $video_related . '&wmode=opaque" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe>';
                                 $media_string .= '</div>';
                             }
                         }
                     }
                 }
                 // Featured Media: DailyMotion
                 if (isset($Timeline_Featureddailymotionurl) && ($Timeline_Featuredmedia == 'dailymotion_default' || $Timeline_Featuredmedia == 'dailymotion_custom' || $Timeline_Featuredmedia == 'dailymotion_embed')) {
                     if (preg_match('~((http|https|ftp|ftps)://|www.)(.+?)~', $Timeline_Featureddailymotionurl)) {
                         $featured_dailymotion_url = $Timeline_Featureddailymotionurl;
                     } else {
                         $featured_dailymotion_url = 'http://www.dailymotion.com/video/' . $Timeline_Featureddailymotionurl;
                     }
                     if (isset($Timeline_Featureddailymotionplay)) {
                         if ($Timeline_Featureddailymotionplay == "true") {
                             $video_autoplay = 'true';
                         } else {
                             $video_autoplay = 'false';
                         }
                     } else {
                         $video_autoplay = 'false';
                     }
                     if (isset($Timeline_Attributetitle)) {
                         $media_title = $Timeline_Attributetitle;
                     } else {
                         if (isset($Timeline_Eventtitletext)) {
                             $media_title = $Timeline_Eventtitletext;
                         } else {
                             $media_title = '';
                         }
                     }
                     if ($Timeline_Featuredmedia == 'dailymotion_default') {
                         $media_image = TS_VCSC_VideoImage_Motion($featured_dailymotion_url);
                         $media_string .= '<div class="nch-holder nchgrid-item nchgrid-tile nch-lightbox-motion" style="' . $parent_dimensions . '; ' . $image_alignment . '">';
                         $media_string .= '<a href="' . $featured_dailymotion_url . '" class="nch-lightbox-media no-ajaxy" data-thumbnail="' . $media_image . '" data-title="' . $media_title . '" data-videoplay="' . $video_autoplay . '" data-type="dailymotion" rel="' . ($Timeline_Lightboxgroup == "true" ? "timelinegroup" : (isset($Timeline_Lightboxgroupname) ? $Timeline_Lightboxgroupname : "")) . '" data-share="0" data-effect="' . (isset($Timeline_Lightboxeffect) ? $Timeline_Lightboxeffect : 'random') . '" data-duration="5000" ' . $nacho_color . '>';
                         $media_string .= '<img src="' . $media_image . '" title="" style="display: block; ' . $image_dimensions . '">';
                         $media_string .= '<div class="nchgrid-caption"></div>';
                         if ($media_title != '') {
                             $media_string .= '<div class="nchgrid-caption-text">' . $media_title . '</div>';
                         }
                         $media_string .= '</a>';
                         $media_string .= '</div>';
                     } else {
                         if ($Timeline_Featuredmedia == 'dailymotion_custom') {
                             if (isset($Timeline_Featuredimageid)) {
                                 $media_image = wp_get_attachment_image_src($Timeline_Featuredimageid, 'full');
                                 $media_image = $media_image[0];
                                 $image_extension = pathinfo($media_image, PATHINFO_EXTENSION);
                                 if (isset($Timeline_Attributealtvalue)) {
                                     $alt_attribute = $Timeline_Attributealtvalue;
                                 } else {
                                     $alt_attribute = basename($Timeline_Featuredimage, "." . $image_extension);
                                 }
                             } else {
                                 $media_image = TS_VCSC_GetResourceURL('images/defaults/default_motion.jpg');
                                 $image_extension = pathinfo($media_image, PATHINFO_EXTENSION);
                                 if (isset($Timeline_Attributealtvalue)) {
                                     $alt_attribute = $Timeline_Attributealtvalue;
                                 } else {
                                     $alt_attribute = basename($media_image, "." . $image_extension);
                                 }
                             }
                             $media_string .= '<div class="nch-holder nchgrid-item nchgrid-tile nch-lightbox-motion" style="' . $parent_dimensions . '; ' . $image_alignment . '">';
                             $media_string .= '<a href="' . $featured_dailymotion_url . '" class="nch-lightbox-media no-ajaxy" data-thumbnail="' . $media_image . '" data-title="' . $media_title . '" data-videoplay="' . $video_autoplay . '" data-type="dailymotion" rel="' . ($Timeline_Lightboxgroup == "true" ? "timelinegroup" : (isset($Timeline_Lightboxgroupname) ? $Timeline_Lightboxgroupname : "")) . '" data-share="0" data-effect="' . (isset($Timeline_Lightboxeffect) ? $Timeline_Lightboxeffect : 'random') . '" data-duration="5000" ' . $nacho_color . '>';
                             $media_string .= '<img src="' . $media_image . '" title="" style="display: block; ' . $image_dimensions . '">';
                             $media_string .= '<div class="nchgrid-caption"></div>';
                             if ($media_title != '') {
                                 $media_string .= '<div class="nchgrid-caption-text">' . $media_title . '</div>';
                             }
                             $media_string .= '</a>';
                             $media_string .= '</div>';
                         } else {
                             if ($Timeline_Featuredmedia == 'dailymotion_embed') {
                                 $video_id = TS_VCSC_VideoID_Motion($featured_dailymotion_url);
                                 if ($video_autoplay == "true") {
                                     $video_autoplay = '?autoplay=1';
                                 } else {
                                     $video_autoplay = '?autoplay=0';
                                 }
                                 $media_string .= '<div class="ts-video-container" style="' . $parent_dimensions . '; ' . $image_alignment . '">';
                                 $media_string .= '<iframe width="100%" height="auto" src="http://www.dailymotion.com/embed/video/' . $video_id . $video_autoplay . '&forcedQuality=hq&wmode=opaque" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe>';
                                 $media_string .= '</div>';
                             }
                         }
                     }
                 }
                 // Featured Media: Vimeo
                 if (isset($Timeline_Featuredvimeourl) && ($Timeline_Featuredmedia == 'vimeo_default' || $Timeline_Featuredmedia == 'vimeo_custom' || $Timeline_Featuredmedia == 'vimeo_embed')) {
                     if (preg_match('~((http|https|ftp|ftps)://|www.)(.+?)~', $Timeline_Featuredvimeourl)) {
                         $featured_vimeo_url = $Timeline_Featuredvimeourl;
                     } else {
                         $featured_vimeo_url = 'http://www.vimeo.com/video/' . $Timeline_Featuredvimeourl;
                     }
                     if (isset($Timeline_Featuredvimeoplay)) {
                         if ($Timeline_Featuredvimeoplay == "true") {
                             $video_autoplay = 'true';
                         } else {
                             $video_autoplay = 'false';
                         }
                     } else {
                         $video_autoplay = 'false';
                     }
                     if (isset($Timeline_Attributetitle)) {
                         $media_title = $Timeline_Attributetitle;
                     } else {
                         if (isset($Timeline_Eventtitletext)) {
                             $media_title = $Timeline_Eventtitletext;
                         } else {
                             $media_title = '';
                         }
                     }
                     if ($Timeline_Featuredmedia == 'vimeo_default') {
                         $media_image = TS_VCSC_VideoImage_Vimeo($featured_vimeo_url);
                         $media_string .= '<div class="nch-holder nchgrid-item nchgrid-tile nch-lightbox-vimeo" style="' . $parent_dimensions . '; ' . $image_alignment . '">';
                         $media_string .= '<a href="' . $featured_vimeo_url . '" class="nch-lightbox-media no-ajaxy" data-thumbnail="' . $media_image . '" data-title="' . $media_title . '" data-videoplay="' . $video_autoplay . '" data-type="vimeo" rel="' . ($Timeline_Lightboxgroup == "true" ? "timelinegroup" : (isset($Timeline_Lightboxgroupname) ? $Timeline_Lightboxgroupname : "")) . '" data-share="0" data-effect="' . (isset($Timeline_Lightboxeffect) ? $Timeline_Lightboxeffect : 'random') . '" data-duration="5000" ' . $nacho_color . '>';
                         $media_string .= '<img src="' . $media_image . '" title="" style="display: block; ' . $image_dimensions . '">';
                         $media_string .= '<div class="nchgrid-caption"></div>';
                         if ($media_title != '') {
                             $media_string .= '<div class="nchgrid-caption-text">' . $media_title . '</div>';
                         }
                         $media_string .= '</a>';
                         $media_string .= '</div>';
                     } else {
                         if ($Timeline_Featuredmedia == 'vimeo_custom') {
                             if (isset($Timeline_Featuredimageid)) {
                                 $media_image = wp_get_attachment_image_src($Timeline_Featuredimageid, 'full');
                                 $media_image = $media_image[0];
                                 $image_extension = pathinfo($media_image, PATHINFO_EXTENSION);
                                 if (isset($Timeline_Attributealtvalue)) {
                                     $alt_attribute = $Timeline_Attributealtvalue;
                                 } else {
                                     $alt_attribute = basename($Timeline_Featuredimage, "." . $image_extension);
                                 }
                             } else {
                                 $media_image = TS_VCSC_GetResourceURL('images/defaults/default_vimeo.jpg');
                                 $image_extension = pathinfo($media_image, PATHINFO_EXTENSION);
                                 if (isset($Timeline_Attributealtvalue)) {
                                     $alt_attribute = $Timeline_Attributealtvalue;
                                 } else {
                                     $alt_attribute = basename($media_image, "." . $image_extension);
                                 }
                             }
                             $media_string .= '<div class="nch-holder nchgrid-item nchgrid-tile nch-lightbox-vimeo" style="' . $parent_dimensions . '; ' . $image_alignment . '">';
                             $media_string .= '<a href="' . $featured_vimeo_url . '" class="nch-lightbox-media no-ajaxy" data-thumbnail="' . $media_image . '" data-title="' . $media_title . '" data-videoplay="' . $video_autoplay . '" data-type="vimeo" rel="' . ($Timeline_Lightboxgroup == "true" ? "timelinegroup" : (isset($Timeline_Lightboxgroupname) ? $Timeline_Lightboxgroupname : "")) . '" data-share="0" data-effect="' . (isset($Timeline_Lightboxeffect) ? $Timeline_Lightboxeffect : 'random') . '" data-duration="5000" ' . $nacho_color . '>';
                             $media_string .= '<img src="' . $media_image . '" title="" style="display: block; ' . $image_dimensions . '">';
                             $media_string .= '<div class="nchgrid-caption"></div>';
                             if ($media_title != '') {
                                 $media_string .= '<div class="nchgrid-caption-text">' . $media_title . '</div>';
                             }
                             $media_string .= '</a>';
                             $media_string .= '</div>';
                         } else {
                             if ($Timeline_Featuredmedia == 'vimeo_embed') {
                                 $video_id = TS_VCSC_VideoID_vimeo($featured_vimeo_url);
                                 if ($video_autoplay == "true") {
                                     $video_autoplay = '?autoplay=1';
                                 } else {
                                     $video_autoplay = '?autoplay=0';
                                 }
                                 $media_string .= '<div class="ts-video-container" style="' . $parent_dimensions . '; ' . $image_alignment . '">';
                                 $media_string .= '<iframe width="100%" height="auto" src="//player.vimeo.com/video/' . $video_id . $video_autoplay . '&wmode=opaque" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe>';
                                 $media_string .= '</div>';
                             }
                         }
                     }
                 }
             } else {
                 $media_string = '';
                 $slider_class = '';
             }
             // Link Button
             if (isset($Timeline_Dedicatedpage) && $Timeline_Dedicatedpage != -1) {
                 // Link Values
                 if ($Timeline_Dedicatedpage == "external") {
                     $a_href = $Timeline_Dedicatedlink;
                 } else {
                     $a_href = get_page_link($Timeline_Dedicatedpage);
                 }
                 if (isset($Timeline_Dedicatedtooltip)) {
                     $a_title = $Timeline_Dedicatedtooltip;
                 } else {
                     $a_title = "";
                 }
                 if (isset($Timeline_Dedicatedtarget)) {
                     if ($Timeline_Dedicatedtarget == true) {
                         $a_target = "_blank";
                     } else {
                         $a_target = "_windows";
                     }
                 } else {
                     $a_target = "_blank";
                 }
                 // Button Alignment
                 if (isset($Timeline_Dedicatedalign)) {
                     if ($Timeline_Dedicatedalign == "center") {
                         $buttonstyle = "width: " . (isset($Timeline_Dedicatedwidth) ? $Timeline_Dedicatedwidth : 100) . "%; margin: 0 auto; float: none;";
                     } else {
                         if ($Timeline_Dedicatedalign == "left") {
                             $buttonstyle = "width: " . (isset($Timeline_Dedicatedwidth) ? $Timeline_Dedicatedwidth : 100) . "%; margin: 0 auto; float: left;";
                         } else {
                             if ($Timeline_Dedicatedalign == "right") {
                                 $buttonstyle = "width: " . (isset($Timeline_Dedicatedwidth) ? $Timeline_Dedicatedwidth : 100) . "%; margin: 0 auto; float: right;";
                             }
                         }
                     }
                 } else {
                     $buttonstyle = 'width: 100%; margin: 0 auto; float: none;';
                 }
                 $button_string = '';
                 if (!empty($a_href) && isset($Timeline_Dedicatedlabel)) {
                     $button_string .= '<div class="ts-timeline-css-button-outer clearFixMe">';
                     $button_string .= '<div class="ts-timeline-css-button-wrapper" style="' . $buttonstyle . '%;">';
                     if (isset($Timeline_Dedicatedicon)) {
                         if ($Timeline_Dedicatedicon != "none") {
                             $button_string .= '<a class="ts-timeline-css-button-link ' . $Timeline_Dedicateddefault . ' ' . $Timeline_Dedicatedhover . '" href="' . $a_href . '" target="' . $a_target . '" title="' . $a_title . '"><i class="ts-timeline-css-button-icon dashicons dashicons-' . $Timeline_Dedicatedicon . '" style="' . (isset($Timeline_Dedicatedcolor) ? "color: " . $Timeline_Dedicatedcolor : "") . '"></i>' . $Timeline_Dedicatedlabel . '</a>';
                         } else {
                             $button_string .= '<a class="ts-timeline-css-button-link ' . $Timeline_Dedicateddefault . ' ' . $Timeline_Dedicatedhover . '" href="' . $a_href . '" target="' . $a_target . '" title="' . $a_title . '">' . $Timeline_Dedicatedlabel . '</a>';
                         }
                     } else {
                         $button_string .= '<a class="ts-timeline-css-button-link ' . $Timeline_Dedicateddefault . ' ' . $Timeline_Dedicatedhover . '" href="' . $a_href . '" target="' . $a_target . '" title="' . $a_title . '">' . $Timeline_Dedicatedlabel . '</a>';
                     }
                     $button_string .= '</div>';
                     $button_string .= '</div>';
                 } else {
                     $button_string = '';
                 }
             } else {
                 $button_string = '';
             }
             // Event Icon
             if ((empty($section_icon) || $section_icon == "transparent") && !isset($Timeline_Eventcontent) && !isset($Timeline_Featuredimage)) {
                 $title_margin = 'margin: 0;';
             } else {
                 $title_margin = '';
             }
             // Column Adjustment for Full Width Event
             if ($Timeline_Fullwidth == "true" && !isset($Timeline_Eventtitletext) && (empty($section_icon) || $section_icon == "transparent") && !isset($Timeline_Eventcontent) && !isset($Timeline_Buttontext)) {
                 $columnA_adjust = 'width: 100%; margin: 0;';
                 $columnB_adjust = 'display: none; width: 0;';
             } else {
                 if ($Timeline_Fullwidth == "true" && $Timeline_Featuredmedia == "none") {
                     $columnA_adjust = 'display: none; width: 0; margin: 0;';
                     $columnB_adjust = 'width: 100%; margin: 0;';
                 } else {
                     $columnA_adjust = '';
                     $columnB_adjust = '';
                 }
             }
             // Final Output
             $output .= '<div id="' . $timeline_id . '" class="' . $css_class . ' ' . $slider_class . ' ' . ($Timeline_Fullwidth == "true" ? "ts-timeline-css-fullwidth" : "ts-timeline-css-event") . ' ts-timeline-css-visible ts-timeline-css-animated ' . (isset($Timeline_Eventdatetext) ? "ts-timeline-css-date-true" : "ts-timeline-css-date-false") . '" style="' . ($Timeline_Fullwidth == "true" ? "width: 98%;" : "") . ' ' . $vc_inline_style . '" data-categories="' . $Section_Categories . '" data-tags="' . $Section_Tags . '" data-filtered-categories="false" data-filtered-tags="false">';
             $output .= '<div class="ts-timeline-css-text-wrap ' . (isset($Timeline_Eventdatetext) ? "ts-timeline-css-text-wrap-date" : "ts-timeline-css-text-wrap-nodate") . ' ' . $border_radius . ' ' . $tooltip_class . '" ' . $tooltip_content . ' style="' . (isset($Timeline_Eventdatetext) ? "padding-top: 35px" : "") . '">';
             if (isset($Timeline_Eventdatetext)) {
                 if (isset($Timeline_Eventdateicon)) {
                     if ($Timeline_Eventdateicon == "none") {
                         $output .= '<div class="ts-timeline-css-date"><span class="ts-timeline-css-date-connect"><span class="ts-timeline-css-date-text">' . $Timeline_Eventdatetext . '</span></span></div>';
                     } else {
                         $output .= '<div class="ts-timeline-css-date"><span class="ts-timeline-css-date-connect"><span class="ts-timeline-css-date-text"><i class="ts-timeline-css-date-icon dashicons dashicons-' . $Timeline_Eventdateicon . '"></i>' . $Timeline_Eventdatetext . '</span></span></div>';
                     }
                 } else {
                     $output .= '<div class="ts-timeline-css-date"><span class="ts-timeline-css-date-connect"><span class="ts-timeline-css-date-text">' . $Timeline_Eventdatetext . '</span></span></div>';
                 }
             }
             if ($Timeline_Fullwidth == "true") {
                 $output .= '<div class="ts-timeline-css-fullwidth-colA" style="' . $columnA_adjust . '">';
                 $output .= $media_string;
                 $output .= '</div>';
                 $output .= '<div class="ts-timeline-css-fullwidth-colB" style="' . $columnB_adjust . '">';
                 if (isset($Timeline_Eventtitletext)) {
                     $output .= '<h3 class="ts-timeline-css-title" style="color: ' . (isset($Timeline_Eventtitlecolor) ? $Timeline_Eventtitlecolor : $title_color) . '; text-align: ' . (isset($Timeline_Eventtitlealign) ? $Timeline_Eventtitlealign : $title_align) . '; ' . (!isset($Timeline_Eventcontent) && empty($section_icon) ? "border: none; margin-bottom: 0; padding-bottom: 0;" : "") . ' ' . $title_margin . '">' . $Timeline_Eventtitletext . '</h3>';
                 }
                 if (!empty($section_icon) && $section_icon != "transparent" || isset($Timeline_Eventcontent) || isset($Timeline_Linkurl)) {
                     $output .= '<div style="width: 100%; display: block; float: left; position: relative; padding-bottom: ' . (!empty($a_href) && !empty($button_string) ? 0 : 15) . 'px; ' . (!isset($Timeline_Eventcontent) && !empty($section_icon) ? "height: 60px;" : "") . '">';
                     if (isset($Timeline_Eventcontent)) {
                         $output .= '<div class="ts-timeline-css-text-wrap-inner" style="' . (empty($section_icon) ? "width: 100%; height: 100%; left: 0;" : " left: 0;") . '">';
                         if (function_exists('wpb_js_remove_wpautop')) {
                             $output .= '<div class="ts-timeline-css-text" style="">' . wpb_js_remove_wpautop(do_shortcode($Timeline_Eventcontent), true) . '</div>';
                         } else {
                             $output .= '<div class="ts-timeline-css-text" style="">' . do_shortcode($Timeline_Eventcontent) . '</div>';
                         }
                         $output .= '</div>';
                     }
                     if (!empty($section_icon) && $section_icon != "transparent") {
                         $output .= '<div class="ts-timeline-css-icon ts-timeline-css-icon-full" style="' . (!isset($Timeline_Eventcontent) ? "display: inline-block; width: 100%; left: 0; margin: 0 0 0 2%;" : "left: 80%;") . '"><i class="' . $section_icon . '" style="color: ' . $icon_color . ';"></i></div>';
                     }
                     if (!empty($a_href) && !empty($button_string)) {
                         $output .= '<div class="ts-timeline-css-button-container">';
                         $output .= $button_string;
                         $output .= '</div>';
                     }
                     $output .= '</div>';
                 }
                 $output .= '</div>';
                 if ($Section_Tags != '') {
                     $output .= '<div class="ts-timeline-css-output-tags"><i class="dashicons dashicons-tag"></i><span>' . str_replace(",", ", ", $Section_Tags) . '</span></div>';
                 }
                 if ($Section_Categories != '') {
                     $output .= '<div class="ts-timeline-css-output-cats"><i class="dashicons dashicons-category"></i><span>' . str_replace(",", ", ", $Section_Categories) . '</span></div>';
                 }
             } else {
                 $output .= $media_string;
                 if (isset($Timeline_Eventtitletext)) {
                     $output .= '<h3 class="ts-timeline-css-title" style="color: ' . (isset($Timeline_Eventtitlecolor) ? $Timeline_Eventtitlecolor : $title_color) . '; text-align: ' . (isset($Timeline_Eventtitlealign) ? $Timeline_Eventtitlealign : $title_align) . '; ' . (!isset($Timeline_Eventcontent) && empty($section_icon) ? "border: none; margin-bottom: 0; padding-bottom: 0;" : "") . ' ' . $title_margin . '">' . $Timeline_Eventtitletext . '</h3>';
                 }
                 if (!empty($section_icon) && $section_icon != "transparent" || isset($Timeline_Eventcontent)) {
                     $output .= '<div style="width: 100%; display: block; float: left; position: relative; padding-bottom: 15px; ' . (!isset($Timeline_Eventcontent) && !empty($section_icon) ? "height: 60px;" : "") . '">';
                     if (!empty($section_icon) && $section_icon != "transparent") {
                         $output .= '<div class="ts-timeline-css-icon ts-timeline-css-icon-half" style="' . (!isset($Timeline_Eventcontent) ? "display: inline-block; width: 100%; left: 0;" : "") . '"><i class="' . $section_icon . '" style="color: ' . $icon_color . ';"></i></div>';
                     }
                     if (isset($Timeline_Eventcontent)) {
                         $output .= '<div class="ts-timeline-css-text-wrap-inner" style="' . (empty($section_icon) ? "width: 100%; height: 100%; left: 0;" : "") . '">';
                         if (function_exists('wpb_js_remove_wpautop')) {
                             $output .= '<div class="ts-timeline-css-text" style="">' . wpb_js_remove_wpautop(do_shortcode($Timeline_Eventcontent), true) . '</div>';
                         } else {
                             $output .= '<div class="ts-timeline-css-text" style="">' . do_shortcode($Timeline_Eventcontent) . '</div>';
                         }
                         $output .= '</div>';
                     }
                     $output .= '</div>';
                     if (!empty($a_href) && !empty($button_string)) {
                         $output .= '<div class="ts-timeline-css-button-container">';
                         $output .= $button_string;
                         $output .= '</div>';
                     }
                 }
                 if ($Section_Tags != '') {
                     $output .= '<div class="ts-timeline-css-output-tags"><i class="dashicons dashicons-tag"></i><span>' . str_replace(",", ", ", $Section_Tags) . '</span></div>';
                 }
                 if ($Section_Categories != '') {
                     $output .= '<div class="ts-timeline-css-output-cats"><i class="dashicons dashicons-category"></i><span>' . str_replace(",", ", ", $Section_Categories) . '</span></div>';
                 }
             }
             $output .= '<div class="clearFixMe"></div>';
             $output .= '</div>';
             $output .= '</div>';
         }
         // Timeline Break
         if ($Timeline_Type == "break") {
             if (!isset($Timeline_Breakcontent)) {
                 $title_margin = ' margin: 0 !important; padding: 0;';
             } else {
                 $title_margin = '';
             }
             if (isset($Timeline_Breakfull)) {
                 if ($Timeline_Breakfull == "true") {
                     $break_width = 'width: 98%; margin-left: 1%; margin-right: 1%;';
                     $break_data = 'true';
                 } else {
                     $break_width = 'width: 50%;';
                     $break_data = 'false';
                 }
             } else {
                 $break_width = 'width: 50%;';
                 $break_data = 'false';
             }
             if (isset($Timeline_Breakbackground)) {
                 $break_background = 'background: ' . $Timeline_Breakbackground . ';';
             } else {
                 $break_background = '';
             }
             $output .= '<div id="' . $timeline_id . '" class="ts-timeline-css-break ts-timeline-css-visible ' . $css_class . '" style="' . $break_width . ' ' . $vc_inline_style . '" data-fullwidth="' . $break_data . '" data-categories="' . $Section_Categories . '" data-tags="' . $Section_Tags . '" data-filtered-categories="false" data-filtered-tags="false">';
             $output .= '<div class="ts-timeline-css-text-wrap ' . $border_radius . ' ' . $tooltip_class . '" ' . $tooltip_content . ' style="' . $break_background . '">';
             $output .= '<div class="ts-timeline-css-text-wrap-inner" style="width: 100%; left: 0; ' . $title_margin . '">';
             if (isset($Timeline_Breaktitletext)) {
                 $output .= '<h3 class="ts-timeline-css-title" style="padding: 0 10px; text-align: ' . (isset($Timeline_Breaktitlealign) ? $Timeline_Breaktitlealign : $title_align) . '; color: ' . (isset($Timeline_Breaktitlecolor) ? $Timeline_Breaktitlecolor : $title_color) . ';' . $title_margin . '">' . $Timeline_Breaktitletext . '</h3>';
             }
             if (!empty($section_icon) && $section_icon != "transparent") {
                 $output .= '<div class="ts-timeline-css-icon ts-timeline-css-icon-break" style="margin: 10px auto;"><i class="' . $section_icon . '" style="color: ' . $icon_color . ';"></i></div>';
             }
             if (isset($Timeline_Breakcontent)) {
                 if (function_exists('wpb_js_remove_wpautop')) {
                     $output .= '<div class="ts-timeline-css-text">' . wpb_js_remove_wpautop(do_shortcode($Timeline_Breakcontent), true) . '</div>';
                 } else {
                     $output .= '<div class="ts-timeline-css-text">' . do_shortcode($Timeline_Breakcontent) . '</div>';
                 }
             }
             $output .= '</div>';
             $output .= '<div class="clearFixMe"></div>';
             $output .= '</div>';
             $output .= '</div>';
         }
     } else {
         $output .= '<div id="' . $timeline_id . '" class="' . $css_class . ' ts-timeline-css-fullwidth" style="width: 98%; ' . $vc_inline_style . '">';
         $output .= '<div class="ts-timeline-css-text-wrap">';
         $output .= '<div class="ts-timeline-css-text-wrap-inner" style="width: 100%; left: 0; margin: 20px auto;">';
         $output .= '<div>Section ID: ' . $Section_ID . '</div>';
         $output .= '<div>Section Title: ' . $Section_Title . '</div>';
         $output .= '<div>Section Type: ' . ($Timeline_Type == "event" ? "Event" : "Break") . '</div>';
         $output .= '</div>';
         $output .= '<div class="clearFixMe"></div>';
         $output .= '</div>';
         $output .= '</div>';
     }
     echo $output;
     // Clear Out all Variables
     foreach ($custom_fields_array as $index => $array) {
         ${$custom_fields_array[$index]['name']} = "";
         unset(${$custom_fields_array[$index]['name']});
     }
     $custom_fields_array = '';
     $timeline_array = '';
     $category_fields = '';
     $media_string = '';
     $output = '';
     $myvariable = ob_get_clean();
     return $myvariable;
 }
コード例 #2
0
function TS_VCSC_ComposerRowAdditions($output, $atts, $content = '')
{
    global $VISUAL_COMPOSER_EXTENSIONS;
    $TS_VCSC_RowToggleLimits = get_option('ts_vcsc_extend_settings_rowVisibilityLimits', $VISUAL_COMPOSER_EXTENSIONS->TS_VCSC_Row_Toggle_Defaults);
    $TS_VCSC_RowOffsetSettings = get_option('ts_vcsc_extend_settings_additionsOffsets', 0);
    ob_start();
    extract(shortcode_atts(array('ts_row_bg_retrieve' => 'single', 'ts_row_bg_image' => '', 'ts_row_bg_group' => '', 'ts_row_bg_source' => 'full', 'ts_row_bg_effects' => '', 'ts_row_break_parents' => 0, 'ts_row_blur_strength' => '', 'ts_row_raster_use' => 'false', 'ts_row_raster_type' => '', 'ts_row_overlay_use' => 'false', 'ts_row_overlay_color' => 'rgba(30,115,190,0.25)', 'ts_row_overlay_opacity' => 25, 'ts_row_zindex' => 0, 'ts_row_min_height' => 100, 'ts_row_screen_height' => 'false', 'ts_row_screen_offset' => 0, 'svg_top_on' => 'false', 'svg_top_style' => '1', 'svg_top_height' => 100, 'svg_top_flip' => 'false', 'svg_top_position' => 0, 'svg_top_color1' => '#ffffff', 'svg_top_color2' => '#ededed', 'svg_bottom_on' => 'false', 'svg_bottom_style' => '1', 'svg_bottom_height' => 100, 'svg_bottom_flip' => 'false', 'svg_bottom_position' => 0, 'svg_bottom_color1' => '#ffffff', 'svg_bottom_color2' => '#ededed', 'ts_row_bg_position' => 'center', 'ts_row_bg_position_custom' => '', 'ts_row_bg_alignment_h' => 'center', 'ts_row_bg_alignment_v' => 'center', 'ts_row_bg_repeat' => 'no-repeat', 'ts_row_bg_size_parallax' => 'cover', 'ts_row_bg_size_standard' => 'cover', 'ts_row_parallax_type' => 'up', 'ts_row_parallax_speed' => 20, 'ts_row_parallax_fade' => 1000, 'ts_row_slide_images' => '', 'ts_row_slide_auto' => 'true', 'ts_row_slide_controls' => 'true', 'ts_row_slide_shuffle' => 'false', 'ts_row_slide_delay' => 5000, 'ts_row_slide_bar' => 'true', 'ts_row_slide_transition' => 'random', 'ts_row_slide_switch' => 2000, 'ts_row_slide_halign' => 'center', 'ts_row_slide_valign' => 'center', 'ts_row_kenburns_animation' => 'null', 'ts_row_automove_scroll' => 'true', 'ts_row_automove_align' => 'horizontal', 'ts_row_automove_path_v' => 'topbottom', 'ts_row_automove_path_h' => 'leftright', 'ts_row_automove_speed' => 75, 'ts_row_movement_x_allow' => 'true', 'ts_row_movement_x_ratio' => 20, 'ts_row_movement_y_allow' => 'true', 'ts_row_movement_y_ratio' => 20, 'ts_row_movement_content' => 'false', 'ts_margin_left' => 0, 'ts_margin_right' => 0, 'margin_left' => 0, 'margin_right' => 0, 'padding_top' => 30, 'padding_bottom' => 30, 'enable_mobile' => 'false', 'single_color' => '#ffffff', 'gradiant_advanced' => 'false', 'gradient_generator' => '', 'gradient_angle' => 0, 'gradient_color_start' => '#cccccc', 'gradient_start_offset' => 0, 'gradient_color_end' => '#cccccc', 'gradient_end_offset' => 100, 'trianglify_render' => 'canvas', 'trianglify_colorsx' => 'random', 'trianglify_colorsy' => 'match_x', 'trianglify_generatorx' => '', 'trianglify_generatory' => '', 'trianglify_cellsize' => 50, 'trianglify_variance' => 0.75, 'ts_particles_count' => 30, 'ts_particles_size_max' => 10, 'ts_particles_size_scale' => 'true', 'ts_particles_size_anim' => 'false', 'ts_particles_color' => '#ffffff', 'ts_particles_stroke_width' => 0, 'ts_particles_stroke_color' => '#000000', 'ts_particles_back_type' => 'color', 'ts_particles_back_color' => '#b61924', 'ts_particles_back_image' => '', 'ts_particles_back_repeat' => 'no-repeat', 'ts_particles_back_place' => 'center center', 'ts_particles_back_size' => 'cover', 'ts_particles_shape_source' => 'internal', 'ts_particles_shape_types' => 'circle', 'ts_particles_shape_image' => '', 'ts_particles_link_lines' => 'true', 'ts_particles_link_color' => '#ffffff', 'ts_particles_link_width' => 1, 'ts_particles_hover' => 'false', 'ts_particles_click' => 'false', 'ts_particles_move' => 'true', 'ts_particles_direction' => 'none', 'ts_particles_speed' => 6, 'ts_particles_random' => 'false', 'ts_particles_straight' => 'false', 'video_youtube' => '', 'video_background' => '', 'video_mute' => 'true', 'video_loop' => 'false', 'video_remove' => 'false', 'video_start' => 'false', 'video_hover' => 'false', 'video_stop' => 'true', 'video_controls' => 'true', 'video_raster' => 'false', 'video_mp4' => '', 'video_ogv' => '', 'video_webm' => '', 'video_image' => '', 'multi_effect' => 'fixed', 'multi_speed' => 1, 'ts_equalize_columns' => 'false', 'ts_equalize_align' => 'center', 'ts_equalize_stack' => 'false', 'animation_factor' => '0.33', 'animation_scroll' => 'false', 'animation_view' => '', 'animation_speed' => 2000, 'show_large' => 'true', 'show_medium' => 'true', 'show_small' => 'true', 'show_extra' => 'true', 'show_remove' => 'true'), $atts));
    // Check for Frontend Editor Mode
    if ($VISUAL_COMPOSER_EXTENSIONS->TS_VCSC_VCFrontEditMode == "true") {
        $frontend_edit = 'true';
    } else {
        $frontend_edit = 'false';
    }
    // Check if Extended Row Options Utilized
    if ($ts_row_bg_effects != "" || !empty($animation_view) || $ts_equalize_columns == 'true') {
        $extended_effects = "true";
    } else {
        $extended_effects = "false";
    }
    if ($VISUAL_COMPOSER_EXTENSIONS->TS_VCSC_LoadFrontEndWaypoints == "true" && $extended_effects == "true") {
        if (wp_script_is('waypoints', $list = 'registered')) {
            wp_enqueue_script('waypoints');
        } else {
            wp_enqueue_script('ts-extend-waypoints');
        }
    }
    if ($VISUAL_COMPOSER_EXTENSIONS->TS_VCSC_LoadFrontEndForcable == "false" && $extended_effects == "true") {
        wp_enqueue_style('ts-extend-animations');
        wp_enqueue_style('ts-visual-composer-extend-front');
        wp_enqueue_script('ts-visual-composer-extend-front');
    }
    $output = "";
    $randomizer = mt_rand(999999, 9999999);
    // Check for Row Padding/Margin Offsets
    if ($TS_VCSC_RowOffsetSettings == 0) {
        $row_offsetsallow = 'data-offsetsallow="false"';
        $padding_top = '0';
        $padding_bottom = '0';
        $margin_left = $ts_margin_left;
        $margin_right = $ts_margin_right;
    } else {
        $row_offsetsallow = 'data-offsetsallow="true"';
    }
    // Viewport Animations
    if (!empty($animation_view)) {
        $animation_css = "ts-viewport-css-" . $animation_view;
        $output .= '<div class="ts-viewport-row ts-viewport-animation" data-inline="' . $VISUAL_COMPOSER_EXTENSIONS->TS_VCSC_VCFrontEditMode . '" data-scrollup = "' . $animation_scroll . '" data-factor="' . $animation_factor . '" data-viewport="' . $animation_css . '" data-speed="' . $animation_speed . '"></div>';
    } else {
        $animation_css = '';
    }
    // CSS3 Blur Effect
    if ($ts_row_blur_strength != '') {
        $blur_class = "ts-background-blur " . $ts_row_blur_strength;
        if ($ts_row_blur_strength == "ts-background-blur-small") {
            $blur_factor = 2;
        } else {
            if ($ts_row_blur_strength == "ts-background-blur-medium") {
                $blur_factor = 5;
            } else {
                if ($ts_row_blur_strength == "ts-background-blur-strong") {
                    $blur_factor = 8;
                }
            }
        }
    } else {
        $blur_class = "";
        $blur_factor = 0;
    }
    // Raster (Noise) Overlay
    if ($ts_row_raster_use == "true" && $ts_row_raster_type != '') {
        $raster_content = '<div class="ts-background-raster" style="background-image: url(' . $ts_row_raster_type . ');"></div>';
    } else {
        $raster_content = '';
    }
    // Color Overlay
    if ($ts_row_overlay_use == "true" && $ts_row_overlay_color != '') {
        $overlay_content = '<div class="ts-background-overlay" style="background: ' . $ts_row_overlay_color . ';"></div>';
    } else {
        $overlay_content = '';
    }
    // SVG Shape Overlays
    $svg_enabled = 'false';
    if ($svg_top_on == "true") {
        $svg_top_content = '<div id="ts-background-separator-top-' . $randomizer . '" class="ts-background-separator-container" style="height: ' . $svg_top_height . 'px; top: ' . $svg_top_position . 'px; bottom: auto; z-index: ' . (1 + $ts_row_zindex) . ';"><div class="ts-background-separator-wrap ts-background-separator-top' . ($svg_top_flip == "true" ? "-flip" : "") . '" data-random="' . $randomizer . '" data-height="' . $svg_top_height . '" data-position="top" style="height: ' . $svg_top_height . 'px;">' . TS_VCSC_GetRowSeparator($svg_top_style, $svg_top_color1, $svg_top_color2, $svg_top_height) . '</div></div>';
        $svg_enabled = 'true';
    } else {
        $svg_top_content = '';
    }
    if ($svg_bottom_on == "true") {
        $svg_bottom_content = '<div id="ts-background-separator-bottom-' . $randomizer . '" class="ts-background-separator-container" style="height: ' . $svg_bottom_height . 'px; top: auto; bottom: ' . $svg_bottom_position . 'px; z-index: ' . (1 + $ts_row_zindex) . ';"><div class="ts-background-separator-wrap ts-background-separator-bottom' . ($svg_bottom_flip == "true" ? "-flip" : "") . '" data-random="' . $randomizer . '" data-height="' . $svg_bottom_height . '" data-position="bottom" style="height: ' . $svg_bottom_height . 'px;">' . TS_VCSC_GetRowSeparator($svg_bottom_style, $svg_bottom_color1, $svg_bottom_color2, $svg_bottom_height) . '</div></div>';
        $svg_enabled = 'true';
    } else {
        $svg_bottom_content = '';
    }
    // Column Equalize Settings
    if ($ts_equalize_columns == 'true') {
        $column_equalize_string = 'data-column-equalize="true" data-column-align="' . $ts_equalize_align . '" data-column-stack="' . $ts_equalize_stack . '"';
        $column_equalize_class = 'ts-columns-equalize-enabled';
    } else {
        $column_equalize_string = 'data-column-equalize="false"';
        $column_equalize_class = 'ts-columns-equalize-disabled';
    }
    // Row Toggle Settings
    $row_toggle_limits = $TS_VCSC_RowToggleLimits;
    $large_default = 'true';
    $large_limit = $row_toggle_limits['Large Devices'];
    $medium_default = 'true';
    $medium_limit = $row_toggle_limits['Medium Devices'];
    $small_default = 'true';
    $small_limit = $row_toggle_limits['Small Devices'];
    $extra_default = 'true';
    $extra_limit = 0;
    if (($large_default != $show_large || $medium_default != $show_medium || $small_default != $show_small || $extra_default != $show_extra) && $frontend_edit == "false") {
        $row_toggle_trigger = 'true';
        $row_toggle_class = $column_equalize_class . ' ts-composium-row-background ts-device-visibility';
        $row_toggle_string = $column_equalize_string . ' data-width-current="" data-width-break="' . get_option('ts_vcsc_extend_settings_additionsRowEffectsBreak', '600') . '" data-showremove="' . $show_remove . '" data-largeshow="' . $show_large . '" data-largelimit="' . $large_limit . '" data-mediumshow="' . $show_medium . '" data-mediumlimit="' . $medium_limit . '" data-smallshow="' . $show_small . '" data-smalllimit="' . $small_limit . '" data-extrashow="' . $show_extra . '" data-extralimit="' . $extra_limit . '"';
    } else {
        $row_toggle_trigger = 'false';
        $row_toggle_class = $column_equalize_class . ' ts-composium-row-background';
        $row_toggle_string = $column_equalize_string . ' data-width-current="" data-width-break="' . get_option('ts_vcsc_extend_settings_additionsRowEffectsBreak', '600') . '"';
    }
    // Ken Burns Effect
    if ($ts_row_kenburns_animation != 'null') {
        if ($ts_row_kenburns_animation == 'random') {
            $kenburns_effects = array('centerZoom', 'centerZoomFadeOut', 'centerZoomFadeIn', 'kenburns', 'kenburnsLeft', 'kenburnsRight', 'kenburnsUp', 'kenburnsUpLeft', 'kenburnsUpRight', 'kenburnsDown', 'kenburnsDownLeft', 'kenburnsDownRight');
            $kenburns_animation = 'ts-css-animation-' . $kenburns_effects[array_rand($kenburns_effects, 1)];
        } else {
            $kenburns_animation = 'ts-css-animation-' . $ts_row_kenburns_animation;
        }
        $kenburns_string = 'data-kenburns-set="true" data-kenburns-animation="' . $kenburns_animation . '"';
    } else {
        $kenburns_animation = '';
        $kenburns_string = 'data-kenburns-set="false"';
    }
    // No Background Effect
    if ($row_toggle_trigger == "true") {
        if ($ts_row_bg_effects == "") {
            $output .= '<div id="' . $row_toggle_class . '-' . $randomizer . '" class="' . $row_toggle_class . '" ' . $row_toggle_string . '></div>';
        }
    } else {
        if ($ts_equalize_columns == 'true') {
            if ($ts_row_bg_effects == "") {
                $output .= '<div id="' . $row_toggle_class . '-' . $randomizer . '" class="' . $row_toggle_class . '" ' . $row_toggle_string . '></div>';
            }
        }
    }
    // Single Image or Group
    if ($ts_row_bg_effects == "image" || $ts_row_bg_effects == "fixed" || $ts_row_bg_effects == "parallax" || $ts_row_bg_effects == "automove" || $ts_row_bg_effects == "movement") {
        if ($ts_row_bg_retrieve == 'random') {
            $ts_row_bg_group = explode(',', $ts_row_bg_group);
            if (is_array($ts_row_bg_group)) {
                $ts_row_bg_image = $ts_row_bg_group[array_rand($ts_row_bg_group)];
            } else {
                $ts_row_bg_image = '';
            }
        } else {
            if ($ts_row_bg_retrieve == 'single') {
                $ts_row_bg_image = $ts_row_bg_image;
            }
        }
    }
    // Simple Background Image
    if ($ts_row_bg_effects == "image") {
        $ts_row_bg_image_url = wp_get_attachment_image_src($ts_row_bg_image, $ts_row_bg_source);
        if ($ts_row_bg_position == "custom") {
            $ts_row_bg_position = $ts_row_bg_position_custom;
        }
        $output .= "<div id='ts-background-main-" . $randomizer . "' class='ts-background-image ts-background " . $row_toggle_class . " " . $blur_class . "' " . $row_toggle_string . " " . $kenburns_string . " " . $row_offsetsallow . " data-svgshape='" . $svg_enabled . "' data-random='" . $randomizer . "' data-image-width='" . $ts_row_bg_image_url[1] . "' data-image-height='" . $ts_row_bg_image_url[2] . "' data-type='" . $ts_row_bg_effects . "' data-inline='" . $VISUAL_COMPOSER_EXTENSIONS->TS_VCSC_VCFrontEditMode . "' data-height='" . $ts_row_min_height . "' data-screen='" . $ts_row_screen_height . "' data-offset='" . $ts_row_screen_offset . "' data-blur='" . $blur_factor . "' data-index='" . $ts_row_zindex . "' data-marginleft='" . $margin_left . "' data-marginright='" . $margin_right . "' data-paddingtop='" . $padding_top . "' data-paddingbottom='" . $padding_bottom . "' data-image='" . $ts_row_bg_image_url[0] . "' data-size='" . $ts_row_bg_size_standard . "' data-position='" . esc_attr($ts_row_bg_position) . "' data-repeat='" . $ts_row_bg_repeat . "' data-break-parents='" . esc_attr($ts_row_break_parents) . "'>";
        if ($ts_row_kenburns_animation != 'null') {
            $output .= '<div class="ts-background-kenburns-wrapper"><div class="ts-background-kenburns-parent"><div class="ts-background-kenburns-image ' . $kenburns_animation . '"></div></div></div>';
        }
        $output .= $svg_top_content;
        $output .= $overlay_content;
        $output .= $raster_content;
        $output .= $svg_bottom_content;
        $output .= "</div>";
    }
    // Fixed Background Image
    if ($ts_row_bg_effects == "fixed") {
        $ts_row_bg_image_url = wp_get_attachment_image_src($ts_row_bg_image, $ts_row_bg_source);
        if ($ts_row_bg_position == "custom") {
            $ts_row_bg_position = $ts_row_bg_position_custom;
        }
        $output .= "<div id='ts-background-main-" . $randomizer . "' class='ts-background-fixed ts-background " . $row_toggle_class . " " . $blur_class . "' " . $row_toggle_string . " " . $row_offsetsallow . " data-svgshape='" . $svg_enabled . "' data-random='" . $randomizer . "' data-image-width='" . $ts_row_bg_image_url[1] . "' data-image-height='" . $ts_row_bg_image_url[2] . "' data-type='" . $ts_row_bg_effects . "' data-inline='" . $VISUAL_COMPOSER_EXTENSIONS->TS_VCSC_VCFrontEditMode . "' data-height='" . $ts_row_min_height . "' data-screen='" . $ts_row_screen_height . "' data-offset='" . $ts_row_screen_offset . "' data-blur='" . $blur_factor . "' data-index='" . $ts_row_zindex . "' data-marginleft='" . $margin_left . "' data-marginright='" . $margin_right . "' data-paddingtop='" . $padding_top . "' data-paddingbottom='" . $padding_bottom . "' data-image='" . $ts_row_bg_image_url[0] . "' data-size='" . $ts_row_bg_size_standard . "' data-position='" . esc_attr($ts_row_bg_position) . "' data-repeat='" . $ts_row_bg_repeat . "' data-break-parents='" . esc_attr($ts_row_break_parents) . "'>";
        $output .= $svg_top_content;
        $output .= $overlay_content;
        $output .= $raster_content;
        $output .= $svg_bottom_content;
        $output .= "</div>";
    }
    // Image Slideshow Background
    if ($ts_row_bg_effects == "slideshow") {
        wp_enqueue_style('ts-extend-vegas');
        wp_enqueue_script('ts-extend-vegas');
        $slider_settings = 'data-initialized="false" data-autoplay="' . $ts_row_slide_auto . '" data-playing="' . $ts_row_slide_auto . '" data-halign="' . $ts_row_slide_halign . '" data-valign="' . $ts_row_slide_valign . '" data-controls="' . $ts_row_slide_controls . '" data-shuffle="' . $ts_row_slide_shuffle . '" data-delay="' . $ts_row_slide_delay . '" data-bar="' . $ts_row_slide_bar . '" data-transition="' . $ts_row_slide_transition . '" data-switch="' . $ts_row_slide_switch . '" data-animation="' . $ts_row_kenburns_animation . '"';
        $output .= "<div id='ts-background-main-" . $randomizer . "' class='ts-background-slideshow ts-background " . $row_toggle_class . " " . $blur_class . "' " . $row_toggle_string . " " . $row_offsetsallow . " data-svgshape='" . $svg_enabled . "' data-random='" . $randomizer . "' " . $slider_settings . " data-type='" . $ts_row_bg_effects . "' data-inline='" . $VISUAL_COMPOSER_EXTENSIONS->TS_VCSC_VCFrontEditMode . "' data-height='" . $ts_row_min_height . "' data-screen='" . $ts_row_screen_height . "' data-offset='" . $ts_row_screen_offset . "' data-blur='" . $blur_factor . "' data-index='" . $ts_row_zindex . "' data-marginleft='" . $margin_left . "' data-marginright='" . $margin_right . "' data-paddingtop='" . $padding_top . "' data-paddingbottom='" . $padding_bottom . "' data-size='" . $ts_row_bg_size_standard . "' data-position='" . esc_attr($ts_row_bg_position) . "' data-repeat='" . $ts_row_bg_repeat . "' data-break-parents='" . esc_attr($ts_row_break_parents) . "'>";
        $slide_images = explode(',', $ts_row_slide_images);
        $i = 0;
        foreach ($slide_images as $single_image) {
            $i++;
            $slide_image = wp_get_attachment_image_src($single_image, $ts_row_bg_source);
            $output .= '<div class="ts-background-slideshow-holder" style="display: none;" data-image="' . $slide_image[0] . '" data-width="' . $slide_image[1] . '" data-height="' . $slide_image[2] . '" data-ratio="' . $slide_image[1] / $slide_image[2] . '"></div>';
        }
        $output .= '<div class="ts-background-slideshow-wrapper"></div>';
        $output .= $svg_top_content;
        $output .= $overlay_content;
        $output .= $raster_content;
        $output .= $svg_bottom_content;
        if ($ts_row_slide_controls == 'true') {
            // Left / Right Navigation
            $output .= '<nav id="nav-arrows-' . $randomizer . '" class="nav-arrows">';
            $output .= '<span class="nav-arrow-prev" style="text-indent: -90000px;">Previous</span>';
            $output .= '<span class="nav-arrow-next" style="text-indent: -90000px;">Next</span>';
            $output .= '</nav>';
        }
        if ($ts_row_slide_auto == 'true') {
            // Auto-Play Controls
            $output .= '<nav id="nav-auto-' . $randomizer . '" class="nav-auto">';
            $output .= '<span class="nav-auto-play" style="display: none; text-indent: -90000px;">Play</span>';
            $output .= '<span class="nav-auto-pause" style="text-indent: -90000px;">Pause</span>';
            $output .= '</nav>';
        }
        $output .= '</div>';
    }
    // Parallax Background
    if ($ts_row_bg_effects == "parallax") {
        $parallaxClass = $ts_row_parallax_type == "none" ? "" : "ts-background-parallax";
        $parallaxClass = in_array($ts_row_parallax_type, array("none", "fixed", "up", "down", "left", "right", "ts-background-parallax")) ? $parallaxClass : "";
        if ($ts_row_parallax_type == "up" || $ts_row_parallax_type == "down") {
            $ts_row_bg_alignment = $ts_row_bg_alignment_v;
        } else {
            if ($ts_row_parallax_type == "left" || $ts_row_parallax_type == "right") {
                $ts_row_bg_alignment = $ts_row_bg_alignment_h;
            }
        }
        if (!empty($parallaxClass)) {
            $ts_row_bg_image_url = wp_get_attachment_image_src($ts_row_bg_image, $ts_row_bg_source);
            $ts_row_parallax_speed = round($ts_row_parallax_speed / 100, 2);
            $output .= "<div id='ts-background-main-" . $randomizer . "' class='" . esc_attr($parallaxClass) . " ts-background " . $row_toggle_class . " " . $blur_class . "' " . $row_toggle_string . " data-completed='false' data-fadespeed='" . $ts_row_parallax_fade . "' " . $row_offsetsallow . " data-svgshape='" . $svg_enabled . "' data-random='" . $randomizer . "' data-image-width='" . $ts_row_bg_image_url[1] . "' data-image-height='" . $ts_row_bg_image_url[2] . "' data-type='" . $ts_row_bg_effects . "' data-inline='" . $VISUAL_COMPOSER_EXTENSIONS->TS_VCSC_VCFrontEditMode . "' data-disabled='false' data-height='" . $ts_row_min_height . "' data-screen='" . $ts_row_screen_height . "' data-offset='" . $ts_row_screen_offset . "' data-blur='" . $blur_factor . "' data-index='" . $ts_row_zindex . "' data-marginleft='" . $margin_left . "' data-marginright='" . $margin_right . "' data-paddingtop='" . $padding_top . "' data-paddingbottom='" . $padding_bottom . "' data-image='" . $ts_row_bg_image_url[0] . "' data-size='" . $ts_row_bg_size_parallax . "' data-position='" . esc_attr($ts_row_bg_position) . "' data-alignment='" . $ts_row_bg_alignment . "' data-repeat='" . $ts_row_bg_repeat . "' data-direction='" . esc_attr($ts_row_parallax_type) . "' data-momentum='" . esc_attr((double) $ts_row_parallax_speed) . "' data-mobile-enabled='" . esc_attr($enable_mobile) . "' data-break-parents='" . esc_attr($ts_row_break_parents) . "'>";
            $output .= "<div id='ts-background-parallax-holder-" . $randomizer . "' class='ts-background-parallax-holder'></div>";
            $output .= $svg_top_content;
            $output .= $overlay_content;
            $output .= $raster_content;
            $output .= $svg_bottom_content;
            $output .= "</div>";
        }
    }
    // AutoMove Background
    if ($ts_row_bg_effects == "automove") {
        $ts_row_bg_image_url = wp_get_attachment_image_src($ts_row_bg_image, $ts_row_bg_source);
        if ($ts_row_automove_align == "horizontal") {
            $ts_row_automove_path = $ts_row_automove_path_h;
        } else {
            if ($ts_row_automove_align == "vertical") {
                $ts_row_automove_path = $ts_row_automove_path_v;
            }
        }
        $output .= "<div id='ts-background-main-" . $randomizer . "' class='ts-background-automove ts-background " . $row_toggle_class . " " . $blur_class . "' " . $row_toggle_string . " " . $row_offsetsallow . " data-svgshape='" . $svg_enabled . "' data-random='" . $randomizer . "' data-image-width='" . $ts_row_bg_image_url[1] . "' data-image-height='" . $ts_row_bg_image_url[2] . "' data-type='" . $ts_row_bg_effects . "' data-inline='" . $VISUAL_COMPOSER_EXTENSIONS->TS_VCSC_VCFrontEditMode . "' data-height='" . $ts_row_min_height . "' data-screen='" . $ts_row_screen_height . "' data-offset='" . $ts_row_screen_offset . "' data-blur='" . $blur_factor . "' data-index='" . $ts_row_zindex . "' data-marginleft='" . $margin_left . "' data-marginright='" . $margin_right . "' data-paddingtop='" . $padding_top . "' data-paddingbottom='" . $padding_bottom . "' data-image='" . $ts_row_bg_image_url[0] . "' data-size='" . $ts_row_bg_size_parallax . "' data-position='" . esc_attr($ts_row_bg_position) . "' data-repeat='repeat 0 0' data-scroll='" . $ts_row_automove_scroll . "' data-alignment='" . $ts_row_automove_align . "' data-direction='" . $ts_row_automove_path . "' data-speed='" . $ts_row_automove_speed . "' data-break-parents='" . esc_attr($ts_row_break_parents) . "'>";
        $output .= $svg_top_content;
        $output .= $overlay_content;
        $output .= $raster_content;
        $output .= $svg_bottom_content;
        $output .= "</div>";
    }
    // Movement Background
    if ($ts_row_bg_effects == "movement") {
        wp_enqueue_script('ts-extend-parallaxify');
        $ts_row_bg_image_url = wp_get_attachment_image_src($ts_row_bg_image, $ts_row_bg_source);
        $ts_row_movement_data = ' data-allowx="' . $ts_row_movement_x_allow . '" data-movex="' . $ts_row_movement_x_ratio . '" data-allowy="' . $ts_row_movement_y_allow . '" data-movey="' . $ts_row_movement_y_ratio . '" data-allowcontent="' . $ts_row_movement_content . '"';
        $output .= "<div id='ts-background-main-" . $randomizer . "' class='ts-background-movement ts-background " . $row_toggle_class . " " . $blur_class . "' " . $row_toggle_string . " " . $row_offsetsallow . " data-svgshape='" . $svg_enabled . "' data-random='" . $randomizer . "' data-image-width='" . $ts_row_bg_image_url[1] . "' data-image-height='" . $ts_row_bg_image_url[2] . "' data-type='" . $ts_row_bg_effects . "' data-inline='" . $VISUAL_COMPOSER_EXTENSIONS->TS_VCSC_VCFrontEditMode . "' data-disabled='false' data-height='" . $ts_row_min_height . "' data-screen='" . $ts_row_screen_height . "' data-offset='" . $ts_row_screen_offset . "' data-blur='" . $blur_factor . "' data-index='" . $ts_row_zindex . "' data-marginleft='" . $margin_left . "' data-marginright='" . $margin_right . "' data-paddingtop='" . $padding_top . "' data-paddingbottom='" . $padding_bottom . "' data-image='" . $ts_row_bg_image_url[0] . "' data-size='" . $ts_row_bg_size_parallax . "' data-position='" . esc_attr($ts_row_bg_position) . "' data-repeat='" . $ts_row_bg_repeat . "' data-mobile-enabled='" . esc_attr($enable_mobile) . "' data-break-parents='" . esc_attr($ts_row_break_parents) . "' " . $ts_row_movement_data . ">";
        $output .= $svg_top_content;
        $output .= $overlay_content;
        $output .= $raster_content;
        $output .= $svg_bottom_content;
        $output .= "</div>";
    }
    // Particles Background
    if ($ts_row_bg_effects == "particles") {
        wp_enqueue_script('ts-extend-particles');
        if ($ts_particles_back_type == "image") {
            $ts_particles_back_image = wp_get_attachment_image_src($ts_particles_back_image, 'full');
            $ts_particles_back_image = $ts_particles_back_image[0];
        }
        if ($ts_particles_shape_source == "external") {
            $ts_particles_shape_image = wp_get_attachment_image_src($ts_particles_shape_image, 'full');
            $ts_particles_shape_width = $ts_particles_shape_image[1];
            $ts_particles_shape_height = $ts_particles_shape_image[2];
            $ts_particles_shape_image = $ts_particles_shape_image[0];
        } else {
            $ts_particles_shape_width = 100;
            $ts_particles_shape_height = 100;
        }
        $ts_row_particles_data = 'data-particles-count="' . $ts_particles_count . '" data-particles-sizemax="' . $ts_particles_size_max . '" data-particles-sizescale="' . $ts_particles_size_scale . '" data-particles-sizeanimate="' . $ts_particles_size_anim . '"';
        $ts_row_particles_data .= ' data-particles-shapesource="' . $ts_particles_shape_source . '" data-particles-shapetypes="' . $ts_particles_shape_types . '" data-particles-shapeimage="' . $ts_particles_shape_image . '" data-particles-shapewidth="' . $ts_particles_shape_width . '"';
        $ts_row_particles_data .= ' data-particles-color="' . $ts_particles_color . '" data-particles-strokewidth="' . $ts_particles_stroke_width . '" data-particles-strokecolor="' . $ts_particles_stroke_color . '" data-particles-linklines="' . $ts_particles_link_lines . '" data-particles-linkcolor="' . $ts_particles_link_color . '" data-particles-linkwidth="' . $ts_particles_link_width . '" data-particles-interhover="' . $ts_particles_hover . '" data-particles-interclick="' . $ts_particles_click . '"';
        $ts_row_particles_data .= ' data-particles-backtype="' . $ts_particles_back_type . '" data-particles-backcolor="' . $ts_particles_back_color . '" data-particles-backimage="' . $ts_particles_back_image . '" data-particles-backrepeat="' . $ts_particles_back_repeat . '" data-particles-backposition="' . $ts_particles_back_place . '" data-particles-backsize="' . $ts_particles_back_size . '" data-particles-shapeheight="' . $ts_particles_shape_height . '"';
        $ts_row_particles_data .= ' data-particles-moveallow="' . $ts_particles_move . '" data-particles-movedirection="' . $ts_particles_direction . '" data-particles-movespeed="' . $ts_particles_speed . '" data-particles-moverandom="' . $ts_particles_random . '" data-particles-movestraight="' . $ts_particles_straight . '"';
        $output .= "<div id='ts-background-main-" . $randomizer . "' class='ts-background-particles ts-background " . $row_toggle_class . " " . $blur_class . "' " . $row_toggle_string . " " . $row_offsetsallow . " data-svgshape='" . $svg_enabled . "' data-random='" . $randomizer . "' data-type='" . $ts_row_bg_effects . "' data-inline='" . $VISUAL_COMPOSER_EXTENSIONS->TS_VCSC_VCFrontEditMode . "' data-disabled='false' data-height='" . $ts_row_min_height . "' data-screen='" . $ts_row_screen_height . "' data-offset='" . $ts_row_screen_offset . "' data-blur='" . $blur_factor . "' data-index='" . $ts_row_zindex . "' data-marginleft='" . $margin_left . "' data-marginright='" . $margin_right . "' data-paddingtop='" . $padding_top . "' data-paddingbottom='" . $padding_bottom . "' data-size='cover' data-position='center center' data-repeat='no-repeat' data-mobile-enabled='false' data-break-parents='" . esc_attr($ts_row_break_parents) . "' " . $ts_row_particles_data . ">";
        $output .= '<div id="ts-background-particles-holder-' . $randomizer . '" class="ts-background-particles-holder" style=""></div>';
        $output .= $svg_top_content;
        $output .= $raster_content;
        $output .= $svg_bottom_content;
        $output .= "</div>";
    }
    // Selfhosted Video Background I
    if ($ts_row_bg_effects == "video") {
        wp_enqueue_style('ts-font-mediaplayer');
        wp_enqueue_style('ts-extend-wallpaper');
        wp_enqueue_script('ts-extend-wallpaper');
        if (!empty($video_image)) {
            $video_image_url = wp_get_attachment_image_src($video_image, 'full');
            $video_image_url = $video_image_url[0];
        } else {
            $video_image_url = "";
        }
        $output .= '<div id="ts-background-main-' . $randomizer . '" class="ts-background-video ts-background ' . $row_toggle_class . '" ' . $row_toggle_string . ' ' . $row_offsetsallow . ' data-svgshape="' . $svg_enabled . '" data-random="' . $randomizer . '" data-type="' . $ts_row_bg_effects . '" data-inline="' . $VISUAL_COMPOSER_EXTENSIONS->TS_VCSC_VCFrontEditMode . '" data-height="' . $ts_row_min_height . '" data-screen="' . $ts_row_screen_height . '" data-offset="' . $ts_row_screen_offset . '" data-blur="' . $blur_factor . '" data-index="' . $ts_row_zindex . '" data-marginleft="' . $margin_left . '" data-marginright="' . $margin_right . '" data-paddingtop="' . $padding_top . '" data-paddingbottom="' . $padding_bottom . '" data-raster="' . ($ts_row_raster_use == "true" && $ts_row_raster_type != '' ? $ts_row_raster_type : "") . '" data-overlay="' . ($ts_row_overlay_use == "true" && $ts_row_overlay_color != '' ? $ts_row_overlay_color : "") . '" data-mp4="' . $video_mp4 . '" data-ogv="' . $video_ogv . '" data-webm="' . $video_webm . '" data-image="' . $video_image_url . '" data-controls="' . $video_controls . '" data-start="' . $video_start . '" data-stop="' . $video_stop . '" data-hover="' . $video_hover . '" data-loop="' . $video_loop . '" data-remove="' . $video_remove . '" data-mute="' . $video_mute . '" data-break-parents="' . esc_attr($ts_row_break_parents) . '">';
        $output .= '<div class="ts-background-video-holder" style=""></div>';
        $output .= $svg_top_content;
        $output .= $overlay_content;
        $output .= $raster_content;
        $output .= $svg_bottom_content;
        $output .= '</div>';
    }
    // Selfhosted Video Background II
    if ($ts_row_bg_effects == "videomb") {
        wp_enqueue_style('ts-font-mediaplayer');
        wp_enqueue_script('ts-extend-multibackground');
        if (!empty($video_image)) {
            $video_image_url = wp_get_attachment_image_src($video_image, 'full');
            $video_image_url = $video_image_url[0];
        } else {
            $video_image_url = "";
        }
        $output .= '<div id="ts-background-main-' . $randomizer . '" class="ts-background-multiback ts-background ' . $row_toggle_class . '" ' . $row_toggle_string . ' data-attachment="' . $multi_effect . '" data-parallax="' . $multi_speed . '" ' . $row_offsetsallow . ' data-svgshape="' . $svg_enabled . '" data-random="' . $randomizer . '" data-type="' . $ts_row_bg_effects . '" data-inline="' . $VISUAL_COMPOSER_EXTENSIONS->TS_VCSC_VCFrontEditMode . '" data-height="' . $ts_row_min_height . '" data-screen="' . $ts_row_screen_height . '" data-offset="' . $ts_row_screen_offset . '" data-blur="' . $blur_factor . '" data-index="' . $ts_row_zindex . '" data-marginleft="' . $margin_left . '" data-marginright="' . $margin_right . '" data-paddingtop="' . $padding_top . '" data-paddingbottom="' . $padding_bottom . '" data-raster="' . ($ts_row_raster_use == "true" && $ts_row_raster_type != '' ? $ts_row_raster_type : "") . '" data-overlay="' . ($ts_row_overlay_use == "true" && $ts_row_overlay_color != '' ? $ts_row_overlay_color : "") . '" data-mp4="' . $video_mp4 . '" data-ogv="' . $video_ogv . '" data-webm="' . $video_webm . '" data-image="' . $video_image_url . '" data-controls="' . $video_controls . '" data-start="' . $video_start . '" data-stop="' . $video_stop . '" data-hover="' . $video_hover . '" data-loop="' . $video_loop . '" data-remove="' . $video_remove . '" data-mute="' . $video_mute . '" data-break-parents="' . esc_attr($ts_row_break_parents) . '">';
        $output .= '<div class="ts-background-video-holder" style=""></div>';
        $output .= $svg_top_content;
        $output .= $overlay_content;
        $output .= $raster_content;
        $output .= $svg_bottom_content;
        $output .= '</div>';
    }
    // Youtube Video Background I
    if ($ts_row_bg_effects == "youtube") {
        wp_enqueue_script('ts-extend-ytplayer');
        wp_enqueue_style('ts-extend-ytplayer');
        if (preg_match('~((http|https|ftp|ftps)://|www.)(.+?)~', $video_youtube)) {
            $video_youtube = $video_youtube;
        } else {
            $video_youtube = 'https://www.youtube.com/watch?v=' . $video_youtube;
        }
        if (!empty($video_background)) {
            $video_background = wp_get_attachment_image_src($video_background, 'full');
            $video_background = $video_background[0];
        } else {
            $video_background = TS_VCSC_VideoImage_Youtube($video_youtube);
        }
        $output .= '<div id="ts-background-main-' . $randomizer . '" class="ts-background-youtube ts-background ' . $row_toggle_class . '" ' . $row_toggle_string . ' ' . $row_offsetsallow . ' data-svgshape="' . $svg_enabled . '" data-random="' . $randomizer . '" data-type="' . $ts_row_bg_effects . '" data-inline="' . $VISUAL_COMPOSER_EXTENSIONS->TS_VCSC_VCFrontEditMode . '" data-height="' . $ts_row_min_height . '" data-screen="' . $ts_row_screen_height . '" data-offset="' . $ts_row_screen_offset . '" data-blur="' . $blur_factor . '" data-index="' . $ts_row_zindex . '" data-marginleft="' . $margin_left . '" data-marginright="' . $margin_right . '" data-paddingtop="' . $padding_top . '" data-paddingbottom="' . $padding_bottom . '" data-image="' . $video_background . '" data-video="' . $video_youtube . '" data-controls="' . $video_controls . '" data-start="' . $video_start . '" data-stop="' . $video_stop . '" data-hover="' . $video_hover . '" data-raster="' . $video_raster . '" data-mute="' . $video_mute . '" data-loop="' . $video_loop . '" data-remove="' . $video_remove . '" data-break-parents="' . esc_attr($ts_row_break_parents) . '">';
        $output .= $svg_top_content;
        $output .= $overlay_content;
        $output .= $raster_content;
        $output .= $svg_bottom_content;
        $output .= '</div>';
    }
    // Youtube Video Background II
    if ($ts_row_bg_effects == "youtubemb") {
        wp_enqueue_script('ts-extend-multibackground');
        if (preg_match('~((http|https|ftp|ftps)://|www.)(.+?)~', $video_youtube)) {
            $video_youtube = TS_VCSC_VideoID_Youtube($video_youtube);
        } else {
            $video_youtube = $video_youtube;
        }
        if (!empty($video_background)) {
            $video_background = wp_get_attachment_image_src($video_background, 'full');
            $video_background = $video_background[0];
        } else {
            $video_background = TS_VCSC_VideoImage_Youtube($video_youtube);
        }
        wp_enqueue_script('ts-extend-multibackground');
        $output .= '<div id="ts-background-main-' . $randomizer . '" class="ts-background-multiback ts-background ' . $row_toggle_class . '" ' . $row_toggle_string . ' data-attachment="' . $multi_effect . '" data-parallax="' . $multi_speed . '" ' . $row_offsetsallow . ' data-svgshape="' . $svg_enabled . '" data-random="' . $randomizer . '" data-type="' . $ts_row_bg_effects . '" data-inline="' . $VISUAL_COMPOSER_EXTENSIONS->TS_VCSC_VCFrontEditMode . '" data-height="' . $ts_row_min_height . '" data-screen="' . $ts_row_screen_height . '" data-offset="' . $ts_row_screen_offset . '" data-blur="' . $blur_factor . '" data-index="' . $ts_row_zindex . '" data-marginleft="' . $margin_left . '" data-marginright="' . $margin_right . '" data-paddingtop="' . $padding_top . '" data-paddingbottom="' . $padding_bottom . '" data-image="' . $video_background . '" data-video="' . $video_youtube . '" data-controls="' . $video_controls . '" data-start="' . $video_start . '" data-stop="' . $video_stop . '" data-hover="' . $video_hover . '" data-raster="' . $video_raster . '" data-mute="' . $video_mute . '" data-loop="' . $video_loop . '" data-remove="' . $video_remove . '" data-break-parents="' . esc_attr($ts_row_break_parents) . '">';
        $output .= '<div class="ts-background-video-holder multibackground" style=""></div>';
        $output .= $svg_top_content;
        $output .= $overlay_content;
        $output .= $raster_content;
        $output .= $svg_bottom_content;
        $output .= '</div>';
    }
    // Vimeo Video Background
    if ($ts_row_bg_effects == "vimeo") {
    }
    // Trianglify Background
    if ($ts_row_bg_effects == "triangle") {
        wp_enqueue_script('ts-extend-trianglify');
        $trianglify_predefined = array("YlGn" => "#ffffe5,#f7fcb9,#d9f0a3,#addd8e,#78c679,#41ab5d,#238443,#006837,#004529", "YlGnBu" => "#ffffd9,#edf8b1,#c7e9b4,#7fcdbb,#41b6c4,#1d91c0,#225ea8,#253494,#081d58", "GnBu" => "#f7fcf0,#e0f3db,#ccebc5,#a8ddb5,#7bccc4,#4eb3d3,#2b8cbe,#0868ac,#084081", "BuGn" => "#f7fcfd,#e5f5f9,#ccece6,#99d8c9,#66c2a4,#41ae76,#238b45,#006d2c,#00441b", "PuBuGn" => "#fff7fb,#ece2f0,#d0d1e6,#a6bddb,#67a9cf,#3690c0,#02818a,#016c59,#014636", "PuBu" => "#fff7fb,#ece7f2,#d0d1e6,#a6bddb,#74a9cf,#3690c0,#0570b0,#045a8d,#023858", "BuPu" => "#f7fcfd,#e0ecf4,#bfd3e6,#9ebcda,#8c96c6,#8c6bb1,#88419d,#810f7c,#4d004b", "RdPu" => "#fff7f3,#fde0dd,#fcc5c0,#fa9fb5,#f768a1,#dd3497,#ae017e,#7a0177,#49006a", "PuRd" => "#f7f4f9,#e7e1ef,#d4b9da,#c994c7,#df65b0,#e7298a,#ce1256,#980043,#67001f", "OrRd" => "#fff7ec,#fee8c8,#fdd49e,#fdbb84,#fc8d59,#ef6548,#d7301f,#b30000,#7f0000", "YlOrRd" => "#ffffcc,#ffeda0,#fed976,#feb24c,#fd8d3c,#fc4e2a,#e31a1c,#bd0026,#800026", "YlOrBr" => "#ffffe5,#fff7bc,#fee391,#fec44f,#fe9929,#ec7014,#cc4c02,#993404,#662506", "Purples" => "#fcfbfd,#efedf5,#dadaeb,#bcbddc,#9e9ac8,#807dba,#6a51a3,#54278f,#3f007d", "Blues" => "#f7fbff,#deebf7,#c6dbef,#9ecae1,#6baed6,#4292c6,#2171b5,#08519c,#08306b", "Greens" => "#f7fcf5,#e5f5e0,#c7e9c0,#a1d99b,#74c476,#41ab5d,#238b45,#006d2c,#00441b", "Oranges" => "#fff5eb,#fee6ce,#fdd0a2,#fdae6b,#fd8d3c,#f16913,#d94801,#a63603,#7f2704", "Reds" => "#fff5f0,#fee0d2,#fcbba1,#fc9272,#fb6a4a,#ef3b2c,#cb181d,#a50f15,#67000d", "Greys" => "#ffffff,#f0f0f0,#d9d9d9,#bdbdbd,#969696,#737373,#525252,#252525,#000000", "PuOr" => "#7f3b08,#b35806,#e08214,#fdb863,#fee0b6,#f7f7f7,#d8daeb,#b2abd2,#8073ac,#542788,#2d004b", "BrBG" => "#543005,#8c510a,#bf812d,#dfc27d,#f6e8c3,#f5f5f5,#c7eae5,#80cdc1,#35978f,#01665e,#003c30", "PRGn" => "#40004b,#762a83,#9970ab,#c2a5cf,#e7d4e8,#f7f7f7,#d9f0d3,#a6dba0,#5aae61,#1b7837,#00441b", "PiYG" => "#8e0152,#c51b7d,#de77ae,#f1b6da,#fde0ef,#f7f7f7,#e6f5d0,#b8e186,#7fbc41,#4d9221,#276419", "RdBu" => "#67001f,#b2182b,#d6604d,#f4a582,#fddbc7,#f7f7f7,#d1e5f0,#92c5de,#4393c3,#2166ac,#053061", "RdGy" => "#67001f,#b2182b,#d6604d,#f4a582,#fddbc7,#ffffff,#e0e0e0,#bababa,#878787,#4d4d4d,#1a1a1a", "RdYlBu" => "#a50026,#d73027,#f46d43,#fdae61,#fee090,#ffffbf,#e0f3f8,#abd9e9,#74add1,#4575b4,#313695", "Spectral" => "#9e0142,#d53e4f,#f46d43,#fdae61,#fee08b,#ffffbf,#e6f598,#abdda4,#66c2a5,#3288bd,#5e4fa2", "RdYlGn" => "#a50026,#d73027,#f46d43,#fdae61,#fee08b,#ffffbf,#d9ef8b,#a6d96a,#66bd63,#1a9850,#006837", "Accent" => "#7fc97f,#beaed4,#fdc086,#ffff99,#386cb0,#f0027f,#bf5b17,#666666", "Dark2" => "#1b9e77,#d95f02,#7570b3,#e7298a,#66a61e,#e6ab02,#a6761d,#666666", "Paired" => "#a6cee3,#1f78b4,#b2df8a,#33a02c,#fb9a99,#e31a1c,#fdbf6f,#ff7f00,#cab2d6,#6a3d9a,#ffff99,#b15928", "Pastel1" => "#fbb4ae,#b3cde3,#ccebc5,#decbe4,#fed9a6,#ffffcc,#e5d8bd,#fddaec,#f2f2f2", "Pastel2" => "#b3e2cd,#fdcdac,#cbd5e8,#f4cae4,#e6f5c9,#fff2ae,#f1e2cc,#cccccc", "Set1" => "#e41a1c,#377eb8,#4daf4a,#984ea3,#ff7f00,#ffff33,#a65628,#f781bf,#999999", "Set2" => "#66c2a5,#fc8d62,#8da0cb,#e78ac3,#a6d854,#ffd92f,#e5c494,#b3b3b3", "Set3" => "#8dd3c7,#ffffb3,#bebada,#fb8072,#80b1d3,#fdb462,#b3de69,#fccde5,#d9d9d9,#bc80bd,#ccebc5,#ffed6f");
        // Horizontal Pattern
        if ($trianglify_colorsx == "random") {
            //$trianglify_random			= rand(0, count($trianglify_predefined) - 1);
            //$trianglify_allkeys			= array_keys($trianglify_predefined)[$trianglify_random];
            //$trianglify_stringx			= $trianglify_predefined[$trianglify_allkeys];
            $trianglify_stringx = $trianglify_predefined[array_rand($trianglify_predefined)];
        } else {
            if ($trianglify_colorsx == "custom") {
                $trianglify_array = explode(";", $trianglify_generatorx);
                $trianglify_array = TS_VCSC_GetContentsBetween($trianglify_array[0], 'color-stop(', ')');
                $trianglify_stringx = array();
                $trianglyfy_position = 0;
                foreach ($trianglify_array as $key => $value) {
                    //$trianglify_stringx[]		= "#" . substr($value, (strrpos($value, '#') ? : -1) + 1) . "";
                    //$trianglify_stringx[]		= "#" . substr($value, (strrpos($value, '#') ? strrpos($value, '#') : -1) + 1) . "";
                    $trianglyfy_position = TS_VCSC_STRRPOS_String($value, '#', 0);
                    $trianglify_stringx[] = "#" . substr($value, ($trianglyfy_position != false ? $trianglyfy_position : -1) + 1) . "";
                }
                $trianglify_stringx = implode(",", $trianglify_stringx);
            } else {
                $trianglify_stringx = $trianglify_predefined[$trianglify_colorsx];
            }
        }
        // Vertical Pattern
        if ($trianglify_colorsy == "match_x") {
            $trianglify_stringy = $trianglify_stringx;
        } else {
            if ($trianglify_colorsy == "random") {
                //$trianglify_random		= rand(0, count($trianglify_predefined) - 1);
                //$trianglify_allkeys		= array_keys($trianglify_predefined)[$trianglify_random];
                //$trianglify_stringy		= $trianglify_predefined[$trianglify_allkeys];
                $trianglify_stringy = $trianglify_predefined[array_rand($trianglify_predefined)];
            } else {
                if ($trianglify_colorsy == "custom") {
                    $trianglify_array = explode(";", $trianglify_generatory);
                    $trianglify_array = TS_VCSC_GetContentsBetween($trianglify_array[0], 'color-stop(', ')');
                    $trianglify_stringy = array();
                    $trianglyfy_position = 0;
                    foreach ($trianglify_array as $key => $value) {
                        //$trianglify_stringy[]	= "#" . substr($value, (strrpos($value, '#') ? : -1) + 1) . "";
                        //$trianglify_stringy[]	= "#" . substr($value, (strrpos($value, '#') ? strrpos($value, '#') : -1) + 1) . "";
                        $trianglyfy_position = TS_VCSC_STRRPOS_String($value, '#', 0);
                        $trianglify_stringy[] = "#" . substr($value, ($trianglyfy_position != false ? $trianglyfy_position : -1) + 1) . "";
                    }
                    $trianglify_stringy = implode(",", $trianglify_stringy);
                } else {
                    $trianglify_stringy = $trianglify_predefined[$trianglify_colorsy];
                }
            }
        }
        $output .= '<div id="ts-background-main-' . $randomizer . '" class="ts-background-trianglify ts-background ' . $row_toggle_class . '" ' . $row_toggle_string . ' data-render="' . $trianglify_render . '" data-cellsize="' . $trianglify_cellsize . '" data-variance="' . $trianglify_variance . '" data-colorsx="' . $trianglify_stringx . '" data-colorsy="' . $trianglify_stringy . '" ' . $row_offsetsallow . ' data-svgshape="' . $svg_enabled . '" data-random="' . $randomizer . '" data-type="' . $ts_row_bg_effects . '" data-inline="' . $VISUAL_COMPOSER_EXTENSIONS->TS_VCSC_VCFrontEditMode . '" data-height="' . $ts_row_min_height . '" data-screen="' . $ts_row_screen_height . '" data-offset="' . $ts_row_screen_offset . '" data-blur="' . $blur_factor . '" data-index="' . $ts_row_zindex . '" data-marginleft="' . $margin_left . '" data-marginright="' . $margin_right . '" data-paddingtop="' . $padding_top . '" data-paddingbottom="' . $padding_bottom . '" data-raster="' . $video_raster . '" data-break-parents="' . esc_attr($ts_row_break_parents) . '">';
        $output .= '<div class="ts-background-trianglify-holder" style=""></div>';
        $output .= $svg_top_content;
        $output .= $overlay_content;
        $output .= $raster_content;
        $output .= $svg_bottom_content;
        $output .= '</div>';
    }
    // Single Color Background
    if ($ts_row_bg_effects == "single") {
        $output .= '<div id="ts-background-main-' . $randomizer . '" class="ts-background-single ts-background ' . $row_toggle_class . '" ' . $row_toggle_string . ' style="display: none; background-color: ' . $single_color . ';" ' . $row_offsetsallow . ' data-svgshape="' . $svg_enabled . '" data-random="' . $randomizer . '" data-type="' . $ts_row_bg_effects . '" data-inline="' . $VISUAL_COMPOSER_EXTENSIONS->TS_VCSC_VCFrontEditMode . '" data-color="' . $single_color . '" data-height="' . $ts_row_min_height . '" data-screen="' . $ts_row_screen_height . '" data-offset="' . $ts_row_screen_offset . '" data-blur="' . $blur_factor . '" data-index="' . $ts_row_zindex . '" data-marginleft="' . $margin_left . '" data-marginright="' . $margin_right . '" data-paddingtop="' . $padding_top . '" data-paddingbottom="' . $padding_bottom . '" data-break-parents="' . esc_attr($ts_row_break_parents) . '">';
        $output .= $svg_top_content;
        $output .= $raster_content;
        $output .= $svg_bottom_content;
        $output .= '</div>';
    }
    // Gradient Background
    if ($ts_row_bg_effects == "gradient") {
        if ($gradiant_advanced == 'false') {
            $gradient_css_attr[] = 'background: ' . $gradient_color_start . '';
            $gradient_css_attr[] = 'background: -moz-linear-gradient(' . $gradient_angle . 'deg, ' . $gradient_color_start . ' ' . $gradient_start_offset . '%, ' . $gradient_color_end . ' ' . $gradient_end_offset . '%)';
            $gradient_css_attr[] = 'background: -webkit-linear-gradient(' . $gradient_angle . 'deg, ' . $gradient_color_start . ' ' . $gradient_start_offset . '%, ' . $gradient_color_end . ' ' . $gradient_end_offset . '%)';
            $gradient_css_attr[] = 'background: -o-linear-gradient(' . $gradient_angle . 'deg, ' . $gradient_color_start . ' ' . $gradient_start_offset . '%, ' . $gradient_color_end . ' ' . $gradient_end_offset . '%)';
            $gradient_css_attr[] = 'background: -ms-linear-gradient(' . $gradient_angle . 'deg, ' . $gradient_color_start . ' ' . $gradient_start_offset . '%, ' . $gradient_color_end . ' ' . $gradient_end_offset . '%)';
            $gradient_css_attr[] = 'background: linear-gradient(' . $gradient_angle . 'deg, ' . $gradient_color_start . ' ' . $gradient_start_offset . '%, ' . $gradient_color_end . ' ' . $gradient_end_offset . '%)';
            $gradient_css_attr = implode('; ', $gradient_css_attr);
        } else {
            $gradient_css_attr = $gradient_generator;
        }
        $output .= '<div id="ts-background-main-' . $randomizer . '" class="ts-background-gradient ts-background ' . $row_toggle_class . '" ' . $row_toggle_string . ' ' . $kenburns_string . ' style="display: none; ' . ($ts_row_kenburns_animation == 'null' ? $gradient_css_attr : '') . '" ' . $row_offsetsallow . ' data-svgshape="' . $svg_enabled . '" data-random="' . $randomizer . '" data-type="' . $ts_row_bg_effects . '" data-inline="' . $VISUAL_COMPOSER_EXTENSIONS->TS_VCSC_VCFrontEditMode . '" data-height="' . $ts_row_min_height . '" data-screen="' . $ts_row_screen_height . '" data-offset="' . $ts_row_screen_offset . '" data-blur="' . $blur_factor . '" data-index="' . $ts_row_zindex . '" data-marginleft="' . $margin_left . '" data-marginright="' . $margin_right . '" data-paddingtop="' . $padding_top . '" data-paddingbottom="' . $padding_bottom . '" data-break-parents="' . esc_attr($ts_row_break_parents) . '">';
        if ($ts_row_kenburns_animation != 'null') {
            $output .= '<div class="ts-background-kenburns-wrapper"><div class="ts-background-kenburns-parent"><div class="ts-background-kenburns-image ' . $kenburns_animation . '" style="' . $gradient_css_attr . '"></div></div></div>';
        }
        $output .= $svg_top_content;
        $output .= $raster_content;
        $output .= $svg_bottom_content;
        $output .= '</div>';
    }
    if ($frontend_edit == "false") {
        echo $output;
    }
    $myvariable = ob_get_clean();
    return $myvariable;
}
コード例 #3
0
 function TS_VCSC_Timeline_Function_Single($atts, $content = null)
 {
     global $VISUAL_COMPOSER_EXTENSIONS;
     ob_start();
     extract(shortcode_atts(array('full_width' => 'false', 'featured_media' => 'none', 'featured_image' => '', 'featured_image_alt' => '', 'featured_slider' => '', 'featured_youtube_url' => '', 'featured_youtube_related' => 'false', 'featured_youtube_play' => 'false', 'featured_dailymotion_url' => '', 'featured_dailymotion_play' => 'false', 'featured_vimeo_url' => '', 'featured_vimeo_play' => 'false', 'featured_media_height' => 'height: 100%;', 'featured_media_width' => 100, 'featured_media_align' => 'center', 'link' => '', 'tooltip_css' => 'false', 'tooltip_position' => 'ts-simptip-position-top', 'tooltip_style' => '', 'button_align' => 'center', 'button_width' => 100, 'button_type' => 'square', 'button_square' => 'ts-button-3d', 'button_rounded' => 'ts-button-3d ts-button-rounded', 'button_pill' => 'ts-button-3d ts-button-pill', 'button_circle' => 'ts-button-3d ts-button-circle', 'button_size' => '', 'button_wrapper' => 'false', 'button_text' => '', 'button_change' => 'false', 'button_color' => '#666666', 'button_font' => 18, 'thumbnail_position' => 'bottom', 'thumbnail_height' => 100, 'lightbox_featured' => 'true', 'lightbox_group' => 'true', 'lightbox_group_name' => '', 'lightbox_size' => 'full', 'lightbox_effect' => 'random', 'lightbox_autoplay' => 'false', 'lightbox_speed' => 5000, 'lightbox_social' => 'true', 'lightbox_backlight' => 'auto', 'lightbox_backlight_color' => '#ffffff', 'number_images' => 1, 'auto_height' => 'true', 'page_rtl' => 'false', 'auto_play' => 'false', 'show_bar' => 'false', 'bar_color' => '#dd3333', 'show_speed' => 5000, 'stop_hover' => 'true', 'show_navigation' => 'true', "items_loop" => 'false', 'animation_in' => 'ts-viewport-css-flipInX', 'animation_out' => 'ts-viewport-css-slideOutDown', 'animation_mobile' => 'false', 'date_text' => '', 'title_text' => '', 'title_align' => 'center', 'title_color' => '#7c7979', 'icon' => '', 'icon_color' => '#7c7979', 'el_id' => '', 'el_class' => '', 'css' => ''), $atts));
     $media_string = '';
     $output = '';
     $randomizer = mt_rand(999999, 9999999);
     if (!empty($el_id)) {
         $timeline_id = $el_id;
     } else {
         $timeline_id = 'ts-vcsc-timeline-item-' . $randomizer;
     }
     // Media Layout
     if ($featured_media_align == "center") {
         $image_alignment = "margin: 5px auto; float: none;";
     } else {
         if ($featured_media_align == "left") {
             $image_alignment = "margin: 5px 0; float: left;";
         } else {
             if ($featured_media_align == "right") {
                 $image_alignment = "margin: 5px 0; float: right;";
             }
         }
     }
     $image_dimensions = 'width: 100%; height: auto;';
     $parent_dimensions = 'width: ' . $featured_media_width . '%; ' . $featured_media_height;
     if ($lightbox_backlight == "auto") {
         $nacho_color = '';
     } else {
         if ($lightbox_backlight == "custom") {
             $nacho_color = 'data-color="' . $lightbox_backlight_color . '"';
         } else {
             if ($lightbox_backlight == "hideit") {
                 $nacho_color = 'data-color="#000000"';
             }
         }
     }
     // Adjustment for Inline Edit Mode of VC
     if ($VISUAL_COMPOSER_EXTENSIONS->TS_VCSC_VCFrontEditMode == "true") {
         $full_width = 'true';
         $vcinline_active = 'true';
         $vcinline_class = '';
         $vcinline_slider = 'owl-carousel2-edit';
     } else {
         $full_width = $full_width;
         $vcinline_active = 'false';
         $vcinline_class = '';
         $vcinline_slider = 'owl-carousel2';
     }
     // Featured Media: Image
     if ($featured_media == 'image') {
         if (!empty($featured_image)) {
             $media_image = wp_get_attachment_image_src($featured_image, 'large');
             $image_extension = pathinfo($media_image[0], PATHINFO_EXTENSION);
             if ($featured_image_alt != "") {
                 $alt_attribute = $featured_image_alt;
             } else {
                 $alt_attribute = basename($media_image[0], "." . $image_extension);
             }
             if ($lightbox_featured == "false") {
                 $media_string .= '<div class="ts-timeline-media" style="' . $parent_dimensions . '; ' . $image_alignment . '">';
                 $media_string .= '<img class="" src="' . $media_image[0] . '" alt="' . $alt_attribute . '" style="max-width: ' . $media_image[1] . 'px; padding: 0; margin: 0 auto; display: block; ' . $image_dimensions . '">';
                 $media_string .= '</div>';
             } else {
                 $media_string .= '<div class="ts-timeline-media nchgrid-item nchgrid-tile nch-lightbox-image" style="' . $parent_dimensions . '; ' . $image_alignment . '">';
                 $media_string .= '<a href="' . $media_image[0] . '" class="nch-lightbox-media" data-title="' . $title_text . '" rel="' . ($lightbox_group == "true" ? "timelinegroup" : $lightbox_group_name) . '" data-effect="' . $lightbox_effect . '" data-duration="' . $lightbox_speed . '" ' . $nacho_color . '>';
                 $media_string .= '<img src="' . $media_image[0] . '" alt="' . $alt_attribute . '" title="" style="max-width: ' . $media_image[1] . 'px; padding: 0; margin: 0 auto; display: block; ' . $image_dimensions . '">';
                 $media_string .= '<div class="nchgrid-caption"></div>';
                 if (!empty($title_text)) {
                     $media_string .= '<div class="nchgrid-caption-text">' . $title_text . '</div>';
                 }
                 $media_string .= '</a>';
                 $media_string .= '</div>';
             }
         }
     }
     // Featured Media: Image Slider
     if ($featured_media == 'slider') {
         if (!empty($featured_slider)) {
             $featured_slider = explode(',', $featured_slider);
             $i = -1;
             $b = 0;
             $nachoLength = count($featured_slider) - 1;
             // Add Progressbar
             if ($auto_play == "true" && $show_bar == "true" && $frontend_edit == "false") {
                 $media_string .= '<div id="ts-owlslider-progressbar-' . $randomizer . '" class="ts-owlslider-progressbar-holder" style=""><div class="ts-owlslider-progressbar" style="background: ' . $bar_color . '; height: 100%; width: 0%;"></div></div>';
             }
             if ($auto_play == "true" && $show_bar == "true" || $show_navigation == "true") {
                 $slider_margin = 'margin-top: -10px;';
             } else {
                 $slider_margin = 'margin-top: 5px;';
             }
             if (($auto_play == "true" || $show_navigation == "true") && count($featured_slider) > 1) {
                 $media_string .= '<div id="ts-owlslider-controls-' . $randomizer . '" class="ts-owlslider-controls">';
                 if ($show_navigation == "true") {
                     $media_string .= '<div id="ts-owlslider-controls-next-' . $randomizer . '" class="ts-owlslider-controls-next"><span class="ts-ecommerce-arrowright5"></span></div>';
                     $media_string .= '<div id="ts-owlslider-controls-prev-' . $randomizer . '" class="ts-owlslider-controls-prev"><span class="ts-ecommerce-arrowleft5"></span></div>';
                 }
                 if ($auto_play == "true") {
                     $media_string .= '<div id="ts-owlslider-controls-play-' . $randomizer . '" class="ts-owlslider-controls-play active"><span class="ts-ecommerce-pause"></span></div>';
                 }
                 $media_string .= '</div>';
             }
             $media_string .= '<div id="ts-timeline-gallery-slider-' . $randomizer . '" class="ts-timeline-gallery-slider ' . $vcinline_slider . '" style="' . $slider_margin . '" data-id="' . $randomizer . '" data-items="' . $number_images . '" data-rtl="' . $page_rtl . '" data-loop="' . $items_loop . '" data-navigation="' . $show_navigation . '" data-mobile="' . $animation_mobile . '" data-animationin="' . $animation_in . '" data-animationout="' . $animation_out . '" data-height="' . $auto_height . '" data-play="' . $auto_play . '" data-bar="' . $show_bar . '" data-color="' . $bar_color . '" data-speed="' . $show_speed . '" data-hover="' . $stop_hover . '">';
             foreach ($featured_slider as $single_image) {
                 $i++;
                 $modal_image = wp_get_attachment_image_src($single_image, $lightbox_size);
                 $image_extension = pathinfo($modal_image[0], PATHINFO_EXTENSION);
                 if ($lightbox_featured == "false") {
                     if ($i == 0 && $vcinline_active == "true" || $vcinline_active == "false") {
                         $media_string .= '<div id="' . $timeline_id . '-' . $i . '-parent" class="' . $timeline_id . '-parent ' . $el_class . ' nchgrid-item nchgrid-tile nch-lightbox-image" style="">';
                         $media_string .= '<img src="' . $modal_image[0] . '" style="max-width: ' . $modal_image[1] . 'px; padding: 0; margin: 0 auto; display: block; ' . $image_dimensions . '">';
                         $media_string .= '<div class="nchgrid-caption"></div>';
                         $media_string .= '</div>';
                     }
                 } else {
                     if ($i == $nachoLength && $vcinline_active == "false") {
                         $media_string .= '<div id="' . $timeline_id . '-' . $i . '-parent" class="' . $timeline_id . '-parent ' . $el_class . ' nchgrid-item nchgrid-tile nch-lightbox-image" style="">';
                         $media_string .= '<a id="' . $timeline_id . '-' . $i . '" href="' . $modal_image[0] . '" data-title="" class="nch-lightbox-media ts-hover-image ' . $timeline_id . '-slider-image" rel="' . ($lightbox_group == "true" ? "timelinegroup" : $lightbox_group_name) . '" data-effect="' . $lightbox_effect . '" data-share="f" data-autoplay="' . ($lightbox_autoplay == "true" ? 1 : 0) . '" data-duration="' . $lightbox_speed . '" data-thumbsize="' . $thumbnail_height . '" data-thumbs="' . $thumbnail_position . '" ' . $nacho_color . '>';
                         $media_string .= '<img src="' . $modal_image[0] . '" style="max-width: ' . $modal_image[1] . 'px; padding: 0; margin: 0 auto; display: block; ' . $image_dimensions . '">';
                         $media_string .= '<div class="nchgrid-caption"></div>';
                         $media_string .= '</a>';
                         $media_string .= '</div>';
                     } else {
                         if ($i == 0 && $vcinline_active == "true" || $vcinline_active == "false") {
                             $media_string .= '<div id="' . $timeline_id . '-' . $i . '-parent" class="' . $timeline_id . '-parent ' . $el_class . ' nchgrid-item nchgrid-tile nch-lightbox-image" style="">';
                             $media_string .= '<a id="' . $timeline_id . '-' . $i . '" href="' . $modal_image[0] . '" data-title="" class="nch-lightbox-media ts-hover-image ' . $timeline_id . '-slider-image" rel="' . ($lightbox_group == "true" ? "timelinegroup" : $lightbox_group_name) . '" data-effect="' . $lightbox_effect . '" ' . $nacho_color . '>';
                             $media_string .= '<img src="' . $modal_image[0] . '" style="max-width: ' . $modal_image[1] . 'px; padding: 0; margin: 0 auto; display: block; ' . $image_dimensions . '">';
                             $media_string .= '<div class="nchgrid-caption"></div>';
                             $media_string .= '</a>';
                             $media_string .= '</div>';
                         }
                     }
                 }
             }
             $media_string .= '</div>';
         }
     }
     // Featured Media: YouTube
     if ($featured_media == 'youtube_default' || $featured_media == 'youtube_custom' || $featured_media == 'youtube_embed') {
         if (preg_match('~((http|https|ftp|ftps)://|www.)(.+?)~', $featured_youtube_url)) {
             $featured_youtube_url = $featured_youtube_url;
         } else {
             $featured_youtube_url = 'https://www.youtube.com/watch?v=' . $featured_youtube_url;
         }
         if ($featured_youtube_play == "true") {
             $video_autoplay = '?autoplay=1';
         } else {
             $video_autoplay = '?autoplay=0';
         }
         if ($featured_youtube_related == "true") {
             $video_related = '&rel=1';
         } else {
             $video_related = '&rel=0';
         }
         if ($featured_media == 'youtube_default') {
             $media_image = TS_VCSC_VideoImage_Youtube($featured_youtube_url);
             $media_string .= '<div class="nch-holder nchgrid-item nchgrid-tile nch-lightbox-youtube" style="' . $parent_dimensions . '; ' . $image_alignment . '">';
             $media_string .= '<a href="' . $featured_youtube_url . '" class="nch-lightbox-media" data-title="' . $title_text . '" data-related="' . $video_related . '" data-videoplay="' . $video_autoplay . '" data-type="youtube" rel="' . ($lightbox_group == "true" ? "timelinegroup" : $lightbox_group_name) . '" data-effect="' . $lightbox_effect . '" data-duration="' . $lightbox_speed . '" ' . $nacho_color . '>';
             $media_string .= '<img src="' . $media_image . '" title="" style="display: block; ' . $image_dimensions . '">';
             $media_string .= '<div class="nchgrid-caption"></div>';
             if (!empty($title_text)) {
                 $media_string .= '<div class="nchgrid-caption-text">' . $title_text . '</div>';
             }
             $media_string .= '</a>';
             $media_string .= '</div>';
         } else {
             if ($featured_media == 'youtube_custom') {
                 if (!empty($featured_image)) {
                     $media_image = wp_get_attachment_image_src($featured_image, 'full');
                     $media_image = $media_image[0];
                     $image_extension = pathinfo($media_image, PATHINFO_EXTENSION);
                     if ($featured_image_alt != "") {
                         $alt_attribute = $featured_image_alt;
                     } else {
                         $alt_attribute = basename($media_image, "." . $image_extension);
                     }
                 } else {
                     $media_image = TS_VCSC_GetResourceURL('images/defaults/default_youtube.jpg');
                     $image_extension = pathinfo($media_image, PATHINFO_EXTENSION);
                     if ($featured_image_alt != "") {
                         $alt_attribute = $featured_image_alt;
                     } else {
                         $alt_attribute = basename($media_image, "." . $image_extension);
                     }
                 }
                 $media_string .= '<div class="nch-holder nchgrid-item nchgrid-tile nch-lightbox-youtube" style="' . $parent_dimensions . '; ' . $image_alignment . '">';
                 $media_string .= '<a href="' . $featured_youtube_url . '" class="nch-lightbox-media" data-title="' . $title_text . '" data-related="' . $video_related . '" data-videoplay="' . $video_autoplay . '" data-type="youtube" rel="' . ($lightbox_group == "true" ? "timelinegroup" : $lightbox_group_name) . '" data-effect="' . $lightbox_effect . '" data-duration="' . $lightbox_speed . '" ' . $nacho_color . '>';
                 $media_string .= '<img src="' . $media_image . '" title="" style="display: block; ' . $image_dimensions . '">';
                 $media_string .= '<div class="nchgrid-caption"></div>';
                 if (!empty($title_text)) {
                     $media_string .= '<div class="nchgrid-caption-text">' . $title_text . '</div>';
                 }
                 $media_string .= '</a>';
                 $media_string .= '</div>';
             } else {
                 if ($featured_media == 'youtube_embed') {
                     $video_id = TS_VCSC_VideoID_Youtube($featured_youtube_url);
                     $media_string .= '<div class="ts-video-container" style="' . $parent_dimensions . '; ' . $image_alignment . '">';
                     $media_string .= '<iframe width="100%" height="auto" src="//www.youtube.com/embed/' . $video_id . $video_autoplay . $video_related . '&wmode=opaque" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe>';
                     $media_string .= '</div>';
                 }
             }
         }
     }
     // Featured Media: DailyMotion
     if ($featured_media == 'dailymotion_default' || $featured_media == 'dailymotion_custom' || $featured_media == 'dailymotion_embed') {
         if (preg_match('~((http|https|ftp|ftps)://|www.)(.+?)~', $featured_dailymotion_url)) {
             $featured_dailymotion_url = $featured_dailymotion_url;
         } else {
             $featured_dailymotion_url = 'http://www.dailymotion.com/video/' . $featured_dailymotion_url;
         }
         if ($featured_dailymotion_play == "true") {
             $video_autoplay = '?autoplay=1';
         } else {
             $video_autoplay = '?autoplay=0';
         }
         if ($featured_media == 'dailymotion_default') {
             $media_image = TS_VCSC_VideoImage_Motion($featured_dailymotion_url);
             $media_string .= '<div class="nch-holder nchgrid-item nchgrid-tile nch-lightbox-motion" style="' . $parent_dimensions . '; ' . $image_alignment . '">';
             $media_string .= '<a href="' . $featured_dailymotion_url . '" class="nch-lightbox-media" data-title="' . $title_text . '" data-videoplay="' . $video_autoplay . '" data-type="dailymotion" rel="' . ($lightbox_group == "true" ? "timelinegroup" : $lightbox_group_name) . '" data-effect="' . $lightbox_effect . '" data-duration="' . $lightbox_speed . '" ' . $nacho_color . '>';
             $media_string .= '<img src="' . $media_image . '" title="" style="display: block; ' . $image_dimensions . '">';
             $media_string .= '<div class="nchgrid-caption"></div>';
             if (!empty($title_text)) {
                 $media_string .= '<div class="nchgrid-caption-text">' . $title_text . '</div>';
             }
             $media_string .= '</a>';
             $media_string .= '</div>';
         } else {
             if ($featured_media == 'dailymotion_custom') {
                 if (!empty($featured_image)) {
                     $media_image = wp_get_attachment_image_src($featured_image, 'full');
                     $media_image = $media_image[0];
                     $image_extension = pathinfo($media_image, PATHINFO_EXTENSION);
                     if ($featured_image_alt != "") {
                         $alt_attribute = $featured_image_alt;
                     } else {
                         $alt_attribute = basename($media_image, "." . $image_extension);
                     }
                 } else {
                     $media_image = TS_VCSC_GetResourceURL('images/defaults/default_motion.jpg');
                     $image_extension = pathinfo($media_image, PATHINFO_EXTENSION);
                     if ($featured_image_alt != "") {
                         $alt_attribute = $featured_image_alt;
                     } else {
                         $alt_attribute = basename($media_image, "." . $image_extension);
                     }
                 }
                 $media_string .= '<div class="nch-holder nchgrid-item nchgrid-tile nch-lightbox-motion" style="' . $parent_dimensions . '; ' . $image_alignment . '">';
                 $media_string .= '<a href="' . $featured_dailymotion_url . '" class="nch-lightbox-media" data-title="' . $title_text . '" data-videoplay="' . $video_autoplay . '" data-type="dailymotion" rel="' . ($lightbox_group == "true" ? "timelinegroup" : $lightbox_group_name) . '" data-effect="' . $lightbox_effect . '" data-duration="' . $lightbox_speed . '" ' . $nacho_color . '>';
                 $media_string .= '<img src="' . $media_image . '" title="" style="display: block; ' . $image_dimensions . '">';
                 $media_string .= '<div class="nchgrid-caption"></div>';
                 if (!empty($title_text)) {
                     $media_string .= '<div class="nchgrid-caption-text">' . $title_text . '</div>';
                 }
                 $media_string .= '</a>';
                 $media_string .= '</div>';
             } else {
                 if ($featured_media == 'dailymotion_embed') {
                     $video_id = TS_VCSC_VideoID_Motion($featured_dailymotion_url);
                     $media_string .= '<div class="ts-video-container" style="' . $parent_dimensions . '; ' . $image_alignment . '">';
                     $media_string .= '<iframe width="100%" height="auto" src="http://www.dailymotion.com/embed/video/' . $video_id . $video_autoplay . '&forcedQuality=hq&wmode=opaque" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe>';
                     $media_string .= '</div>';
                 }
             }
         }
     }
     // Featured Media: Vimeo
     if ($featured_media == 'vimeo_default' || $featured_media == 'vimeo_custom' || $featured_media == 'vimeo_embed') {
         if (preg_match('~((http|https|ftp|ftps)://|www.)(.+?)~', $featured_vimeo_url)) {
             $featured_vimeo_url = $featured_vimeo_url;
         } else {
             $featured_vimeo_url = 'http://www.vimeo.com/video/' . $featured_vimeo_url;
         }
         if ($featured_vimeo_play == "true") {
             $video_autoplay = '?autoplay=1';
         } else {
             $video_autoplay = '?autoplay=0';
         }
         if ($featured_media == 'vimeo_default') {
             $media_image = TS_VCSC_VideoImage_Vimeo($featured_vimeo_url);
             $media_string .= '<div class="nch-holder nchgrid-item nchgrid-tile nch-lightbox-vimeo" style="' . $parent_dimensions . '; ' . $image_alignment . '">';
             $media_string .= '<a href="' . $featured_vimeo_url . '" class="nch-lightbox-media" data-title="' . $title_text . '" data-videoplay="' . $video_autoplay . '" data-type="vimeo" rel="' . ($lightbox_group == "true" ? "timelinegroup" : $lightbox_group_name) . '" data-effect="' . $lightbox_effect . '" data-duration="' . $lightbox_speed . '" ' . $nacho_color . '>';
             $media_string .= '<img src="' . $media_image . '" title="" style="display: block; ' . $image_dimensions . '">';
             $media_string .= '<div class="nchgrid-caption"></div>';
             if (!empty($title_text)) {
                 $media_string .= '<div class="nchgrid-caption-text">' . $title_text . '</div>';
             }
             $media_string .= '</a>';
             $media_string .= '</div>';
         } else {
             if ($featured_media == 'vimeo_custom') {
                 if (!empty($featured_image)) {
                     $media_image = wp_get_attachment_image_src($featured_image, 'full');
                     $media_image = $media_image[0];
                     $image_extension = pathinfo($media_image, PATHINFO_EXTENSION);
                     if ($featured_image_alt != "") {
                         $alt_attribute = $featured_image_alt;
                     } else {
                         $alt_attribute = basename($media_image, "." . $image_extension);
                     }
                 } else {
                     $media_image = TS_VCSC_GetResourceURL('images/defaults/default_vimeo.jpg');
                     $image_extension = pathinfo($media_image, PATHINFO_EXTENSION);
                     if ($featured_image_alt != "") {
                         $alt_attribute = $featured_image_alt;
                     } else {
                         $alt_attribute = basename($media_image, "." . $image_extension);
                     }
                 }
                 $media_string .= '<div class="nch-holder nchgrid-item nchgrid-tile nch-lightbox-vimeo" style="' . $parent_dimensions . '; ' . $image_alignment . '">';
                 $media_string .= '<a href="' . $featured_vimeo_url . '" class="nch-lightbox-media" data-title="' . $title_text . '" data-videoplay="' . $video_autoplay . '" data-type="vimeo" rel="' . ($lightbox_group == "true" ? "timelinegroup" : $lightbox_group_name) . '" data-effect="' . $lightbox_effect . '" data-duration="' . $lightbox_speed . '" ' . $nacho_color . '>';
                 $media_string .= '<img src="' . $media_image . '" title="" style="display: block; ' . $image_dimensions . '">';
                 $media_string .= '<div class="nchgrid-caption"></div>';
                 if (!empty($title_text)) {
                     $media_string .= '<div class="nchgrid-caption-text">' . $title_text . '</div>';
                 }
                 $media_string .= '</a>';
                 $media_string .= '</div>';
             } else {
                 if ($featured_media == 'vimeo_embed') {
                     $video_id = TS_VCSC_VideoID_vimeo($featured_vimeo_url);
                     $media_string .= '<div class="ts-video-container" style="' . $parent_dimensions . '; ' . $image_alignment . '">';
                     $media_string .= '<iframe width="100%" height="auto" src="//player.vimeo.com/video/' . $video_id . $video_autoplay . '&wmode=opaque" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe>';
                     $media_string .= '</div>';
                 }
             }
         }
     }
     // Link Button
     if (!empty($link)) {
         // Link Values
         $link = $link == '||' ? '' : $link;
         $link = vc_build_link($link);
         $a_href = $link['url'];
         $a_title = $link['title'];
         $a_target = $link['target'];
         // Tooltip
         if ($tooltip_css == "true") {
             if (strlen($a_title) != 0) {
                 $button_tooltipclasses = " ts-simptip-multiline " . $tooltip_style . " " . $tooltip_position;
                 $button_tooltipcontent = ' data-tstooltip="' . $a_title . '"';
             } else {
                 $button_tooltipclasses = "";
                 $button_tooltipcontent = "";
             }
         } else {
             $button_tooltipclasses = "";
             if (strlen($a_title) != 0) {
                 $button_tooltipcontent = ' title="' . $a_title . '"';
             } else {
                 $button_tooltipcontent = "";
             }
         }
         // Button Type
         if ($button_type == "square") {
             $button_style = $button_square;
             $button_font = '';
         } else {
             if ($button_type == "rounded") {
                 $button_style = $button_rounded;
                 $button_font = '';
             } else {
                 if ($button_type == "pill") {
                     $button_style = $button_pill;
                     $button_font = '';
                 } else {
                     if ($button_type == "circle") {
                         $button_style = $button_circle;
                         $button_font = 'font-size: ' . $button_font . 'px;';
                     }
                 }
             }
         }
         // Button Alignment
         if ($button_align == "center") {
             $button_align = 'text-align: center;';
         } else {
             if ($button_align == "left") {
                 $button_align = 'text-align: left';
             } else {
                 if ($button_align == "right") {
                     $button_align = 'text-align: right';
                 }
             }
         }
         // Button Text Color
         if ($button_change == "true") {
             $button_color = 'color: ' . $button_color . ';';
         } else {
             $button_color = '';
         }
         $button_string = '';
         if (!empty($a_href)) {
             $button_string .= '<div class="ts-button-parent ts-button-type-' . $button_type . '" style="' . $button_align . '">';
             if ($button_wrapper == "true") {
                 $button_string .= '<div class="ts-button-wrap" style="">';
             }
             $button_string .= '<a href="' . $a_href . '" target="' . trim($a_target) . '" style="' . $button_font . ' width: ' . $button_width . '%;" class="ts-button ' . $button_style . ' ' . $button_size . ' ' . $button_tooltipclasses . '" ' . $button_tooltipcontent . '>';
             $button_string .= '<span class="ts-button-text" style="display: inline; ' . $button_color . '">' . $button_text . '</span>';
             $button_string .= '</a>';
             if ($button_wrapper == "true") {
                 $button_string .= '</div>';
             }
             $button_string .= '</div>';
         } else {
             $link = '';
         }
     } else {
         $button_string = '';
     }
     // Event Icon
     if (empty($icon) && empty($content) && empty($featured_image)) {
         $title_margin = 'margin: 0;';
     } else {
         $title_margin = '';
     }
     // Column Adjustment for Full Width Event
     if ($full_width == "true" && empty($title_text) && (empty($icon) || $icon == "transparent") && empty($content) && empty($button_string)) {
         $columnA_adjust = 'width: 100%; margin: 0;';
         $columnB_adjust = 'display: none; width: 0;';
     } else {
         if ($full_width == "true" && $featured_media == "none") {
             $columnA_adjust = 'display: none; width: 0; margin: 0;';
             $columnB_adjust = 'width: 100%; margin: 0;';
         } else {
             $columnA_adjust = '';
             $columnB_adjust = '';
         }
     }
     // Margin Adjustment for Full Width Element
     if ($full_width == "true" && !empty($date_text)) {
         $margin_Adjust = 'margin: 25px 10px 0px 10px;';
     } else {
         if ($full_width == "true" && empty($date_text)) {
             $margin_Adjust = 'margin: 0 10px;';
         } else {
             if (!empty($date_text)) {
                 $margin_Adjust = 'margin-top: 25px;';
             } else {
                 $margin_Adjust = 'margin-top: 0;';
             }
         }
     }
     if (function_exists('vc_shortcode_custom_css_class')) {
         $css_class = apply_filters(VC_SHORTCODE_CUSTOM_CSS_FILTER_TAG, 'ts-timeline-list-item ' . $el_class . ' ' . vc_shortcode_custom_css_class($css, ' '), 'TS_VCSC_Timeline_Single', $atts);
     } else {
         $css_class = 'ts-timeline-list-item ' . $el_class;
     }
     if ($VISUAL_COMPOSER_EXTENSIONS->TS_VCSC_VCFrontEditMode == "true") {
         $vc_inline_style = ' display: block;';
     } else {
         $vc_inline_style = '';
     }
     $output .= '<li id="' . $timeline_id . '" class="' . $css_class . ' ' . ($full_width == "true" ? "ts-timeline-full" : "") . ' ' . (!empty($date_text) ? "ts-timeline-date-true" : "ts-timeline-date-false") . '" style="' . ($full_width == "true" ? "width: 100%;" : "") . ' ' . $vc_inline_style . '">';
     $output .= '<div class="ts-timeline-column">';
     $output .= '<div class="ts-timeline-text-wrap ' . (!empty($date_text) ? "ts-timeline-text-wrap-date" : "ts-timeline-text-wrap-nodate") . '" style="' . $margin_Adjust . '">';
     if (!empty($date_text)) {
         $output .= '<div class="ts-timeline-date"><span class="ts-timeline-date-connect"><span class="ts-timeline-date-text">' . $date_text . '</span></span></div>';
     }
     if ($full_width == "true") {
         $output .= '<div class="ts-timeline-full-colA" style="' . $columnA_adjust . '">';
         $output .= $media_string;
         $output .= '</div>';
         $output .= '<div class="ts-timeline-full-colB" style="' . $columnB_adjust . '">';
         if (!empty($title_text)) {
             $output .= '<h3 class="ts-timeline-title" style="color: ' . $title_color . '; text-align: ' . $title_align . '; ' . (empty($content) && empty($icon) ? "border: none; margin-bottom: 0; padding-bottom: 0;" : "") . ' ' . $title_margin . '">' . $title_text . '</h3>';
         }
         if (!empty($icon) && $icon != "transparent" || !empty($content) || !empty($link)) {
             $output .= '<div style="width: 100%; display: block; float: left; position: relative; padding-bottom: 15px; ' . (empty($content) && !empty($icon) ? "height: 60px;" : "") . '">';
             if (!empty($content)) {
                 $output .= '<div class="ts-timeline-text-wrap-inner" style="' . (empty($icon) ? "width: 100%; height: 100%; left: 0;" : " left: 0;") . '">';
                 if (function_exists('wpb_js_remove_wpautop')) {
                     $output .= '<div class="ts-timeline-text" style="">' . wpb_js_remove_wpautop(do_shortcode($content), true) . '</div>';
                 } else {
                     $output .= '<div class="ts-timeline-text" style="">' . do_shortcode($content) . '</div>';
                 }
                 $output .= '</div>';
             }
             if (!empty($icon) && $icon != "transparent") {
                 $output .= '<div class="ts-timeline-icon ts-timeline-icon-full" style="' . (empty($content) ? "display: inline-block; width: 100%; left: 0; margin: 0 0 0 2%;" : "left: 80%;") . '"><i class="' . $icon . '" style="color: ' . $icon_color . ';"></i></div>';
             }
             if (!empty($button_string)) {
                 $output .= '<div class="ts-timeline-button">';
                 $output .= $button_string;
                 $output .= '</div>';
             }
             $output .= '</div>';
         }
         $output .= '</div>';
     } else {
         $output .= $media_string;
         if (!empty($title_text)) {
             $output .= '<h3 class="ts-timeline-title" style="color: ' . $title_color . '; text-align: ' . $title_align . '; ' . (empty($content) && empty($icon) ? "border: none; margin-bottom: 0; padding-bottom: 0;" : "") . ' ' . $title_margin . '">' . $title_text . '</h3>';
         }
         if (!empty($icon) && $icon != "transparent" || !empty($content)) {
             $output .= '<div style="width: 100%; display: block; float: left; position: relative; padding-bottom: 15px; ' . (empty($content) && !empty($icon) ? "height: 60px;" : "") . '">';
             if (!empty($icon) && $icon != "transparent") {
                 $output .= '<div class="ts-timeline-icon ts-timeline-icon-half" style="' . (empty($content) ? "display: inline-block; width: 100%; left: 0;" : "") . '"><i class="' . $icon . '" style="color: ' . $icon_color . ';"></i></div>';
             }
             if (!empty($content)) {
                 $output .= '<div class="ts-timeline-text-wrap-inner" style="' . (empty($icon) ? "width: 100%; height: 100%; left: 0;" : "") . '">';
                 if (function_exists('wpb_js_remove_wpautop')) {
                     $output .= '<div class="ts-timeline-text" style="">' . wpb_js_remove_wpautop(do_shortcode($content), true) . '</div>';
                 } else {
                     $output .= '<div class="ts-timeline-text" style="">' . do_shortcode($content) . '</div>';
                 }
                 $output .= '</div>';
             }
             $output .= '</div>';
             if (!empty($link)) {
                 $output .= '<div class="ts-timeline-button">';
                 $output .= $button_string;
                 $output .= '</div>';
             }
         }
     }
     $output .= '<div class="clearFixMe"></div>';
     $output .= '</div>';
     $output .= '</div>';
     $output .= '</li>';
     echo $output;
     $myvariable = ob_get_clean();
     return $myvariable;
 }
コード例 #4
0
function TS_VCSC_Youtube_Function($atts, $content = null)
{
    global $VISUAL_COMPOSER_EXTENSIONS;
    ob_start();
    wp_enqueue_script('ts-extend-hammer');
    wp_enqueue_script('ts-extend-nacho');
    wp_enqueue_style('ts-extend-nacho');
    if ($VISUAL_COMPOSER_EXTENSIONS->TS_VCSC_LoadFrontEndForcable == "false") {
        wp_enqueue_style('ts-extend-tooltipster');
        wp_enqueue_script('ts-extend-tooltipster');
        wp_enqueue_style('ts-extend-animations');
        wp_enqueue_style('ts-visual-composer-extend-front');
        wp_enqueue_script('ts-visual-composer-extend-front');
    }
    extract(shortcode_atts(array('content_type' => 'video', 'content_youtube' => '', 'content_playlist' => '', 'content_search' => '', 'content_combination' => '', 'content_uploads' => '', 'content_lightbox' => 'false', 'content_overlay_use' => 'false', 'content_overlay_image' => '', 'content_overlay_quality' => 'medium', 'content_overlay_trigger' => 'click', 'content_overlay_text' => '', 'content_overlay_font' => '#ffffff', 'content_overlay_handle' => 'true', 'content_overlay_color' => '#fb4400', 'content_overlay_align' => 'center', 'content_image_responsive' => 'true', 'content_image_height' => 'height: 100%;', 'content_image_width_r' => 100, 'content_image_width_f' => 300, 'content_image_size' => 'large', 'video_controls' => 1, 'video_autohide' => 1, 'video_related' => 'false', 'video_start' => 0, 'video_end' => 0, 'lightbox_group_name' => 'nachogroup', 'lightbox_size' => 'full', 'lightbox_effect' => 'random', 'lightbox_speed' => 5000, 'lightbox_social' => 'true', 'lightbox_play' => 'false', 'lightbox_backlight_auto' => 'true', 'lightbox_backlight_color' => '#ffffff', 'content_youtube_start' => '', 'content_youtube_end' => '', 'content_youtube_trigger' => 'preview', 'content_youtube_title' => '', 'content_youtube_subtitle' => '', 'content_youtube_image' => '', 'content_youtube_image_simple' => 'false', 'content_youtube_icon' => '', 'content_youtube_iconsize' => 30, 'content_youtube_iconcolor' => '#cccccc', 'content_youtube_button' => '', 'content_youtube_buttonstyle' => 'ts-dual-buttons-color-sun-flower', 'content_youtube_buttonhover' => 'ts-dual-buttons-preview-default ts-dual-buttons-hover-default', 'content_youtube_buttontext' => 'View Video', 'content_youtube_buttonsize' => 16, 'content_youtube_text' => '', 'content_raw' => '', 'content_tooltip_html' => 'true', 'content_tooltip_content' => '', 'content_tooltip_encoded' => '', 'content_tooltip_position' => 'ts-simptip-position-top', 'content_tooltip_style' => '', 'tooltipster_offsetx' => 0, 'tooltipster_offsety' => 0, 'margin_top' => 0, 'margin_bottom' => 0, 'el_id' => '', 'el_class' => '', 'css' => ''), $atts));
    if (!empty($el_id)) {
        $modal_id = $el_id;
    } else {
        $modal_id = 'ts-vcsc-youtube-' . mt_rand(999999, 9999999);
    }
    // Tooltip
    if ($content_tooltip_position == "ts-simptip-position-top" || $content_tooltip_position == "top") {
        $content_tooltip_position = "top";
    }
    if ($content_tooltip_position == "ts-simptip-position-left" || $content_tooltip_position == "left") {
        $content_tooltip_position = "left";
    }
    if ($content_tooltip_position == "ts-simptip-position-right" || $content_tooltip_position == "right") {
        $content_tooltip_position = "right";
    }
    if ($content_tooltip_position == "ts-simptip-position-bottom" || $content_tooltip_position == "bottom") {
        $content_tooltip_position = "bottom";
    }
    if ($content_tooltip_style == "" || $content_tooltip_style == "ts-simptip-style-black" || $content_tooltip_style == "tooltipster-black") {
        $content_tooltip_style = "tooltipster-black";
    }
    if ($content_tooltip_style == "ts-simptip-style-gray" || $content_tooltip_style == "tooltipster-gray") {
        $content_tooltip_style = "tooltipster-gray";
    }
    if ($content_tooltip_style == "ts-simptip-style-green" || $content_tooltip_style == "tooltipster-green") {
        $content_tooltip_style = "tooltipster-green";
    }
    if ($content_tooltip_style == "ts-simptip-style-blue" || $content_tooltip_style == "tooltipster-blue") {
        $content_tooltip_style = "tooltipster-blue";
    }
    if ($content_tooltip_style == "ts-simptip-style-red" || $content_tooltip_style == "tooltipster-red") {
        $content_tooltip_style = "tooltipster-red";
    }
    if ($content_tooltip_style == "ts-simptip-style-orange" || $content_tooltip_style == "tooltipster-orange") {
        $content_tooltip_style = "tooltipster-orange";
    }
    if ($content_tooltip_style == "ts-simptip-style-yellow" || $content_tooltip_style == "tooltipster-yellow") {
        $content_tooltip_style = "tooltipster-yellow";
    }
    if ($content_tooltip_style == "ts-simptip-style-purple" || $content_tooltip_style == "tooltipster-purple") {
        $content_tooltip_style = "tooltipster-purple";
    }
    if ($content_tooltip_style == "ts-simptip-style-pink" || $content_tooltip_style == "tooltipster-pink") {
        $content_tooltip_style = "tooltipster-pink";
    }
    if ($content_tooltip_style == "ts-simptip-style-white" || $content_tooltip_style == "tooltipster-white") {
        $content_tooltip_style = "tooltipster-white";
    }
    if ($content_tooltip_html == "false") {
        if (strlen($content_tooltip_content) != 0) {
            $youtube_tooltipclasses = " ts-has-tooltipster-tooltip";
            $youtube_tooltipcontent = 'data-tooltipster-html="false" data-tooltipster-title="" data-tooltipster-text="' . strip_tags($content_tooltip_content) . '" data-tooltipster-image="" data-tooltipster-position="' . $content_tooltip_position . '" data-tooltipster-touch="false" data-tooltipster-arrow="true" data-tooltipster-theme="' . $content_tooltip_style . '" data-tooltipster-animation="swing" data-tooltipster-trigger="hover" data-tooltipster-offsetx="' . $tooltipster_offsetx . '" data-tooltipster-offsety="' . $tooltipster_offsety . '"';
        } else {
            $youtube_tooltipclasses = "";
            $youtube_tooltipcontent = "";
        }
    } else {
        if (strlen($content_tooltip_encoded) != 0) {
            $youtube_tooltipclasses = " ts-has-tooltipster-tooltip";
            $youtube_tooltipcontent = 'data-tooltipster-html="true" data-tooltipster-title="" data-tooltipster-text="' . strip_tags($content_tooltip_encoded) . '" data-tooltipster-image="" data-tooltipster-position="' . $content_tooltip_position . '" data-tooltipster-touch="false" data-tooltipster-arrow="true" data-tooltipster-theme="' . $content_tooltip_style . '" data-tooltipster-animation="swing" data-tooltipster-trigger="hover" data-tooltipster-offsetx="' . $tooltipster_offsetx . '" data-tooltipster-offsety="' . $tooltipster_offsety . '"';
        } else {
            $youtube_tooltipclasses = "";
            $youtube_tooltipcontent = "";
        }
    }
    if ($lightbox_backlight_auto == "false") {
        $nacho_color = 'data-backlight="' . $lightbox_backlight_color . '"';
    } else {
        $nacho_color = '';
    }
    if ($content_image_responsive == "true") {
        $image_dimensions = 'width: 100%; height: auto;';
        $parent_dimensions = 'width: ' . $content_image_width_r . '%; ' . $content_image_height . '';
    } else {
        $image_dimensions = 'width: 100%; height: auto;';
        $parent_dimensions = 'width: ' . $content_image_width_f . 'px; ' . $content_image_height . '';
    }
    if ($lightbox_play == "true") {
        if ($content_overlay_use == 'true') {
            $video_autoplay = $content_type == 'video' ? '?autoplay=0' : '&autoplay=0';
        } else {
            $video_autoplay = $content_type == 'video' ? '?autoplay=1' : '&autoplay=1';
        }
    } else {
        $video_autoplay = $content_type == 'video' ? '?autoplay=0' : '&autoplay=0';
    }
    if ($video_related == "true") {
        $videos_related = '&rel=1';
    } else {
        $videos_related = '&rel=0';
    }
    $videos_controls = '&controls=' . $video_controls;
    $videos_autohide = '&autohide=' . $video_autohide;
    if ($video_start > 0) {
        $videos_start = '&start=' . $video_start;
    } else {
        $videos_start = '';
    }
    if ($video_end > 0 && $video_end > $video_start) {
        $videos_end = '&end=' . $video_end;
    } else {
        $videos_end = '';
    }
    if ($content_type != 'video') {
        $content_youtube = '#';
    }
    $output = '';
    if (function_exists('vc_shortcode_custom_css_class')) {
        $css_class = apply_filters(VC_SHORTCODE_CUSTOM_CSS_FILTER_TAG, ' ' . vc_shortcode_custom_css_class($css, ' '), 'TS-VCSC-Youtube', $atts);
    } else {
        $css_class = '';
    }
    // YouTube Video in Lightbox
    if ($content_lightbox == "true") {
        if ($content_type == 'combination') {
            $videos = explode(",", str_replace(' ', '', $content_combination));
            $count = count($videos);
            if ($count == 1) {
                $first = $content_combination;
                $other = '';
            } else {
                if ($count > 1) {
                    $first = $videos[0];
                    array_shift($videos);
                    $other = implode(",", $videos);
                }
            }
        } else {
            $first = '';
            $other = '';
        }
        $playlistdata = 'data-contenttype="' . $content_type . '" data-listid="' . ($content_type == 'playlist' ? TS_VCSC_PlaylistID_Youtube($content_playlist) : '') . '" data-userid="' . ($content_type == 'uploads' ? $content_uploads : '') . '" data-videofirst="' . $first . '" data-videosother="' . $other . '" data-search="' . ($content_type == 'searchterm' ? str_replace(' ', '', $content_search) : '') . '"';
        if ($content_youtube_trigger == "preview" || $content_youtube_trigger == "coverfirst") {
            if (preg_match('~((http|https|ftp|ftps)://|www.)(.+?)~', $content_youtube) && $content_youtube_trigger == "preview") {
                $content_youtube = $content_youtube;
            } else {
                if ($content_youtube_trigger == "preview" && $content_youtube_trigger == "preview") {
                    $content_youtube = 'https://www.youtube.com/watch?v=' . $content_youtube;
                } else {
                    if ($content_youtube_trigger == "coverfirst" && $content_type == 'combination') {
                        $content_youtube = 'https://www.youtube.com/watch?v=' . $first;
                    } else {
                        $content_youtube = '#';
                    }
                }
            }
            if ($content_youtube != '#') {
                $modal_image = TS_VCSC_VideoImage_Youtube($content_youtube);
            } else {
                $modal_image = TS_VCSC_GetResourceURL('images/defaults/default_youtube.jpg');
            }
            if ($youtube_tooltipcontent != '') {
                $output .= '<div class="' . $modal_id . '-parent nch-holder ' . $youtube_tooltipclasses . '" ' . $youtube_tooltipcontent . ' style="margin-top: ' . $margin_top . 'px; margin-bottom: ' . $margin_bottom . 'px; ' . $parent_dimensions . '">';
                $output .= '<div id="' . $modal_id . '" class="' . $el_class . ' nchgrid-item nchgrid-tile nch-lightbox-youtube ' . $css_class . '" style="width: 100%; height: 100%;">';
            } else {
                $output .= '<div id="' . $modal_id . '" class="' . $modal_id . '-parent nch-holder ' . $el_class . ' nchgrid-item nchgrid-tile nch-lightbox-youtube ' . $css_class . '" style="margin-top: ' . $margin_top . 'px; margin-bottom: ' . $margin_bottom . 'px; ' . $parent_dimensions . '">';
            }
            $output .= '<a href="' . $content_youtube . '" class="nch-lightbox-media" data-title="' . $content_youtube_title . '" ' . $playlistdata . ' data-controls="' . $video_controls . '" data-autohide="' . $video_autohide . '" data-start="' . $video_start . '" data-end="' . $video_end . '" data-related="' . $video_related . '" data-videoplay="' . $lightbox_play . '" data-type="youtube" rel="' . $lightbox_group_name . '" data-effect="' . $lightbox_effect . '" data-share="0" data-duration="' . $lightbox_speed . '" ' . $nacho_color . '>';
            $output .= '<img src="' . $modal_image . '" title="" style="display: block; ' . $image_dimensions . '">';
            $output .= '<div class="nchgrid-caption"></div>';
            if (!empty($content_youtube_title)) {
                $output .= '<div class="nchgrid-caption-text">' . $content_youtube_title . '</div>';
            }
            $output .= '</a>';
            $output .= '</div>';
            if ($youtube_tooltipcontent != '') {
                $output .= '</div>';
            }
        }
        if ($content_youtube_trigger == "playcover") {
            if ($content_playlist != '' && $content_type == 'playlist') {
                $xmlfeed = TS_VCSC_PlaylistImage_Youtube('http://gdata.youtube.com/feeds/api/playlists/' . TS_VCSC_PlaylistID_Youtube($content_playlist) . '', true);
            } else {
                $xmlfeed = array();
            }
            if ($xmlfeed != '') {
                if (isset($xmlfeed['FEED']['MEDIA:GROUP']['MEDIA:THUMBNAIL'][2]['URL'])) {
                    $modal_image = $xmlfeed['FEED']['MEDIA:GROUP']['MEDIA:THUMBNAIL'][2]['URL'];
                } else {
                    if (isset($xmlfeed['FEED']['MEDIA:GROUP']['MEDIA:THUMBNAIL'][1]['URL'])) {
                        $modal_image = $xmlfeed['FEED']['MEDIA:GROUP']['MEDIA:THUMBNAIL'][1]['URL'];
                    } else {
                        if (isset($xmlfeed['FEED']['MEDIA:GROUP']['MEDIA:THUMBNAIL'][0]['URL'])) {
                            $modal_image = $xmlfeed['FEED']['MEDIA:GROUP']['MEDIA:THUMBNAIL'][0]['URL'];
                        } else {
                            $modal_image = TS_VCSC_GetResourceURL('images/defaults/default_youtube.jpg');
                        }
                    }
                }
            } else {
                $modal_image = TS_VCSC_GetResourceURL('images/defaults/default_youtube.jpg');
            }
            $content_youtube = '#';
            if ($youtube_tooltipcontent != '') {
                $output .= '<div class="' . $modal_id . '-parent nch-holder ' . $youtube_tooltipclasses . '" ' . $youtube_tooltipcontent . ' style="margin-top: ' . $margin_top . 'px; margin-bottom: ' . $margin_bottom . 'px; ' . $parent_dimensions . '">';
                $output .= '<div id="' . $modal_id . '" class="' . $el_class . ' nchgrid-item nchgrid-tile nch-lightbox-youtube ' . $css_class . '" style="width: 100%; height: 100%;">';
            } else {
                $output .= '<div id="' . $modal_id . '" class="' . $modal_id . '-parent nch-holder ' . $el_class . ' nchgrid-item nchgrid-tile nch-lightbox-youtube ' . $css_class . '" style="margin-top: ' . $margin_top . 'px; margin-bottom: ' . $margin_bottom . 'px; ' . $parent_dimensions . '">';
            }
            $output .= '<a href="' . $content_youtube . '" class="nch-lightbox-media" data-title="' . $content_youtube_title . '" ' . $playlistdata . ' data-controls="' . $video_controls . '" data-autohide="' . $video_autohide . '" data-start="' . $video_start . '" data-end="' . $video_end . '" data-related="' . $video_related . '" data-videoplay="' . $lightbox_play . '" data-type="youtube" rel="' . $lightbox_group_name . '" data-effect="' . $lightbox_effect . '" data-share="0" data-duration="' . $lightbox_speed . '" ' . $nacho_color . '>';
            $output .= '<img src="' . $modal_image . '" title="" style="display: block; ' . $image_dimensions . '">';
            $output .= '<div class="nchgrid-caption"></div>';
            if (!empty($content_youtube_title)) {
                $output .= '<div class="nchgrid-caption-text">' . $content_youtube_title . '</div>';
            }
            $output .= '</a>';
            $output .= '</div>';
            if ($youtube_tooltipcontent != '') {
                $output .= '</div>';
            }
        }
        if ($content_youtube_trigger == "usercover") {
            if ($content_uploads != '' && $content_type == 'uploads') {
                $xmlfeed = TS_VCSC_PlaylistImage_Youtube('http://gdata.youtube.com/feeds/api/users/' . $content_uploads . '?fields=yt:username,media:thumbnail', true);
            } else {
                $xmlfeed = array();
            }
            if ($xmlfeed != '') {
                if (isset($xmlfeed['ENTRY']['MEDIA:THUMBNAIL']['URL'])) {
                    $modal_image = $xmlfeed['ENTRY']['MEDIA:THUMBNAIL']['URL'];
                } else {
                    $modal_image = TS_VCSC_GetResourceURL('images/defaults/default_youtube.jpg');
                }
            } else {
                $modal_image = TS_VCSC_GetResourceURL('images/defaults/default_youtube.jpg');
            }
            $content_youtube = '#';
            if ($youtube_tooltipcontent != '') {
                $output .= '<div class="' . $modal_id . '-parent nch-holder ' . $youtube_tooltipclasses . '" ' . $youtube_tooltipcontent . ' style="margin-top: ' . $margin_top . 'px; margin-bottom: ' . $margin_bottom . 'px; ' . $parent_dimensions . '">';
                $output .= '<div id="' . $modal_id . '" class="' . $el_class . ' nchgrid-item nchgrid-tile nch-lightbox-youtube ' . $css_class . '" style="width: 100%; height: 100%;">';
            } else {
                $output .= '<div id="' . $modal_id . '" class="' . $modal_id . '-parent nch-holder ' . $el_class . ' nchgrid-item nchgrid-tile nch-lightbox-youtube ' . $css_class . '" style="margin-top: ' . $margin_top . 'px; margin-bottom: ' . $margin_bottom . 'px; ' . $parent_dimensions . '">';
            }
            $output .= '<a href="' . $content_youtube . '" class="nch-lightbox-media" data-title="' . $content_youtube_title . '" ' . $playlistdata . ' data-controls="' . $video_controls . '" data-autohide="' . $video_autohide . '" data-start="' . $video_start . '" data-end="' . $video_end . '" data-related="' . $video_related . '" data-videoplay="' . $lightbox_play . '" data-type="youtube" rel="' . $lightbox_group_name . '" data-effect="' . $lightbox_effect . '" data-share="0" data-duration="' . $lightbox_speed . '" ' . $nacho_color . '>';
            $output .= '<img src="' . $modal_image . '" title="" style="display: block; ' . $image_dimensions . '">';
            $output .= '<div class="nchgrid-caption"></div>';
            if (!empty($content_youtube_title)) {
                $output .= '<div class="nchgrid-caption-text">' . $content_youtube_title . '</div>';
            }
            $output .= '</a>';
            $output .= '</div>';
            if ($youtube_tooltipcontent != '') {
                $output .= '</div>';
            }
        }
        if ($content_youtube_trigger == "default") {
            $modal_image = TS_VCSC_GetResourceURL('images/defaults/default_youtube.jpg');
            if ($youtube_tooltipcontent != '') {
                $output .= '<div class="' . $modal_id . '-parent nch-holder ' . $youtube_tooltipclasses . '" ' . $youtube_tooltipcontent . ' style="margin-top: ' . $margin_top . 'px; margin-bottom: ' . $margin_bottom . 'px; ' . $parent_dimensions . '">';
                $output .= '<div id="' . $modal_id . '" class="' . $el_class . ' nchgrid-item nchgrid-tile nch-lightbox-youtube ' . $css_class . '" style="width: 100%; height: 100%;">';
            } else {
                $output .= '<div id="' . $modal_id . '" class="' . $modal_id . '-parent nch-holder ' . $el_class . ' nchgrid-item nchgrid-tile nch-lightbox-youtube ' . $css_class . '" style="margin-top: ' . $margin_top . 'px; margin-bottom: ' . $margin_bottom . 'px; ' . $parent_dimensions . '">';
            }
            $output .= '<a href="' . $content_youtube . '" class="nch-lightbox-media" data-title="' . $content_youtube_title . '" ' . $playlistdata . ' data-controls="' . $video_controls . '" data-autohide="' . $video_autohide . '" data-start="' . $video_start . '" data-end="' . $video_end . '" data-related="' . $video_related . '" data-videoplay="' . $lightbox_play . '" data-type="youtube" rel="' . $lightbox_group_name . '" data-effect="' . $lightbox_effect . '" data-share="0" data-duration="' . $lightbox_speed . '" ' . $nacho_color . '>';
            $output .= '<img src="' . $modal_image . '" title="" style="display: block; ' . $image_dimensions . '">';
            $output .= '<div class="nchgrid-caption"></div>';
            if (!empty($content_youtube_title)) {
                $output .= '<div class="nchgrid-caption-text">' . $content_youtube_title . '</div>';
            }
            $output .= '</a>';
            $output .= '</div>';
            if ($youtube_tooltipcontent != '') {
                $output .= '</div>';
            }
        }
        if ($content_youtube_trigger == "image") {
            $modal_image = wp_get_attachment_image_src($content_youtube_image, 'large');
            $modal_image = $modal_image[0];
            if ($content_youtube_image_simple == "false") {
                if ($youtube_tooltipcontent != '') {
                    $output .= '<div class="' . $modal_id . '-parent nch-holder ' . $youtube_tooltipclasses . '" ' . $youtube_tooltipcontent . ' style="margin-top: ' . $margin_top . 'px; margin-bottom: ' . $margin_bottom . 'px; ' . $parent_dimensions . '">';
                    $output .= '<div id="' . $modal_id . '" class="' . $el_class . ' nchgrid-item nchgrid-tile nch-lightbox-youtube ' . $css_class . '" style="width: 100%; height: 100%;">';
                } else {
                    $output .= '<div id="' . $modal_id . '" class="' . $modal_id . '-parent nch-holder ' . $el_class . ' nchgrid-item nchgrid-tile nch-lightbox-youtube ' . $css_class . '" style="margin-top: ' . $margin_top . 'px; margin-bottom: ' . $margin_bottom . 'px; ' . $parent_dimensions . '">';
                }
                $output .= '<a href="' . $content_youtube . '" class="nch-lightbox-media" data-title="' . $content_youtube_title . '" ' . $playlistdata . ' data-controls="' . $video_controls . '" data-autohide="' . $video_autohide . '" data-start="' . $video_start . '" data-end="' . $video_end . '" data-related="' . $video_related . '" data-videoplay="' . $lightbox_play . '" data-type="youtube" rel="' . $lightbox_group_name . '" data-effect="' . $lightbox_effect . '" data-share="0" data-duration="' . $lightbox_speed . '" ' . $nacho_color . '>';
                $output .= '<img src="' . $modal_image . '" title="" style="display: block; ' . $image_dimensions . '">';
                $output .= '<div class="nchgrid-caption"></div>';
                if (!empty($content_youtube_title)) {
                    $output .= '<div class="nchgrid-caption-text">' . $content_youtube_title . '</div>';
                }
                $output .= '</a>';
                $output .= '</div>';
                if ($youtube_tooltipcontent != '') {
                    $output .= '</div>';
                }
            } else {
                $output .= '<a href="' . $content_youtube . '" class="' . $modal_id . '-parent nch-holder nch-lightbox-media ' . $youtube_tooltipclasses . ' ' . $css_class . '" ' . $youtube_tooltipcontent . ' style="' . $parent_dimensions . '" ' . $playlistdata . ' data-controls="' . $video_controls . '" data-autohide="' . $video_autohide . '" data-start="' . $video_start . '" data-end="' . $video_end . '" data-related="' . $video_related . '" data-videoplay="' . $lightbox_play . '" data-title="' . $content_youtube_title . '" data-type="youtube" rel="' . $lightbox_group_name . '" data-effect="' . $lightbox_effect . '" data-share="0" data-duration="' . $lightbox_speed . '" ' . $nacho_color . '>';
                $output .= '<img class="" src="' . $modal_image . '" style="display: block; ' . $image_dimensions . '">';
                $output .= '</a>';
            }
        }
        if ($content_youtube_trigger == "icon") {
            $icon_style = 'color: ' . $content_youtube_iconcolor . '; width:' . $content_youtube_iconsize . 'px; height:' . $content_youtube_iconsize . 'px; font-size:' . $content_youtube_iconsize . 'px; line-height:' . $content_youtube_iconsize . 'px;';
            $output .= '<div id="' . $modal_id . '" style="" class="' . $modal_id . '-parent nch-holder ts-vcsc-font-icon ts-font-icons ts-shortcode ts-icon-align-center ' . $el_class . ' ' . $css_class . ' ' . $youtube_tooltipclasses . '" ' . $youtube_tooltipcontent . ' style="margin-top: ' . $margin_top . 'px; margin-bottom: ' . $margin_bottom . 'px;">';
            $output .= '<a class="ts-font-icons-link nch-lightbox-media" href="' . $content_youtube . '" target="_blank" data-title="' . $content_youtube_title . '" ' . $playlistdata . ' data-controls="' . $video_controls . '" data-autohide="' . $video_autohide . '" data-start="' . $video_start . '" data-end="' . $video_end . '" data-related="' . $video_related . '" data-videoplay="' . $lightbox_play . '" data-type="youtube" rel="' . $lightbox_group_name . '" data-effect="' . $lightbox_effect . '" data-share="0" data-duration="' . $lightbox_speed . '" ' . $nacho_color . '>';
            $output .= '<i class="ts-font-icon ' . $content_youtube_icon . '" style="' . $icon_style . '"></i>';
            $output .= '</a>';
            $output .= '</div>';
        }
        if ($content_youtube_trigger == "flat" || $content_youtube_trigger == "flaticon") {
            wp_enqueue_style('ts-extend-buttonsdual');
            $button_style = $content_youtube_buttonstyle . ' ' . $content_youtube_buttonhover;
            $output .= '<a id="' . $modal_id . '" class="ts-dual-buttons-wrapper nch-lightbox-media ' . $css_class . ' ' . $el_class . '" href="' . $content_youtube . '" target="_blank" data-title="' . $content_youtube_title . '" data-controls="' . $video_controls . '" data-autohide="' . $video_autohide . '" data-start="' . $video_start . '" data-end="' . $video_end . '" data-related="' . $video_related . '" data-videoplay="' . $lightbox_play . '" data-type="youtube" rel="' . $lightbox_group_name . '" data-effect="' . $lightbox_effect . '" data-share="0" data-duration="' . $lightbox_speed . '" ' . $nacho_color . '>';
            $output .= '<div id="' . $modal_id . '-trigger" class="ts-dual-buttons-container clearFixMe ' . $button_style . ' ' . $modal_id . '-parent nch-holder ' . $youtube_tooltipclasses . '" ' . $youtube_tooltipcontent . ' style="display: block; width: 100%; margin-top: ' . $margin_top . 'px; margin-bottom: ' . $margin_bottom . 'px;">';
            if ($content_youtube_icon != '' && $content_youtube_icon != 'transparent' && $content_youtube_trigger == "flaticon") {
                $output .= '<i class="ts-dual-buttons-icon ' . $content_youtube_icon . '" style="font-size: ' . $content_youtube_buttonsize . 'px; line-height: ' . $content_youtube_buttonsize . 'px;"></i>';
            }
            $output .= '<span class="ts-dual-buttons-title" style="font-size: ' . $content_youtube_buttonsize . 'px; line-height: ' . $content_youtube_buttonsize . 'px;">' . $content_youtube_buttontext . '</span>';
            $output .= '</div>';
            $output .= '</a>';
        }
        if ($content_youtube_trigger == "winged") {
            $output .= '<div id="' . $modal_id . '-trigger" class="' . $modal_id . '-parent nch-holder ' . $el_class . ' ' . $css_class . '" style="display: block; width: 100%; margin-top: ' . $margin_top . 'px; margin-bottom: ' . $margin_bottom . 'px;">';
            $output .= '<div class="ts-lightbox-button-1 clearFixMe">';
            $output .= '<div class="top">' . $content_youtube_title . '</div>';
            $output .= '<div class="bottom">' . $content_youtube_subtitle . '</div>';
            $output .= '<a href="' . $content_youtube . '" class="nch-lightbox-media icon" data-title="' . $content_youtube_title . '" ' . $playlistdata . ' data-controls="' . $video_controls . '" data-autohide="' . $video_autohide . '" data-start="' . $video_start . '" data-end="' . $video_end . '" data-related="' . $video_related . '" data-videoplay="' . $lightbox_play . '" data-type="youtube" rel="' . $lightbox_group_name . '" data-effect="' . $lightbox_effect . '" data-share="0" data-duration="' . $lightbox_speed . '" ' . $nacho_color . '><span class="youtube">' . $content_youtube_buttontext . '</span></a>';
            $output .= '</div>';
            $output .= '</div>';
        }
        if ($content_youtube_trigger == "simple") {
            $output .= '<div id="' . $modal_id . '-trigger" class="' . $modal_id . '-parent nch-holder ' . $el_class . ' ' . $youtube_tooltipclasses . ' ' . $css_class . '" ' . $youtube_tooltipcontent . ' style="display: block; width: 100%; margin-top: ' . $margin_top . 'px; margin-bottom: ' . $margin_bottom . 'px;">';
            $output .= '<a href="' . $content_youtube . '" class="ts-lightbox-button-2 icon nch-lightbox" data-title="' . $content_youtube_title . '" ' . $playlistdata . ' data-controls="' . $video_controls . '" data-autohide="' . $video_autohide . '" data-start="' . $video_start . '" data-end="' . $video_end . '" data-related="' . $video_related . '" data-videoplay="' . $lightbox_play . '" data-type="youtube" rel="' . $lightbox_group_name . '" data-effect="' . $lightbox_effect . '" data-share="0" data-duration="' . $lightbox_speed . '" ' . $nacho_color . '><span class="youtube">' . $content_youtube_buttontext . '</span></a>';
            $output .= '</div>';
        }
        if ($content_youtube_trigger == "text") {
            $output .= '<div id="' . $modal_id . '-trigger" class="' . $modal_id . '-parent nch-holder ' . $el_class . ' ' . $css_class . '" style="text-align: center; margin-top: ' . $margin_top . 'px; margin-bottom: ' . $margin_bottom . 'px;">';
            $output .= '<a href="' . $content_youtube . '" class="nch-lightbox-media ' . $youtube_tooltipclasses . '" ' . $youtube_tooltipcontent . ' data-title="' . $content_youtube_title . '" ' . $playlistdata . ' data-controls="' . $video_controls . '" data-autohide="' . $video_autohide . '" data-start="' . $video_start . '" data-end="' . $video_end . '" data-related="' . $video_related . '" data-videoplay="' . $lightbox_play . '" data-type="youtube" rel="' . $lightbox_group_name . '" data-effect="' . $lightbox_effect . '" data-share="0" data-duration="' . $lightbox_speed . '" ' . $nacho_color . ' target="_blank">' . $content_youtube_text . '</a>';
            $output .= '</div>';
        }
        if ($content_youtube_trigger == "custom") {
            if ($content_raw != "") {
                $content_raw = rawurldecode(base64_decode(strip_tags($content_raw)));
                $output .= '<div id="' . $modal_id . '-trigger" class="' . $modal_id . '-parent nch-holder ' . $el_class . ' ' . $css_class . '" style="text-align: center; margin-top: ' . $margin_top . 'px; margin-bottom: ' . $margin_bottom . 'px;">';
                $output .= '<a href="' . $content_youtube . '" class="nch-lightbox-media ' . $youtube_tooltipclasses . '" ' . $youtube_tooltipcontent . ' data-title="' . $content_youtube_title . '" ' . $playlistdata . ' data-controls="' . $video_controls . '" data-autohide="' . $video_autohide . '" data-start="' . $video_start . '" data-end="' . $video_end . '" data-related="' . $video_related . '" data-videoplay="' . $lightbox_play . '" data-type="youtube" rel="' . $lightbox_group_name . '" data-effect="' . $lightbox_effect . '" data-share="0" data-duration="' . $lightbox_speed . '" ' . $nacho_color . 'style="" target="_blank">';
                $output .= $content_raw;
                $output .= '</a>';
                $output .= '</div>';
            }
        }
    }
    // Create Video iFrame Overlay
    if ($content_overlay_use == 'true') {
        $overlay_image = wp_get_attachment_image_src($content_overlay_image, $content_overlay_quality);
        $overlay_data = '<div class="ts-video-overlay">';
        $overlay_data .= '<img class="ts-video-overlay-image" src="' . $overlay_image[0] . '">';
        if ($content_overlay_text != '') {
            $overlay_data .= '<div class="ts-video-overlay-text" style="color: ' . $content_overlay_font . '; text-align: ' . $content_overlay_align . '">';
            $overlay_data .= '<span style="color: ' . $content_overlay_font . '; text-align: ' . $content_overlay_align . '">' . rawurldecode(base64_decode(strip_tags($content_overlay_text))) . '</span>';
            $overlay_data .= '</div>';
        }
        $overlay_data .= '</div>';
        $overlay_class = 'ts-video-overlay-true';
        $overlay_start = '<div class="ts-video-overlay-wrapper" data-trigger="' . $content_overlay_trigger . '">';
        $overlay_end = '</div>';
        if ($content_overlay_handle == 'true') {
            $overlay_handle = '<div class="ts-video-overlay-handle"><span class="frame_handle_' . $content_overlay_trigger . '" style="background-color: ' . $content_overlay_color . '"><i class="handle_' . $content_overlay_trigger . '"></i></span></div>';
        } else {
            $overlay_handle = '';
        }
    } else {
        $overlay_data = '';
        $overlay_class = 'ts-video-overlay-false';
        $overlay_start = '';
        $overlay_end = '';
        $overlay_handle = '';
    }
    // Single Video in iFrame
    if ($content_type == "video" && $content_lightbox == "false") {
        $modal_image = TS_VCSC_VideoID_Youtube($content_youtube);
        $output .= $overlay_start;
        $output .= '<div id="' . $modal_id . '" class="ts-video-container ' . $youtube_tooltipclasses . ' ' . $overlay_class . '" ' . $youtube_tooltipcontent . ' style="">';
        $output .= '<iframe class="ts-video-iframe" width="100%" height="auto" src="//www.youtube.com/embed/' . $modal_image . $video_autoplay . $videos_controls . $videos_autohide . $videos_start . $videos_end . $videos_related . '&wmode=opaque" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe>';
        $output .= $overlay_data;
        $output .= '</div>';
        $output .= $overlay_handle;
        $output .= $overlay_end;
    }
    // Defined Playlist in iFrame
    if ($content_type == "playlist" && $content_lightbox == "false") {
        $output .= $overlay_start;
        $output .= '<div id="' . $modal_id . '" class="ts-video-container ' . $youtube_tooltipclasses . ' ' . $overlay_class . '" ' . $youtube_tooltipcontent . ' style="">';
        $output .= '<iframe class="ts-video-iframe" width="100%" height="auto" src="//www.youtube.com/embed?listType=playlist&list=' . TS_VCSC_PlaylistID_Youtube($content_playlist) . '&showinfo=1&' . $video_autoplay . $videos_controls . $videos_autohide . $videos_related . '&wmode=opaque" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe>';
        $output .= $overlay_data;
        $output .= '</div>';
        $output .= $overlay_end;
    }
    // Search Playlist in iFrame
    if ($content_type == "searchterm" && $content_lightbox == "false") {
        $output .= $overlay_start;
        $output .= '<div id="' . $modal_id . '" class="ts-video-container ' . $youtube_tooltipclasses . ' ' . $overlay_class . '" ' . $youtube_tooltipcontent . ' style="">';
        $output .= '<iframe class="ts-video-iframe" width="100%" height="auto" src="//www.youtube.com/embed?listType=search&list=' . str_replace(' ', '', $content_search) . '&showinfo=1' . $video_autoplay . $videos_controls . $videos_autohide . $videos_related . '&wmode=opaque" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe>';
        $output .= $overlay_data;
        $output .= '</div>';
        $output .= $overlay_end;
    }
    // Individual Videos Playlist in iFrame
    if ($content_type == "combination" && $content_lightbox == "false") {
        $output .= $overlay_start;
        $videos = explode(",", str_replace(' ', '', $content_combination));
        $count = count($videos);
        if ($count == 1) {
            $iframe = '<iframe class="ts-video-iframe" width="100%" height="auto" src="//www.youtube.com/embed/' . $content_combination . $video_autoplay . $videos_controls . $videos_autohide . $videos_related . '&wmode=opaque" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe>';
        } else {
            if ($count > 1) {
                $first = $videos[0];
                array_shift($videos);
                $other = implode(",", $videos);
                $iframe = '<iframe class="ts-video-iframe" width="100%" height="auto" src="//www.youtube.com/embed/' . $first . '?playlist=' . $other . '&showinfo=1' . $video_autoplay . $videos_controls . $videos_autohide . $videos_related . '&wmode=opaque" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe>';
            }
        }
        $output .= '<div id="' . $modal_id . '" class="ts-video-container ' . $youtube_tooltipclasses . ' ' . $overlay_class . '" ' . $youtube_tooltipcontent . ' style="">';
        $output .= $iframe;
        $output .= $overlay_data;
        $output .= '</div>';
        $output .= $overlay_end;
    }
    // Playlist from User Uploads in iFrame
    if ($content_type == "uploads" && $content_lightbox == "false") {
        $output .= $overlay_start;
        $output .= '<div id="' . $modal_id . '" class="ts-video-container ' . $youtube_tooltipclasses . ' ' . $overlay_class . '" ' . $youtube_tooltipcontent . ' style="">';
        $output .= '<iframe class="ts-video-iframe" width="100%" height="auto" src="//www.youtube.com/embed?listType=user_uploads&list=' . $content_uploads . '&showinfo=1' . $video_autoplay . $videos_controls . $videos_autohide . $videos_related . '&wmode=opaque" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe>';
        $output .= $overlay_data;
        $output .= '</div>';
        $output .= $overlay_end;
    }
    echo $output;
    $myvariable = ob_get_clean();
    return $myvariable;
}