Пример #1
0
    /**
     *
     * put slider javascript
     */
    private function putJS($markup_export = false)
    {
        $params = $this->slider->getParams();
        $sliderType = $this->slider->getParam('slider_type');
        $force_fullwidth = $this->slider->getParam('force_full_width', 'on');
        if ($sliderType == 'fixed' || $sliderType == 'responsitive' || $sliderType == 'fullwidth' && $force_fullwidth == "off") {
            $sliderType = 'auto';
        }
        $optFullWidth = $sliderType == 'fullwidth' ? 'on' : 'off';
        $optFullScreen = 'off';
        if ($sliderType == 'fullscreen') {
            $optFullWidth = 'off';
            $optFullScreen = 'on';
        }
        $use_spinner = $this->slider->getParam('use_spinner', '0');
        $spinner_color = $this->slider->getParam('spinner_color', '#FFFFFF');
        $noConflict = $this->slider->getParam("jquery_noconflict", "on");
        $debugmode = $this->slider->getParam("jquery_debugmode", "off") == 'on' ? 'true' : 'false';
        //set thumb amount
        $numSlides = $this->slider->getNumSlides(true);
        //get stop slider options
        $stopSlider = $this->slider->getParam("stop_slider", "off");
        $stopAfterLoops = $this->slider->getParam("stop_after_loops", "0");
        $stopAtSlide = $this->slider->getParam("stop_at_slide", "2");
        if ($stopSlider == "off") {
            $stopAfterLoops = "-1";
            $stopAtSlide = "-1";
        }
        $oneSlideLoop = $this->slider->getParam("loop_slide", "loop");
        if ($oneSlideLoop == 'noloop' && $this->hasOnlyOneSlide == true) {
            $stopAfterLoops = '0';
            $stopAtSlide = '1';
        }
        $sliderID = $this->slider->getID();
        //treat hide slider at limit
        $hideSliderAtLimit = $this->slider->getParam("hide_slider_under", "0", RevSlider::VALIDATE_NUMERIC);
        if (!empty($hideSliderAtLimit)) {
            $hideSliderAtLimit++;
        }
        $hideCaptionAtLimit = $this->slider->getParam("hide_defined_layers_under", "0", RevSlider::VALIDATE_NUMERIC);
        if (!empty($hideCaptionAtLimit)) {
            $hideCaptionAtLimit++;
        }
        $hideAllCaptionAtLimit = $this->slider->getParam("hide_all_layers_under", "0", RevSlider::VALIDATE_NUMERIC);
        if (!empty($hideAllCaptionAtLimit)) {
            $hideAllCaptionAtLimit++;
        }
        //start_with_slide
        $startWithSlide = $this->slider->getStartWithSlideSetting();
        //modify navigation type (backward compatability)
        //FALLBACK
        $enable_arrows = $this->slider->getParam('enable_arrows', 'off');
        $arrowsType = $enable_arrows == 'on' ? 'solo' : 'none';
        //More Mobile Options
        $hideThumbsOnMobile = $this->slider->getParam("hide_thumbs_on_mobile", "off");
        $enable_progressbar = $this->slider->getParam('enable_progressbar', 'on');
        $disableKenBurnOnMobile = $this->slider->getParam("disable_kenburns_on_mobile", "off");
        $swipe_velocity = $this->slider->getParam("swipe_velocity", "0.7", RevSlider::VALIDATE_NUMERIC);
        $swipe_min_touches = $this->slider->getParam("swipe_min_touches", "1", RevSlider::VALIDATE_NUMERIC);
        $swipe_direction = $this->slider->getParam("swipe_direction", "horizontal");
        $drag_block_vertical = $this->slider->getParam("drag_block_vertical", "false");
        $use_parallax = $this->slider->getParam("use_parallax", $this->slider->getParam('use_parallax', 'off'));
        $disable_parallax_mobile = $this->slider->getParam("disable_parallax_mobile", "off");
        if ($use_parallax == 'on') {
            $parallax_ddd = $this->slider->getParam("ddd_parallax", "off");
            $parallax_type = $this->slider->getParam("parallax_type", "mouse");
            $parallax_origo = $this->slider->getParam("parallax_origo", "enterpoint");
            $parallax_speed = $this->slider->getParam("parallax_speed", "400");
            if ($parallax_ddd == "on") {
                $parallax_type = "3D";
                $parallax_origo = "slidercenter";
                $parallax_ddd_shadow = $this->slider->getParam("ddd_parallax_shadow", "on");
                $parallax_ddd_bgfreeze = $this->slider->getParam("ddd_parallax_bgfreeze", "off");
                $parallax_ddd_overflow = $this->slider->getParam("ddd_parallax_overflow", "off");
                $parallax_ddd_layer_overflow = $this->slider->getParam("ddd_parallax_layer_overflow", "off");
                $parallax_ddd_overflow = $parallax_ddd_overflow == "off" ? "visible" : "hidden";
                $parallax_ddd_layer_overflow = $parallax_ddd_layer_overflow == "off" ? "visible" : "hidden";
                $parallax_ddd_zcorrection = $this->slider->getParam("ddd_parallax_zcorrection", "400");
                //$parallax_ddd_path = $this->slider->getParam("ddd_parallax_path","mouse");
            }
            $parallax_level[] = intval($this->slider->getParam("parallax_level_1", "5"));
            $parallax_level[] = intval($this->slider->getParam("parallax_level_2", "10"));
            $parallax_level[] = intval($this->slider->getParam("parallax_level_3", "15"));
            $parallax_level[] = intval($this->slider->getParam("parallax_level_4", "20"));
            $parallax_level[] = intval($this->slider->getParam("parallax_level_5", "25"));
            $parallax_level[] = intval($this->slider->getParam("parallax_level_6", "30"));
            $parallax_level[] = intval($this->slider->getParam("parallax_level_7", "35"));
            $parallax_level[] = intval($this->slider->getParam("parallax_level_8", "40"));
            $parallax_level[] = intval($this->slider->getParam("parallax_level_9", "45"));
            $parallax_level[] = intval($this->slider->getParam("parallax_level_10", "45"));
            $parallax_level[] = intval($this->slider->getParam("parallax_level_11", "46"));
            $parallax_level[] = intval($this->slider->getParam("parallax_level_12", "47"));
            $parallax_level[] = intval($this->slider->getParam("parallax_level_13", "48"));
            $parallax_level[] = intval($this->slider->getParam("parallax_level_14", "49"));
            $parallax_level[] = intval($this->slider->getParam("parallax_level_15", "50"));
            $parallax_level[] = intval($this->slider->getParam("parallax_level_16", "55"));
            $parallax_level = implode(',', $parallax_level);
        }
        $operations = new RevSliderOperations();
        $arrValues = $operations->getGeneralSettingsValues();
        $do_delay = $this->slider->getParam("start_js_after_delay", "0");
        $do_delay = apply_filters('revslider_add_js_delay', $do_delay);
        $do_delay = intval($do_delay);
        $js_to_footer = isset($arrValues['js_to_footer']) && $arrValues['js_to_footer'] == 'on' ? true : false;
        $slider_type = $this->slider->getParam('slider-type', 'standard');
        //add inline style into the footer
        if ($js_to_footer && $this->previewMode == false && $markup_export == false) {
            ob_start();
        }
        $nav_css = '';
        if ($markup_export === true) {
            echo '<!-- STYLE -->';
        }
        //ADD SCOPED INLINE STYLES
        $this->add_inline_styles();
        if ($markup_export === true) {
            echo '<!-- /STYLE -->';
        }
        $csizes = RevSliderFunctions::get_responsive_size($this);
        if ($markup_export === true) {
            echo '<!-- SCRIPT -->';
        }
        ?>
		<script type="text/javascript">
			<?php 
        if (!$markup_export) {
            //not needed for html markup export
            ?>
			/******************************************
				-	PREPARE PLACEHOLDER FOR SLIDER	-
			******************************************/

			var setREVStartSize=function(){
				try{var e=new Object,i=jQuery(window).width(),t=9999,r=0,n=0,l=0,f=0,s=0,h=0;
					e.c = jQuery('#<?php 
            echo $this->sliderHtmlID;
            ?>
');
<?php 
            if (isset($csizes['level']) && !empty($csizes['level'])) {
                ?>
					e.responsiveLevels = <?php 
                echo '[' . $csizes['level'] . ']';
                ?>
;
					e.gridwidth = <?php 
                echo '[' . $csizes['width'] . ']';
                ?>
;
					e.gridheight = <?php 
                echo '[' . $csizes['height'] . ']';
                ?>
;
<?php 
            } else {
                ?>
					e.gridwidth = <?php 
                echo '[' . $csizes['width'] . ']';
                ?>
;
					e.gridheight = <?php 
                echo '[' . $csizes['height'] . ']';
                ?>
;
<?php 
            }
            ?>
							
<?php 
            if ($optFullScreen == 'on') {
                $sl_layout = 'fullscreen';
            } elseif ($optFullWidth == 'on') {
                $sl_layout = 'fullwidth';
            } else {
                $sl_layout = 'auto';
            }
            ?>
					e.sliderLayout = "<?php 
            echo $sl_layout;
            ?>
";
<?php 
            if ($this->slider->getParam("slider_type") == "fullscreen") {
                ?>
					e.fullScreenAutoWidth='<?php 
                echo esc_attr($this->slider->getParam("autowidth_force", "off"));
                ?>
';
					e.fullScreenAlignForce='<?php 
                echo esc_attr($this->slider->getParam("full_screen_align_force", "off"));
                ?>
';
					e.fullScreenOffsetContainer= '<?php 
                echo esc_attr($this->slider->getParam("fullscreen_offset_container", ""));
                ?>
';
					e.fullScreenOffset='<?php 
                echo esc_attr($this->slider->getParam("fullscreen_offset_size", ""));
                ?>
';
<?php 
            }
            $minHeight = $this->slider->getParam('slider_type') !== 'fullscreen' ? $this->slider->getParam('min_height', '0') : $this->slider->getParam('fullscreen_min_height', '0');
            if ($minHeight > 0) {
                ?>
					e.minHeight = <?php 
                echo $minHeight;
                ?>
;
<?php 
            }
            ?>
					if(e.responsiveLevels&&(jQuery.each(e.responsiveLevels,function(e,f){f>i&&(t=r=f,l=e),i>f&&f>r&&(r=f,n=e)}),t>r&&(l=n)),f=e.gridheight[l]||e.gridheight[0]||e.gridheight,s=e.gridwidth[l]||e.gridwidth[0]||e.gridwidth,h=i/s,h=h>1?1:h,f=Math.round(h*f),"fullscreen"==e.sliderLayout){var u=(e.c.width(),jQuery(window).height());if(void 0!=e.fullScreenOffsetContainer){var c=e.fullScreenOffsetContainer.split(",");if (c) jQuery.each(c,function(e,i){u=jQuery(i).length>0?u-jQuery(i).outerHeight(!0):u}),e.fullScreenOffset.split("%").length>1&&void 0!=e.fullScreenOffset&&e.fullScreenOffset.length>0?u-=jQuery(window).height()*parseInt(e.fullScreenOffset,0)/100:void 0!=e.fullScreenOffset&&e.fullScreenOffset.length>0&&(u-=parseInt(e.fullScreenOffset,0))}f=u}else void 0!=e.minHeight&&f<e.minHeight&&(f=e.minHeight);e.c.closest(".rev_slider_wrapper").css({height:f})
					
				}catch(d){console.log("Failure at Presize of Slider:"+d)}
			};
			
			setREVStartSize();
			
			<?php 
        }
        ?>
			var tpj=jQuery;
			<?php 
        if ($noConflict == "on") {
            ?>
tpj.noConflict();<?php 
        }
        ?>

			var revapi<?php 
        echo $sliderID;
        ?>
;
			<?php 
        echo 'tpj(document).ready(function() {' . "\n";
        echo '				if(tpj("#' . $this->sliderHtmlID . '").revolution == undefined){' . "\n";
        echo '					revslider_showDoubleJqueryError("#' . $this->sliderHtmlID . '");' . "\n";
        echo '				}else{' . "\n";
        echo '					revapi' . $sliderID . ' = tpj("#' . $this->sliderHtmlID . '").show().revolution({' . "\n";
        if ($do_delay > 0) {
            echo '						startDelay: ' . esc_attr($do_delay) . ',' . "\n";
        }
        echo '						sliderType:"' . esc_attr($slider_type) . '",' . "\n";
        $stripped_http = explode('://', RS_PLUGIN_URL);
        echo 'jsFileLocation:"//' . esc_attr($stripped_http[1] . 'public/assets/js/') . '",' . "\n";
        if ($optFullScreen == 'on') {
            $sl_layout = 'fullscreen';
        } elseif ($optFullWidth == 'on') {
            $sl_layout = 'fullwidth';
        } else {
            $sl_layout = 'auto';
        }
        echo '						sliderLayout:"' . $sl_layout . '",' . "\n";
        echo '						dottedOverlay:"' . esc_attr($this->slider->getParam("background_dotted_overlay", "none")) . '",' . "\n";
        echo '						delay:' . esc_attr($this->slider->getParam("delay", "9000", RevSlider::FORCE_NUMERIC)) . ',' . "\n";
        do_action('revslider_fe_javascript_option_output', $this->slider);
        $enable_arrows = $this->slider->getParam('enable_arrows', 'off');
        $enable_bullets = $this->slider->getParam('enable_bullets', 'off');
        $enable_tabs = $this->slider->getParam('enable_tabs', 'off');
        $enable_thumbnails = $this->slider->getParam('enable_thumbnails', 'off');
        $rs_nav = new RevSliderNavigation();
        $all_navs = $rs_nav->get_all_navigations();
        $touch_enabled = $this->slider->getParam('touchenabled', 'on');
        $keyboard_enabled = $this->slider->getParam('keyboard_navigation', 'off');
        $keyboard_direction = $this->slider->getParam('keyboard_direction', 'horizontal');
        $mousescroll_enabled = $this->slider->getParam('mousescroll_navigation', 'off');
        $mousescroll_reverse = $this->slider->getParam('mousescroll_navigation_reverse', 'default');
        //no navigation if we are hero
        if ($slider_type !== 'hero' && ($enable_arrows == 'on' || $enable_bullets == 'on' || $enable_tabs == 'on' || $enable_thumbnails == 'on' || $touch_enabled == 'on' || $keyboard_enabled == 'on' || $mousescroll_enabled != 'off')) {
            echo '						navigation: {' . "\n";
            echo '							keyboardNavigation:"' . esc_attr($keyboard_enabled) . '",' . "\n";
            echo '							keyboard_direction: "' . esc_attr($keyboard_direction) . '",' . "\n";
            echo '							mouseScrollNavigation:"' . esc_attr($mousescroll_enabled) . '",' . "\n";
            echo ' 							mouseScrollReverse:"' . esc_attr($mousescroll_reverse) . '",' . "\n";
            if ($slider_type !== 'hero') {
                echo '							onHoverStop:"' . esc_attr($this->slider->getParam("stop_on_hover", "on")) . '",' . "\n";
            }
            $add_comma = false;
            if ($touch_enabled == 'on') {
                $add_comma = true;
                echo '							touch:{' . "\n";
                echo '								touchenabled:"' . esc_attr($touch_enabled) . '",' . "\n";
                echo '								swipe_threshold: ' . esc_attr($swipe_velocity) . ',' . "\n";
                echo '								swipe_min_touches: ' . esc_attr($swipe_min_touches) . ',' . "\n";
                echo '								swipe_direction: "' . esc_attr($swipe_direction) . '",' . "\n";
                echo '								drag_block_vertical: ';
                echo $drag_block_vertical == 'true' ? 'true' : 'false';
                echo "\n";
                echo '							}' . "\n";
            }
            if ($enable_arrows == 'on') {
                $navigation_arrow_style = $this->slider->getParam('navigation_arrow_style', 'round');
                $arrows_always_on = $this->slider->getParam('arrows_always_on', 'true') == 'true' ? 'true' : 'false';
                $hide_arrows_on_mobile = $this->slider->getParam('hide_arrows_on_mobile', 'off') == 'on' ? 'true' : 'false';
                $hide_arrows_over = $this->slider->getParam('hide_arrows_over', 'off') == 'on' ? 'true' : 'false';
                $arr_tmp = '';
                $ff = false;
                if (!empty($all_navs)) {
                    foreach ($all_navs as $cur_nav) {
                        if ($cur_nav['handle'] == $navigation_arrow_style) {
                            if (isset($cur_nav['markup']['arrows'])) {
                                $arr_tmp = $cur_nav['markup']['arrows'];
                            }
                            if (isset($cur_nav['css']['arrows'])) {
                                $nav_css .= $rs_nav->add_placeholder_modifications($cur_nav['css']['arrows'], $cur_nav['handle'], 'arrows', $cur_nav['settings'], $this->slider, $this) . "\n";
                            }
                            $ff = true;
                            break;
                        }
                    }
                }
                if ($ff == false) {
                    $navigation_arrow_style = '';
                }
                $navigation_arrow_style = $rs_nav->translate_navigation($navigation_arrow_style);
                if ($add_comma) {
                    echo '							,' . "\n";
                }
                $add_comma = true;
                echo '							arrows: {' . "\n";
                echo '								style:"' . esc_attr($navigation_arrow_style) . '",' . "\n";
                echo '								enable:';
                echo $this->slider->getParam('enable_arrows', 'off') == 'on' ? 'true' : 'false';
                echo ',' . "\n";
                echo $this->slider->getParam('rtl_arrows', 'off') == 'on' ? '								rtl:true,' . "\n" : '';
                echo '								hide_onmobile:' . $hide_arrows_on_mobile . ',' . "\n";
                if ($hide_arrows_on_mobile === 'true') {
                    echo '								hide_under:' . esc_attr($this->slider->getParam('arrows_under_hidden', '0', RevSlider::FORCE_NUMERIC)) . ',' . "\n";
                }
                if ($hide_arrows_over === 'true') {
                    echo '								hide_over:' . esc_attr($this->slider->getParam('arrows_over_hidden', '0', RevSlider::FORCE_NUMERIC)) . ',' . "\n";
                }
                echo '								hide_onleave:' . $arrows_always_on . ',' . "\n";
                if ($arrows_always_on === 'true') {
                    echo '								hide_delay:' . esc_attr($this->slider->getParam('hide_arrows', '200', RevSlider::FORCE_NUMERIC)) . ',' . "\n";
                    echo '								hide_delay_mobile:' . esc_attr($this->slider->getParam('hide_arrows_mobile', '1200', RevSlider::FORCE_NUMERIC)) . ',' . "\n";
                }
                echo '								tmp:\'';
                echo preg_replace("/\r|\n/", "", $arr_tmp);
                echo '\',' . "\n";
                echo '								left: {' . "\n";
                echo in_array($this->slider->getParam('leftarrow_position', 'slider'), array('layergrid', 'grid')) ? '									container:"layergrid",' . "\n" : '';
                echo '									h_align:"' . esc_attr($this->slider->getParam('leftarrow_align_hor', 'left')) . '",' . "\n";
                echo '									v_align:"' . esc_attr($this->slider->getParam('leftarrow_align_vert', 'center')) . '",' . "\n";
                echo '									h_offset:' . esc_attr($this->slider->getParam('leftarrow_offset_hor', '20', RevSlider::FORCE_NUMERIC)) . ',' . "\n";
                echo '									v_offset:' . esc_attr($this->slider->getParam('leftarrow_offset_vert', '0', RevSlider::FORCE_NUMERIC)) . "\n";
                echo '								},' . "\n";
                echo '								right: {' . "\n";
                echo in_array($this->slider->getParam('rightarrow_position', 'slider'), array('layergrid', 'grid')) ? '									container:"layergrid",' . "\n" : '';
                echo '									h_align:"' . esc_attr($this->slider->getParam('rightarrow_align_hor', 'right')) . '",' . "\n";
                echo '									v_align:"' . esc_attr($this->slider->getParam('rightarrow_align_vert', 'center')) . '",' . "\n";
                echo '									h_offset:' . esc_attr($this->slider->getParam('rightarrow_offset_hor', '20', RevSlider::FORCE_NUMERIC)) . ',' . "\n";
                echo '									v_offset:' . esc_attr($this->slider->getParam('rightarrow_offset_vert', '0', RevSlider::FORCE_NUMERIC)) . "\n";
                echo '								}' . "\n";
                echo '							}' . "\n";
            }
            if ($enable_bullets == 'on') {
                $navigation_bullets_style = $this->slider->getParam('navigation_bullets_style', 'round');
                $bullets_always_on = $this->slider->getParam('bullets_always_on', 'true') == 'true' ? 'true' : 'false';
                $hide_bullets_on_mobile = $this->slider->getParam('hide_bullets_on_mobile', 'off') == 'on' ? 'true' : 'false';
                $hide_bullets_over = $this->slider->getParam('hide_bullets_over', 'off') == 'on' ? 'true' : 'false';
                $bul_tmp = '<span class="tp-bullet-image"></span><span class="tp-bullet-title"></span>';
                if (!empty($all_navs)) {
                    foreach ($all_navs as $cur_nav) {
                        if ($cur_nav['handle'] == $navigation_bullets_style) {
                            if (isset($cur_nav['markup']['bullets'])) {
                                $bul_tmp = $cur_nav['markup']['bullets'];
                            }
                            if (isset($cur_nav['css']['bullets'])) {
                                $nav_css .= $rs_nav->add_placeholder_modifications($cur_nav['css']['bullets'], $cur_nav['handle'], 'bullets', $cur_nav['settings'], $this->slider, $this) . "\n";
                            }
                            break;
                        }
                    }
                }
                $navigation_bullets_style = $rs_nav->translate_navigation($navigation_bullets_style);
                if ($add_comma) {
                    echo '							,' . "\n";
                }
                $add_comma = true;
                echo '							bullets: {' . "\n";
                echo '								enable:';
                echo $this->slider->getParam('enable_bullets', 'off') == 'on' ? 'true' : 'false';
                echo ',' . "\n";
                echo $this->slider->getParam('rtl_bullets', 'off') == 'on' ? '								rtl:true,' . "\n" : '';
                echo '								hide_onmobile:' . $hide_bullets_on_mobile . ',' . "\n";
                if ($hide_bullets_on_mobile === 'true') {
                    echo '								hide_under:' . esc_attr($this->slider->getParam('bullets_under_hidden', '0', RevSlider::FORCE_NUMERIC)) . ',' . "\n";
                }
                if ($hide_bullets_over === 'true') {
                    echo '								hide_over:' . esc_attr($this->slider->getParam('bullets_over_hidden', '0', RevSlider::FORCE_NUMERIC)) . ',' . "\n";
                }
                echo '								style:"' . esc_attr($navigation_bullets_style) . '",' . "\n";
                echo '								hide_onleave:' . $bullets_always_on . ',' . "\n";
                if ($bullets_always_on === 'true') {
                    echo '								hide_delay:' . esc_attr($this->slider->getParam('hide_bullets', '200', RevSlider::FORCE_NUMERIC)) . ',' . "\n";
                    echo '								hide_delay_mobile:' . esc_attr($this->slider->getParam('hide_bullets_mobile', '1200', RevSlider::FORCE_NUMERIC)) . ',' . "\n";
                }
                echo '								direction:"' . esc_attr($this->slider->getParam('bullets_direction', 'horizontal')) . '",' . "\n";
                echo in_array($this->slider->getParam('bullets_position', 'slider'), array('layergrid', 'grid')) ? '									container:"layergrid",' . "\n" : '';
                echo '								h_align:"' . esc_attr($this->slider->getParam('bullets_align_hor', 'right')) . '",' . "\n";
                echo '								v_align:"' . esc_attr($this->slider->getParam('bullets_align_vert', 'center')) . '",' . "\n";
                echo '								h_offset:' . esc_attr($this->slider->getParam('bullets_offset_hor', '20', RevSlider::FORCE_NUMERIC)) . ',' . "\n";
                echo '								v_offset:' . esc_attr($this->slider->getParam('bullets_offset_vert', '0', RevSlider::FORCE_NUMERIC)) . ',' . "\n";
                echo '								space:' . esc_attr($this->slider->getParam('bullets_space', '5', RevSlider::FORCE_NUMERIC)) . ',' . "\n";
                echo '								tmp:\'';
                echo preg_replace("/\r|\n/", "", $bul_tmp);
                echo '\'' . "\n";
                echo '							}' . "\n";
            }
            if ($enable_thumbnails == 'on') {
                $thumbnails_style = $this->slider->getParam('thumbnails_style', 'round');
                $thumbs_always_on = $this->slider->getParam('thumbs_always_on', 'true') == 'true' ? 'true' : 'false';
                $hide_thumbs_on_mobile = $this->slider->getParam('hide_thumbs_on_mobile', 'off') == 'on' ? 'true' : 'false';
                $hide_thumbs_over = $this->slider->getParam('hide_thumbs_over', 'off') == 'on' ? 'true' : 'false';
                $thumbs_tmp = '<span class="tp-thumb-image"></span><span class="tp-thumb-title"></span>';
                if (!empty($all_navs)) {
                    foreach ($all_navs as $cur_nav) {
                        if ($cur_nav['handle'] == $thumbnails_style) {
                            if (isset($cur_nav['markup']['thumbs'])) {
                                $thumbs_tmp = $cur_nav['markup']['thumbs'];
                            }
                            if (isset($cur_nav['css']['thumbs'])) {
                                $nav_css .= $rs_nav->add_placeholder_modifications($cur_nav['css']['thumbs'], $cur_nav['handle'], 'thumbs', $cur_nav['settings'], $this->slider, $this) . "\n";
                            }
                            break;
                        }
                    }
                }
                $thumbnails_style = $rs_nav->translate_navigation($thumbnails_style);
                if ($add_comma) {
                    echo '							,' . "\n";
                }
                $add_comma = true;
                echo '							thumbnails: {' . "\n";
                echo '								style:"' . esc_attr($thumbnails_style) . '",' . "\n";
                echo '								enable:';
                echo $this->slider->getParam('enable_thumbnails', 'off') == 'on' ? 'true' : 'false';
                echo ',' . "\n";
                echo $this->slider->getParam('rtl_thumbnails', 'off') == 'on' ? '								rtl:true,' . "\n" : '';
                echo '								width:' . esc_attr($this->slider->getParam('thumb_width', '100', RevSlider::FORCE_NUMERIC)) . ',' . "\n";
                echo '								height:' . esc_attr($this->slider->getParam('thumb_height', '50', RevSlider::FORCE_NUMERIC)) . ',' . "\n";
                echo '								min_width:' . esc_attr($this->slider->getParam('thumb_width_min', '100', RevSlider::FORCE_NUMERIC)) . ',' . "\n";
                echo '								wrapper_padding:' . esc_attr($this->slider->getParam('thumbnails_padding', '5', RevSlider::FORCE_NUMERIC)) . ',' . "\n";
                echo '								wrapper_color:"' . esc_attr($this->slider->getParam('thumbnails_wrapper_color', 'transparent')) . '",' . "\n";
                echo '								wrapper_opacity:"' . esc_attr(round($this->slider->getParam('thumbnails_wrapper_opacity', '100') / 100, 2)) . '",' . "\n";
                echo '								tmp:\'';
                echo preg_replace("/\r|\n/", "", $thumbs_tmp);
                echo '\',' . "\n";
                echo '								visibleAmount:' . esc_attr($this->slider->getParam('thumb_amount', '5', RevSlider::FORCE_NUMERIC)) . ',' . "\n";
                echo '								hide_onmobile:' . $hide_thumbs_on_mobile . ',' . "\n";
                if ($hide_thumbs_on_mobile === 'true') {
                    echo '								hide_under:' . esc_attr($this->slider->getParam('thumbs_under_hidden', '0', RevSlider::FORCE_NUMERIC)) . ',' . "\n";
                }
                if ($hide_thumbs_over === 'true') {
                    echo '								hide_over:' . esc_attr($this->slider->getParam('thumbs_over_hidden', '0', RevSlider::FORCE_NUMERIC)) . ',' . "\n";
                }
                echo '								hide_onleave:' . $thumbs_always_on . ',' . "\n";
                if ($thumbs_always_on === 'true') {
                    echo '								hide_delay:' . esc_attr($this->slider->getParam('hide_thumbs', '200', RevSlider::FORCE_NUMERIC)) . ',' . "\n";
                    echo '								hide_delay_mobile:' . esc_attr($this->slider->getParam('hide_thumbs_mobile', '1200', RevSlider::FORCE_NUMERIC)) . ',' . "\n";
                }
                echo '								direction:"' . esc_attr($this->slider->getParam('thumbnail_direction', 'horizontal')) . '",' . "\n";
                echo '								span:';
                echo $this->slider->getParam('span_thumbnails_wrapper', 'off') == 'on' ? 'true' : 'false';
                echo ',' . "\n";
                echo '								position:"' . esc_attr($this->slider->getParam('thumbnails_inner_outer', 'inner')) . '",' . "\n";
                if ($this->slider->getParam('thumbnails_inner_outer', 'inner') == 'inner') {
                    echo in_array($this->slider->getParam('thumbnails_position', 'slider'), array('layergrid', 'grid')) ? '									container:"layergrid",' . "\n" : '';
                }
                echo '								space:' . esc_attr($this->slider->getParam('thumbnails_space', '5', RevSlider::FORCE_NUMERIC)) . ',' . "\n";
                echo '								h_align:"' . esc_attr($this->slider->getParam('thumbnails_align_hor', 'left')) . '",' . "\n";
                echo '								v_align:"' . esc_attr($this->slider->getParam('thumbnails_align_vert', 'center')) . '",' . "\n";
                echo '								h_offset:' . esc_attr($this->slider->getParam('thumbnails_offset_hor', '20', RevSlider::FORCE_NUMERIC)) . ',' . "\n";
                echo '								v_offset:' . esc_attr($this->slider->getParam('thumbnails_offset_vert', '0', RevSlider::FORCE_NUMERIC)) . "\n";
                echo '							}' . "\n";
            }
            if ($enable_tabs == 'on') {
                $tabs_style = $this->slider->getParam('tabs_style', 'round');
                $tabs_always_on = $this->slider->getParam('tabs_always_on', 'true') == 'true' ? 'true' : 'false';
                $hide_tabs_on_mobile = $this->slider->getParam('hide_tabs_on_mobile', 'off') == 'on' ? 'true' : 'false';
                $hide_tabs_over = $this->slider->getParam('hide_tabs_over', 'off') == 'on' ? 'true' : 'false';
                $tabs_tmp = '<span class="tp-thumb-image"></span>';
                if (!empty($all_navs)) {
                    foreach ($all_navs as $cur_nav) {
                        if ($cur_nav['handle'] == $tabs_style) {
                            if (isset($cur_nav['markup']['tabs'])) {
                                $tabs_tmp = $cur_nav['markup']['tabs'];
                            }
                            if (isset($cur_nav['css']['tabs'])) {
                                $nav_css .= $rs_nav->add_placeholder_modifications($cur_nav['css']['tabs'], $cur_nav['handle'], 'tabs', $cur_nav['settings'], $this->slider, $this) . "\n";
                            }
                            break;
                        }
                    }
                }
                $tabs_style = $rs_nav->translate_navigation($tabs_style);
                if ($add_comma) {
                    echo '							,' . "\n";
                }
                $add_comma = true;
                echo '							tabs: {' . "\n";
                echo '								style:"' . esc_attr($tabs_style) . '",' . "\n";
                echo '								enable:';
                echo $this->slider->getParam('enable_tabs', 'off') == 'on' ? 'true' : 'false';
                echo ',' . "\n";
                echo $this->slider->getParam('rtl_tabs', 'off') == 'on' ? '								rtl:true,' . "\n" : '';
                echo '								width:' . esc_attr($this->slider->getParam('tabs_width', '100', RevSlider::FORCE_NUMERIC)) . ',' . "\n";
                echo '								height:' . esc_attr($this->slider->getParam('tabs_height', '50', RevSlider::FORCE_NUMERIC)) . ',' . "\n";
                echo '								min_width:' . esc_attr($this->slider->getParam('tabs_width_min', '100', RevSlider::FORCE_NUMERIC)) . ',' . "\n";
                echo '								wrapper_padding:' . esc_attr($this->slider->getParam('tabs_padding', '5', RevSlider::FORCE_NUMERIC)) . ',' . "\n";
                echo '								wrapper_color:"' . esc_attr($this->slider->getParam('tabs_wrapper_color', 'transparent')) . '",' . "\n";
                echo '								wrapper_opacity:"' . esc_attr(round($this->slider->getParam('tabs_wrapper_opacity', '100') / 100, 2)) . '",' . "\n";
                echo '								tmp:\'';
                echo preg_replace("/\r|\n/", "", $tabs_tmp);
                echo '\',' . "\n";
                echo '								visibleAmount: ' . esc_attr($this->slider->getParam('tabs_amount', '5', RevSlider::FORCE_NUMERIC)) . ',' . "\n";
                echo '								hide_onmobile: ' . $hide_tabs_on_mobile . ',' . "\n";
                if ($hide_tabs_on_mobile === 'true') {
                    echo '								hide_under:' . esc_attr($this->slider->getParam('tabs_under_hidden', '0', RevSlider::FORCE_NUMERIC)) . ',' . "\n";
                }
                if ($hide_tabs_over === 'true') {
                    echo '								hide_over:' . esc_attr($this->slider->getParam('tabs_over_hidden', '0', RevSlider::FORCE_NUMERIC)) . ',' . "\n";
                }
                echo '								hide_onleave:' . $tabs_always_on . ',' . "\n";
                if ($tabs_always_on === 'true') {
                    echo '								hide_delay:' . esc_attr($this->slider->getParam('hide_tabs', '200', RevSlider::FORCE_NUMERIC)) . ',' . "\n";
                    echo '								hide_delay_mobile:' . esc_attr($this->slider->getParam('hide_tabs_mobile', '1200', RevSlider::FORCE_NUMERIC)) . ',' . "\n";
                }
                echo '								hide_delay:' . esc_attr($this->slider->getParam('hide_tabs', '200', RevSlider::FORCE_NUMERIC)) . ',' . "\n";
                echo '								direction:"' . esc_attr($this->slider->getParam('tabs_direction', 'horizontal')) . '",' . "\n";
                echo '								span:';
                echo $this->slider->getParam('span_tabs_wrapper', 'off') == 'on' ? 'true' : 'false';
                echo ',' . "\n";
                echo '								position:"' . esc_attr($this->slider->getParam('tabs_inner_outer', 'inner')) . '",' . "\n";
                if ($this->slider->getParam('tabs_inner_outer', 'inner') == 'inner') {
                    echo in_array($this->slider->getParam('tabs_position', 'slider'), array('layergrid', 'grid')) ? '									container:"layergrid",' . "\n" : '';
                }
                echo '								space:' . esc_attr($this->slider->getParam('tabs_space', '5', RevSlider::FORCE_NUMERIC)) . ',' . "\n";
                echo '								h_align:"' . esc_attr($this->slider->getParam('tabs_align_hor', 'left')) . '",' . "\n";
                echo '								v_align:"' . esc_attr($this->slider->getParam('tabs_align_vert', 'center')) . '",' . "\n";
                echo '								h_offset:' . esc_attr($this->slider->getParam('tabs_offset_hor', '20', RevSlider::FORCE_NUMERIC)) . ',' . "\n";
                echo '								v_offset:' . esc_attr($this->slider->getParam('tabs_offset_vert', '0', RevSlider::FORCE_NUMERIC)) . "\n";
                echo '							}' . "\n";
            }
            echo '						},' . "\n";
        } else {
            //maybe write navigation stuff still here
            echo '						navigation: {' . "\n";
            if ($slider_type !== 'hero') {
                echo '							onHoverStop:"' . esc_attr($this->slider->getParam("stop_on_hover", "on")) . '",' . "\n";
            }
            echo '						},' . "\n";
        }
        if ($slider_type == 'carousel') {
            $car_inf = $this->slider->getParam('carousel_infinity', 'off');
            $car_space = $this->slider->getParam('carousel_space', 0, RevSlider::FORCE_NUMERIC);
            $car_stretch = $this->slider->getParam('carousel_stretch', 'off');
            $car_maxitems = $this->slider->getParam('carousel_maxitems', 5, RevSlider::FORCE_NUMERIC);
            $car_fadeout = $this->slider->getParam('carousel_fadeout', 'on');
            $car_varyfade = $this->slider->getParam('carousel_varyfade', 'off');
            $car_hpos = $this->slider->getParam('carousel_hposition', 'center');
            $car_vpos = $this->slider->getParam('carousel_vposition', 'center');
            $carousel_rotation = $this->slider->getParam('carousel_rotation', 'off');
            $car_maxrotation = $this->slider->getParam('carousel_maxrotation', 90, RevSlider::FORCE_NUMERIC);
            $car_varyrotate = $this->slider->getParam('carousel_varyrotate', 'off');
            $carousel_scale = $this->slider->getParam('carousel_scale', 'off');
            $car_varyscale = $this->slider->getParam('carousel_varyscale', 'off');
            $car_scaledown = $this->slider->getParam('carousel_scaledown', 50, RevSlider::FORCE_NUMERIC);
            if ($car_scaledown > 100) {
                $car_scaledown = 100;
            }
            $car_borderr = $this->slider->getParam('carousel_borderr', 0, RevSlider::FORCE_NUMERIC);
            $car_borderr_unit = $this->slider->getParam('carousel_borderr_unit', 'px');
            $car_padding_top = $this->slider->getParam('carousel_padding_top', 0, RevSlider::FORCE_NUMERIC);
            $car_padding_bottom = $this->slider->getParam('carousel_padding_bottom', 0, RevSlider::FORCE_NUMERIC);
            echo '						carousel: {' . "\n";
            if ($car_borderr > 0) {
                echo '							border_radius: "' . esc_attr($car_borderr . $car_borderr_unit) . '",' . "\n";
            }
            if ($car_padding_top > 0) {
                echo '							padding_top: "' . esc_attr($car_padding_top) . '",' . "\n";
            }
            if ($car_padding_bottom > 0) {
                echo '							padding_bottom: "' . esc_attr($car_padding_bottom) . '",' . "\n";
            }
            if ($carousel_rotation == 'on') {
                echo '							maxRotation: ' . esc_attr($car_maxrotation) . ',' . "\n";
                echo '							vary_rotation: "' . esc_attr($car_varyrotate) . '",' . "\n";
            }
            if ($carousel_scale == 'on') {
                echo '							minScale: ' . esc_attr($car_scaledown) . ',' . "\n";
                echo '							vary_scale: "' . esc_attr($car_varyscale) . '",' . "\n";
            }
            echo '							horizontal_align: "' . esc_attr($car_hpos) . '",' . "\n";
            echo '							vertical_align: "' . esc_attr($car_vpos) . '",' . "\n";
            echo '							fadeout: "' . esc_attr($car_fadeout) . '",' . "\n";
            if ($car_fadeout == 'on') {
                echo '							vary_fade: "' . esc_attr($car_varyfade) . '",' . "\n";
            }
            echo '							maxVisibleItems: ' . esc_attr($car_maxitems) . ',' . "\n";
            echo '							infinity: "' . esc_attr($car_inf) . '",' . "\n";
            echo '							space: ' . esc_attr($car_space) . ',' . "\n";
            echo '							stretch: "' . esc_attr($car_stretch) . '"' . "\n";
            echo '						},' . "\n";
        }
        $label_viewport = $this->slider->getParam('label_viewport', 'off');
        $viewport_start = $this->slider->getParam('viewport_start', 'wait');
        $viewport_area = $this->slider->getParam('viewport_area', 80, RevSlider::FORCE_NUMERIC);
        if ($label_viewport === 'on') {
            echo '						viewPort: {' . "\n";
            echo '							enable:true,' . "\n";
            echo '							outof:"' . esc_attr($viewport_start) . '",' . "\n";
            echo '							visible_area:"' . esc_attr($viewport_area) . '%"' . "\n";
            echo '						},' . "\n";
        }
        if (isset($csizes['level']) && !empty($csizes['level'])) {
            echo '						responsiveLevels:[' . $csizes['level'] . '],' . "\n";
            echo '						visibilityLevels:[' . $csizes['level'] . '],' . "\n";
            echo '						gridwidth:[' . $csizes['width'] . '],' . "\n";
            echo '						gridheight:[' . $csizes['height'] . '],' . "\n";
        } else {
            echo '						visibilityLevels:[' . $csizes['visibilitylevel'] . '],' . "\n";
            echo '						gridwidth:' . $csizes['width'] . ',' . "\n";
            echo '						gridheight:' . $csizes['height'] . ',' . "\n";
        }
        $lazyLoad = $this->slider->getParam('lazy_load_type', false);
        if ($lazyLoad === false) {
            //do fallback checks to removed lazy_load value since version 5.0 and replaced with an enhanced version
            $old_ll = $this->slider->getParam('lazy_load', 'off');
            $lazyLoad = $old_ll == 'on' ? 'all' : 'none';
        }
        echo '						lazyType:"' . esc_attr($lazyLoad) . '",' . "\n";
        $minHeight = $this->slider->getParam('slider_type') !== 'fullscreen' ? $this->slider->getParam('min_height', '0') : $this->slider->getParam('fullscreen_min_height', '0');
        if ($minHeight > 0) {
            echo '						minHeight:' . $minHeight . ',' . "\n";
        }
        if ($use_parallax == 'on') {
            echo '						parallax: {' . "\n";
            echo '							type:"' . esc_attr($parallax_type) . '",' . "\n";
            echo '							origo:"' . esc_attr($parallax_origo) . '",' . "\n";
            echo '							speed:' . esc_attr($parallax_speed) . ',' . "\n";
            echo '							levels:[' . esc_attr($parallax_level) . '],' . "\n";
            echo '							type:"' . esc_attr($parallax_type) . '",' . "\n";
            if ($parallax_type == '3D') {
                echo '							ddd_shadow:"' . esc_attr($parallax_ddd_shadow) . '",' . "\n";
                echo '							ddd_bgfreeze:"' . esc_attr($parallax_ddd_bgfreeze) . '",' . "\n";
                echo '							ddd_overflow:"' . esc_attr($parallax_ddd_overflow) . '",' . "\n";
                echo '							ddd_layer_overflow:"' . esc_attr($parallax_ddd_layer_overflow) . '",' . "\n";
                echo '							ddd_z_correction:' . esc_attr($parallax_ddd_zcorrection) . ',' . "\n";
                //echo '							ddd_path:"'. esc_attr($parallax_ddd_path) .'",'."\n";
            }
            if ($disable_parallax_mobile == 'on') {
                echo '							disable_onmobile:"on"' . "\n";
            }
            echo '						},' . "\n";
        }
        if ($use_parallax != 'on' || $use_parallax == 'on' && $parallax_type != '3D') {
            echo '						shadow:' . esc_attr($this->slider->getParam("shadow_type", "2")) . ',' . "\n";
        }
        if ($use_spinner == '-1') {
            echo '						spinner:"off",' . "\n";
        } else {
            echo '						spinner:"spinner' . esc_attr($use_spinner) . '",' . "\n";
        }
        if ($slider_type !== 'hero') {
            echo '						stopLoop:"' . esc_attr($stopSlider) . '",' . "\n";
            echo '						stopAfterLoops:' . esc_attr($stopAfterLoops) . ',' . "\n";
            echo '						stopAtSlide:' . esc_attr($stopAtSlide) . ',' . "\n";
            echo '						shuffle:"' . esc_attr($this->slider->getParam("shuffle", "off")) . '",' . "\n";
        }
        echo '						autoHeight:"' . esc_attr($this->slider->getParam("auto_height", 'off')) . '",' . "\n";
        if ($this->slider->getParam("slider_type") == "fullscreen") {
            echo '						fullScreenAutoWidth:"' . esc_attr($this->slider->getParam("autowidth_force", "off")) . '",' . "\n";
            echo '						fullScreenAlignForce:"' . esc_attr($this->slider->getParam("full_screen_align_force", "off")) . '",' . "\n";
            echo '						fullScreenOffsetContainer: "' . esc_attr($this->slider->getParam("fullscreen_offset_container", "")) . '",' . "\n";
            echo '						fullScreenOffset: "' . esc_attr($this->slider->getParam("fullscreen_offset_size", "")) . '",' . "\n";
        }
        if ($enable_progressbar !== 'on' || $slider_type == 'hero') {
            echo '						disableProgressBar:"on",' . "\n";
        }
        echo '						hideThumbsOnMobile:"' . esc_attr($hideThumbsOnMobile) . '",' . "\n";
        echo '						hideSliderAtLimit:' . esc_attr($hideSliderAtLimit) . ',' . "\n";
        echo '						hideCaptionAtLimit:' . esc_attr($hideCaptionAtLimit) . ',' . "\n";
        echo '						hideAllCaptionAtLilmit:' . esc_attr($hideAllCaptionAtLimit) . ',' . "\n";
        if ($slider_type !== 'hero') {
            $start_with_slide_enable = $this->slider->getParam('start_with_slide_enable', 'off');
            if ($start_with_slide_enable == 'on') {
                echo '						startWithSlide:' . esc_attr($startWithSlide) . ',' . "\n";
            }
        }
        echo '						debugMode:' . $debugmode . ',' . "\n";
        if ($this->slider->getParam('waitforinit', 'off') == 'on') {
            echo '						waitForInit:true,' . "\n";
        }
        echo '						fallbacks: {' . "\n";
        echo '							simplifyAll:"' . esc_attr($this->slider->getParam('simplify_ie8_ios4', 'off')) . '",' . "\n";
        if ($slider_type !== 'hero') {
            echo '							nextSlideOnWindowFocus:"' . esc_attr($this->slider->getParam('next_slide_on_window_focus', 'off')) . '",' . "\n";
        }
        $dfl = $this->slider->getParam('disable_focus_listener', 'off') == 'on' ? 'true' : 'false';
        echo '							disableFocusListener:' . $dfl . ',' . "\n";
        if ($disableKenBurnOnMobile == 'on') {
            echo '						panZoomDisableOnMobile:"on",' . "\n";
        }
        echo '						}' . "\n";
        echo '					});' . "\n";
        if ($this->slider->getParam("custom_javascript", '') !== '') {
            echo stripslashes($this->slider->getParam("custom_javascript", ''));
        }
        echo '				}' . "\n";
        do_action('revslider_fe_javascript_output', $this->slider, $this->sliderHtmlID);
        echo '			});	/*ready*/' . "\n";
        ?>
		</script>
		<?php 
        if ($js_to_footer && $this->previewMode == false && $markup_export == false) {
            $js_content = ob_get_contents();
            ob_clean();
            ob_end_clean();
            $this->rev_inline_js = $js_content;
            add_action('wp_footer', array($this, 'add_inline_js'));
        }
        if ($markup_export === true) {
            echo '<!-- /SCRIPT -->';
        }
        switch ($use_spinner) {
            case '1':
            case '2':
                if (!is_admin()) {
                    ?>
<script>
					var htmlDivCss = ' #<?php 
                    echo $this->sliderHtmlID_wrapper;
                    ?>
 .tp-loader.spinner<?php 
                    echo $use_spinner;
                    ?>
{ background-color: <?php 
                    echo $spinner_color;
                    ?>
 !important; } ';
					var htmlDiv = document.getElementById('rs-plugin-settings-inline-css');
					if(htmlDiv) {
						htmlDiv.innerHTML = htmlDiv.innerHTML + htmlDivCss;
					}
					else{
						var htmlDiv = document.createElement('div');
						htmlDiv.innerHTML = '<style>' + htmlDivCss + '</style>';
						document.getElementsByTagName('head')[0].appendChild(htmlDiv.childNodes[0]);
					}
					</script>
					<?php 
                } else {
                    if ($markup_export === true) {
                        echo '<!-- STYLE -->';
                    }
                    echo '<style type="text/css">	#' . $this->sliderHtmlID_wrapper . ' .tp-loader.spinner' . $use_spinner . '{ background-color: ' . $spinner_color . ' !important; } </style>';
                    if ($markup_export === true) {
                        echo '<!-- /STYLE -->';
                    }
                }
                break;
            case '3':
            case '4':
                if (!is_admin()) {
                    ?>
<script>
					var htmlDivCss = '	#<?php 
                    echo $this->sliderHtmlID_wrapper;
                    ?>
 .tp-loader.spinner<?php 
                    echo $use_spinner;
                    ?>
 div { background-color: <?php 
                    echo $spinner_color;
                    ?>
 !important; } ';
					var htmlDiv = document.getElementById('rs-plugin-settings-inline-css');
					if(htmlDiv) {
						htmlDiv.innerHTML = htmlDiv.innerHTML + htmlDivCss;
					}
					else{
						var htmlDiv = document.createElement('div');
						htmlDiv.innerHTML = '<style>' + htmlDivCss + '</style>';
						document.getElementsByTagName('head')[0].appendChild(htmlDiv.childNodes[0]);
					}
					</script>
					<?php 
                } else {
                    if ($markup_export === true) {
                        echo '<!-- STYLE -->';
                    }
                    echo '<style type="text/css">	#' . $this->sliderHtmlID_wrapper . ' .tp-loader.spinner' . $use_spinner . '{ background-color: ' . $spinner_color . ' !important; } </style>';
                    if ($markup_export === true) {
                        echo '<!-- /STYLE -->';
                    }
                }
                break;
            case '0':
            case '5':
            default:
                break;
        }
        if ($this->slider->getParam("custom_css", '') !== '') {
            if (!is_admin()) {
                ?>
<script>
					var htmlDivCss = unescape("<?php 
                echo RevSliderCssParser::compress_css(rawurlencode(stripslashes($this->slider->getParam('custom_css', ''))));
                ?>
");
					var htmlDiv = document.getElementById('rs-plugin-settings-inline-css');
					if(htmlDiv) {
						htmlDiv.innerHTML = htmlDiv.innerHTML + htmlDivCss;
					}
					else{
						var htmlDiv = document.createElement('div');
						htmlDiv.innerHTML = '<style>' + htmlDivCss + '</style>';
						document.getElementsByTagName('head')[0].appendChild(htmlDiv.childNodes[0]);
					}
				  </script><?php 
            } else {
                if ($markup_export === true) {
                    echo '<!-- STYLE -->';
                }
                ?>
<style type="text/css"><?php 
                echo RevSliderCssParser::compress_css(stripslashes($this->slider->getParam('custom_css', '')));
                ?>
</style><?php 
                if ($markup_export === true) {
                    echo '<!-- /STYLE -->';
                }
            }
        }
        //add custom Slide CSS here
        if (trim($nav_css) !== '') {
            if (!is_admin()) {
                ?>
<script>
					var htmlDivCss = unescape("<?php 
                echo RevSliderCssParser::compress_css(rawurlencode($nav_css));
                ?>
");
					var htmlDiv = document.getElementById('rs-plugin-settings-inline-css');
					if(htmlDiv) {
						htmlDiv.innerHTML = htmlDiv.innerHTML + htmlDivCss;
					}
					else{
						var htmlDiv = document.createElement('div');
						htmlDiv.innerHTML = '<style>' + htmlDivCss + '</style>';
						document.getElementsByTagName('head')[0].appendChild(htmlDiv.childNodes[0]);
					}
				  </script>
				<?php 
            } else {
                if ($markup_export === true) {
                    echo '<!-- STYLE -->';
                }
                ?>
				<style type="text/css"><?php 
                echo RevSliderCssParser::compress_css($nav_css);
                ?>
</style>
				<?php 
                if ($markup_export === true) {
                    echo '<!-- /STYLE -->';
                }
            }
        }
        if (!$markup_export) {
            //not needed for html markup export
            add_action('wp_footer', array($this, 'add_inline_double_jquery_error'));
        }
    }