asda2432es

✏️ Editing: slider-main-options.php

<?php
/**
 * @author    ThemePunch <info@themepunch.com>
 * @link      http://www.themepunch.com/
 * @copyright 2015 ThemePunch
 */

if (!defined('ABSPATH')) {
	exit();
}

$operations = new RevSliderOperations();
$rs_nav = new RevSliderNavigation();

$arrValues = $operations->getGeneralSettingsValues();
$arr_navigations = $rs_nav->get_all_navigations();

$transitions = $operations->getArrTransition();

$_width = (isset($arrValues['width'])) ? $arrValues['width'] : 1240;
$_width_notebook = (isset($arrValues['width_notebook'])) ? $arrValues['width_notebook'] : 1024;
$_width_tablet = (isset($arrValues['width_tablet'])) ? $arrValues['width_tablet'] : 778;
$_width_mobile = (isset($arrValues['width_mobile'])) ? $arrValues['width_mobile'] : 480;

if(!isset($is_edit)) $is_edit = false;
if(!isset($linksEditSlides)) $linksEditSlides = '';
?>

<div class="title_line" style="margin-bottom:0px !important">
		<?php 
			$icon_general = '<div class="icon32" id="icon-options-general"></div>';
			echo apply_filters( 'rev_icon_general_filter', $icon_general ); 
		?>
		<div class="view_title"><?php echo ($is_edit) ? __("Edit Slider", 'revslider') : __("New Slider", 'revslider'); ?></div>
		<a href="<?php echo RevSliderGlobals::LINK_HELP_SLIDER;?>" class="button-secondary float_right mtop_10 mleft_10" target="_blank"><?php _e("Help", 'revslider'); ?></a>
		<div class="tp-clearfix"></div>
	</div>

<div class="rs_breadcrumbs">
		<div class="rs-breadcrumbs-wrapper">
			<a class='breadcrumb-button' href='<?php echo self::getViewUrl("sliders"); ?>'><i class="eg-icon-th-large"></i><?php _e("All Sliders", 'revslider'); ?></a>
			<a class='breadcrumb-button selected' href="#"><i class="eg-icon-cog"></i><?php _e('Slider Settings', 'revslider');?></a>
			<a class='breadcrumb-button' href="<?php echo $linksEditSlides; ?>"><i class="eg-icon-pencil-2"></i><?php _e('Slide Editor', 'revslider'); ?></a>
			<div class="tp-clearfix"></div>
		</div>
		<div class="tp-clearfix"></div>
		<div class="rs-mini-toolbar">
			<div class="rs-mini-toolbar-button rs-toolbar-savebtn">
				<a class='button-primary revgreen' href='javascript:void(0)' id="button_save_slider_t" ><i class="rs-icon-save-light" style="display: inline-block;vertical-align: middle;width: 18px;height: 20px;background-repeat: no-repeat;margin-right:10px;margin-left:2px;"></i><span class="mini-toolbar-text"><?php _e("Save Settings", 'revslider');?></span></a>
				<span id="loader_update_t" class="loader_round" style="display:none;background-color:#27AE60 !important; color:#fff;padding: 5px 5px 6px 25px;margin-right: 5px;"><?php _e("updating...", 'revslider');?> </span>
				<span id="update_slider_success_t" class="success_message"></span>
			</div>
			
			<?php
		if (isset($linksEditSlides)) {
			?>
			<div class="rs-mini-toolbar-button rs-toolbar-slides">
				<a class="button-primary revblue" href="<?php echo $linksEditSlides;?>"  id="link_edit_slides_t"><i class="revicon-pencil-1"></i><span class="mini-toolbar-text"><?php _e("Edit Slides", 'revslider');?></span></a>
			</div>
				<?php
		}
		?>
			<div class="rs-mini-toolbar-button  rs-toolbar-preview">
				<a class="button-primary revgray" href="javascript:void(0)"  id="button_preview_slider_t" ><i class="revicon-search-1"></i><span class="mini-toolbar-text"><?php _e("Preview", 'revslider');?></span></a>
			</div>
			<div class="rs-mini-toolbar-button  rs-toolbar-delete">
				<a class='button-primary revred' id="button_delete_slider_t"  href='javascript:void(0)' ><i class="revicon-trash"></i><span class="mini-toolbar-text"><?php _e("Delete Slider", 'revslider');?></span></a>
			</div>
			<div class="rs-mini-toolbar-button  rs-toolbar-close">
				<a class='button-primary revyellow' id="button_close_slider_edit_t" href='<?php echo self::getViewUrl("sliders");?>'><i class="eg-icon-th-large"></i><span class="mini-toolbar-text"><?php _e("All Sliders", 'revslider');?></span></a>
			</div>
		</div>
	</div>
	<script>
		jQuery(document).ready(function() {			
			jQuery('.rs-mini-toolbar-button').hover(function() {				
				var btn=jQuery(this),
					txt = btn.find('.mini-toolbar-text');
				punchgs.TweenLite.to(txt,0.2,{width:"100px",ease:punchgs.Linear.easeNone,overwrite:"all"});
				punchgs.TweenLite.to(txt,0.1,{autoAlpha:1,ease:punchgs.Linear.easeNone,delay:0.1,overwrite:"opacity"});
			}, function() {
				var btn=jQuery(this),
					txt = btn.find('.mini-toolbar-text');
				punchgs.TweenLite.to(txt,0.2,{autoAlpha:0,width:"0px",ease:punchgs.Linear.easeNone,overwrite:"all"});				
			});
			var mtb = jQuery('.rs-mini-toolbar'),
				mtbo = mtb.offset().top;
			jQuery(document).on("scroll",function() {
				
				if (mtbo-jQuery(window).scrollTop()<35) 
					mtb.addClass("sticky");
				else
					mtb.removeClass("sticky");
				
			});
			jQuery(document).on('keydown', function(event) {
				 if (event.ctrlKey || event.metaKey) {
			        switch (String.fromCharCode(event.which).toLowerCase()) {
			        	case 's':
			            	event.preventDefault();
			            	jQuery('#button_save_slider_t').click();
			            break;
			         }
			    }
			});
		});
	</script>

<?php 
		$settings_wrapper_class = '';
		$settings_wrapper_class = apply_filters( 'rev_main_options_settings_wrapper_class_filter', $settings_wrapper_class );
	?>
	<div class="settings_panel">
		<div class="settings_panel_left settings_wrapper<?php echo $settings_wrapper_class;?>">
			<form name="form_slider_main" id="form_slider_main" onkeypress="return event.keyCode != 13;">
				
				<input type="hidden" name="hero_active" value="<?php echo RevSliderFunctions::getVal($arrFieldsParams, 'hero_active', -1); ?>" />
				
				<?php echo apply_filters( 'rev_main_options_pre_content_source_filter' , ''); ?>
				
				<div id="content_source_sb" class="setting_box">
					<?php $headline = '<h3><span class="setting-step-number">1</span><span>'.__("Content Source", 'revslider').'</span></h3>';
						  echo apply_filters( 'rev_main_options_headline_content_source_filter', $headline );
					?>
					<div class="inside" style="padding:0px;">
						<div class="source-selector-wrapper">
							<?php $source_type = RevSliderFunctions::getVal($arrFieldsParams, 'source_type', 'gallery');?>
							<span class="rs-source-selector selected">
								<span class="rs-source-image rssi-default"></span>
								<input type="radio" id="source_type_3" value="gallery" name="source_type" <?php checked($source_type, 'gallery');?> />
								<span class="rs-source-label"><?php _e('Default Slider', 'revslider');?></span>
							</span>
							<span class="rs-source-selector">
								<span class="rs-source-image rssi-post"></span>
								<input type="radio" id="source_type_1" value="posts" name="source_type" <?php checked($source_type, 'posts');?> />
								<span class="rs-source-label"><?php _e('Post-Based Slider', 'revslider');?></span>
							</span>
							<span class="rs-source-selector">
								<span class="rs-source-image rssi-post"></span>
								<input type="radio" id="source_type_2" value="specific_posts" name="source_type" <?php checked($source_type, 'specific_posts');?> />
								<span class="rs-source-label"><?php _e('Specific Posts', 'revslider');?></span>
							</span>
							<span class="rs-source-selector">
								<span class="rs-source-image rssi-post"></span>
								<input type="radio" id="source_type_10" value="current_post" name="source_type" <?php checked($source_type, 'current_post');?> />
								<span class="rs-source-label"><?php _e('Current Post/Page', 'revslider');?></span>
							</span>
							<span class="rs-source-selector">
								<span class="rs-source-image rssi-flickr"></span>
								<input type="radio" id="source_type_3" value="flickr" name="source_type" <?php checked($source_type, 'flickr');?> />
								<span class="rs-source-label"><?php _e('Flickr Stream', 'revslider');?></span>
							</span>
							<span class="rs-source-selector">
								<span class="rs-source-image rssi-instagram"></span>
								<input type="radio" id="source_type_4" value="instagram" name="source_type" <?php checked($source_type, 'instagram');?> />
								<span class="rs-source-label"><?php _e('Instagram Stream', 'revslider');?></span>
							</span>
							<span class="rs-source-selector">
								<span class="rs-source-image rssi-woo"></span>
								<input type="radio" id="source_type_5" value="woocommerce" name="source_type" <?php checked($source_type, 'woocommerce');?> />
								<span class="rs-source-label"><?php _e('Woo Commerce Slider', 'revslider');?></span>
							</span>
							<span class="rs-source-selector">
								<span class="rs-source-image rssi-twitter"></span>
								<input type="radio" id="source_type_6" value="twitter" name="source_type" <?php checked($source_type, 'twitter');?> />
								<span class="rs-source-label"><?php _e('Twitter Stream', 'revslider');?></span>
							</span>
							<span class="rs-source-selector">
								<span class="rs-source-image rssi-facebook"></span>
								<input type="radio" id="source_type_7" value="facebook" name="source_type" <?php checked($source_type, 'facebook');?> />
								<span class="rs-source-label"><?php _e('Facebook Stream', 'revslider');?></span>
							</span>
							<span class="rs-source-selector">
								<span class="rs-source-image rssi-youtube"></span>
								<input type="radio" id="source_type_8" value="youtube" name="source_type" <?php checked($source_type, 'youtube');?> />
								<span class="rs-source-label"><?php _e('YouTube Stream', 'revslider');?></span>
							</span>
							<span class="rs-source-selector">
								<span class="rs-source-image rssi-vimeo"></span>
								<input type="radio" id="source_type_9" value="vimeo" name="source_type" <?php checked($source_type, 'vimeo');?> />
								<span class="rs-source-label"><?php _e('Vimeo Stream', 'revslider');?></span>
							</span>
							<span class="tp-clearfix"></span>
						</div>

<div id="rs-flickr-settings-wrapper" class="rs-settings-wrapper">
						<div style="width:50%;display:block;float:left;">
							<span class="rev-new-label"><?php _e('Slides (max 500)', 'revslider');?></span>
							<input type="text" value="<?php echo RevSliderFunctions::getVal($arrFieldsParams, 'flickr-count', '');?>" name="flickr-count" title="<?php _e('Display this number of photos', 'revslider');?>">
							<p>
								<span class="rev-new-label"><?php _e('Cache (sec)', 'revslider');?></span>
								<input type="text" value="<?php echo RevSliderFunctions::getVal($arrFieldsParams, 'flickr-transient', '1200');?>" name="flickr-transient" title="<?php _e('Cache results for x seconds', 'revslider');?>">
							</p>
							<p>
								<span class="rev-new-label"><?php _e('Flickr API Key', 'revslider');?></span>
								<input type="text" value="<?php echo RevSliderFunctions::getVal($arrFieldsParams, 'flickr-api-key', '');?>" name="flickr-api-key" title="<?php _e('Put in your Flickr API Key', 'revslider');?>">
							</p>
							<span class="description"><?php _e('Read <a target="_blank" href="http://weblizar.com/get-flickr-api-key/">here</a> how to receive your Flickr API key', 'revslider');?></span>
						</div>
						<div style="width:50%;display:block;float:left;">
							<span class="rev-new-label"><?php _e('Source', 'revslider');?></span>
							<select name="flickr-type">
								<option value="publicphotos" title="<?php _e('Display a user\'s public photos', 'revslider');?>" <?php selected(RevSliderFunctions::getVal($arrFieldsParams, 'flickr-type', 'publicphotos'), 'publicphotos');?>> <?php _e('User Public Photos', 'revslider');?></option>
								<option value="photosets" title="<?php _e('Display a certain photoset from a user', 'revslider');?>"<?php selected(RevSliderFunctions::getVal($arrFieldsParams, 'flickr-type', 'publicphotos'), 'photosets');?>> <?php _e('User Photoset', 'revslider');?></option>
								<option value="gallery" title="<?php _e('Display a gallery', 'revslider');?>"<?php selected(RevSliderFunctions::getVal($arrFieldsParams, 'flickr-type', 'publicphotos'), 'gallery');?>> <?php _e('Gallery', 'revslider');?></option>
								<option value="group" title="<?php _e('Display a group\'s photos', 'revslider');?>"<?php selected(RevSliderFunctions::getVal($arrFieldsParams, 'flickr-type', 'publicphotos'), 'group');?>> <?php _e('Groups\' Photos', 'revslider');?></option>
							</select>
							<div id="flickr-publicphotos-url-wrap">
								<p>
									<span class="rev-new-label"><?php _e('Flickr User Url', 'revslider');?></span>
									<input type="text" value="<?php echo RevSliderFunctions::getVal($arrFieldsParams, 'flickr-user-url');?>" name="flickr-user-url" title="<?php _e('Put in the URL of the flickr User', 'revslider');?>">
								</p>
							</div>
							<div id="flickr-photosets-wrap">
									<p>
										<span class="rev-new-label"><?php _e('Select Photoset', 'revslider');?></span>
										<input type="hidden" name="flickr-photoset" value="<?php echo RevSliderFunctions::getVal($arrFieldsParams, 'flickr-photoset', '');?>">
										<select name="flickr-photoset-select" title="<?php _e('Select the photoset to pull the data from ', 'revslider');?>">
										</select>
									</p>
							</div>
							<div id="flickr-gallery-url-wrap">
								<p>
									<span class="rev-new-label"><?php _e('Flickr Gallery Url', 'revslider');?></span>
									<input type="text" value="<?php echo RevSliderFunctions::getVal($arrFieldsParams, 'flickr-gallery-url');?>" name="flickr-gallery-url" title="<?php _e('Put in the URL of the flickr Gallery', 'revslider');?>">
								</p>
							</div>
							<div id="flickr-group-url-wrap">
								<p>
									<span class="rev-new-label"><?php _e('Flickr Group Url', 'revslider');?></span>
									<input type="text" value="<?php echo RevSliderFunctions::getVal($arrFieldsParams, 'flickr-group-url');?>" name="flickr-group-url" title="<?php _e('Put in the URL of the flickr Group', 'revslider');?>">
								</p>
							</div>
						</div>
					</div>

<div id="rs-facebook-settings-wrapper" class="rs-settings-wrapper">
						<div style="width:50%;display:block;float:left;">
							<span class="rev-new-label"><?php _e('Slides (max 25)', 'revslider');?></span>
							<input type="text" value="<?php echo RevSliderFunctions::getVal($arrFieldsParams, 'facebook-count', '');?>" name="facebook-count" title="<?php _e('Display this number of posts', 'revslider');?>">
							<p>
								<span class="rev-new-label"><?php _e('Cache (sec)', 'revslider');?></span>
								<input type="text" value="<?php echo RevSliderFunctions::getVal($arrFieldsParams, 'facebook-transient', '1200');?>" name="facebook-transient"  title="<?php _e('Cache the stream for x seconds', 'revslider');?>">
							</p>
							<p>
								<?php $facebook_page_url = RevSliderFunctions::getVal($arrFieldsParams, 'facebook-page-url', '');?>
								<span class="rev-new-label"><?php _e('Facebook Page', 'revslider');?></span>
								<input type="text" value="<?php echo $facebook_page_url;?>" name="facebook-page-url" id="facebook-page-url" title="<?php _e('Put in the URL/ID of the Facebook page', 'revslider');?>">
							</p>
						</div>
						<div style="width:50%;display:block;float:left;">
							<span class="rev-new-label"><?php _e('Source', 'revslider');?></span>
								<select  name="facebook-type-source">
									<option value="album" <?php selected(RevSliderFunctions::getVal($arrFieldsParams, 'facebook-type-source', 'album'), 'album');?>><?php _e('Album', 'revslider');?></option>
									<option value="timeline" <?php selected(RevSliderFunctions::getVal($arrFieldsParams, 'facebook-type-source', 'album'), 'timeline');?>><?php _e('Timeline', 'revslider');?></option>
								</select>
								<div id="facebook-album-wrap">
									<p>
										<?php $facebook_album = RevSliderFunctions::getVal($arrFieldsParams, 'facebook-album', '');?>
										<span class="rev-new-label"><?php _e('Select Album', 'revslider');?></span>
										<input type="hidden" name="facebook-album" value="<?php echo $facebook_album;?>">
										<select name="facebook-album-select" class="eg-tooltip-wrap" title="<?php _e('Select the album to pull the data from ', 'revslider');?>">
										</select>
									</p>
								</div>
								<p>
									<span class="rev-new-label"><?php _e('App ID', 'revslider');?></span>
									<input type="text" value="<?php echo RevSliderFunctions::getVal($arrFieldsParams, 'facebook-app-id', '')?>" name="facebook-app-id" class="eg-tooltip-wrap" title="<?php _e('Put in the Facebook App ID', 'revslider');?>">
								</p>
								<p>
									<span class="rev-new-label"><?php _e('App Secret', 'revslider');?></span>
									<input type="text" value="<?php echo RevSliderFunctions::getVal($arrFieldsParams, 'facebook-app-secret', '')?>" name="facebook-app-secret" class="eg-tooltip-wrap" title="<?php _e('Put in the Facebook App secret', 'revslider');?>">
								</p>
								<span class="description"><?php _e('Please <a target="_blank" href="https://developers.facebook.com/docs/apps/register">register</a> your Website app with Facebook to get the values', 'revslider');?></span>
						</div>
					</div>

<div id="rs-twitter-settings-wrapper" class="rs-settings-wrapper">
						<div style="width:50%;display:block;float:left;">
							<span class="rev-new-label"><?php _e('Slides (max 500)', 'revslider');?></span>
							<input type="text" value="<?php echo RevSliderFunctions::getVal($arrFieldsParams, 'twitter-count', '');?>" name="twitter-count" title="<?php _e('Display this number of tweets', 'revslider');?>">
							<p>
								<span class="rev-new-label"><?php _e('Cache (sec)', 'revslider');?></span>
								<input type="text" value="<?php echo RevSliderFunctions::getVal($arrFieldsParams, 'twitter-transient', '1200');?>" name="twitter-transient"  title="<?php _e('Cache the stream for x seconds', 'revslider');?>">
							</p>
							<p>
								<span class="rev-new-label"><?php _e('Twitter Name @', 'revslider');?></span>
								<input type="text" value="<?php echo RevSliderFunctions::getVal($arrFieldsParams, 'twitter-user-id', '');?>" name="twitter-user-id"  title="<?php _e('Put in the Twitter Account to stream from', 'revslider');?>">
							</p>
							<p>
								<span class="rev-new-label"><?php _e('Text Tweets', 'revslider');?></span>
								<input type="checkbox" class="tp-moderncheckbox withlabel" id="twitter-image-only" name="twitter-image-only" data-unchecked="off" <?php checked(RevSliderFunctions::getVal($arrFieldsParams, 'twitter-image-only', 'off'), 'on');?> >
							</p>
							<p>
								<span class="rev-new-label"><?php _e('Retweets', 'revslider');?></span>
								<input type="checkbox" class="tp-moderncheckbox withlabel" id="twitter-include-retweets" name="twitter-include-retweets" data-unchecked="off" <?php checked(RevSliderFunctions::getVal($arrFieldsParams, 'twitter-include-retweets', 'off'), 'on');?> >
							</p>
							<p>
								<span class="rev-new-label"><?php _e('Replies', 'revslider');?></span>
									<input type="checkbox" class="tp-moderncheckbox withlabel" id="twitter-exclude-replies" name="twitter-exclude-replies" data-unchecked="off" <?php checked(RevSliderFunctions::getVal($arrFieldsParams, 'twitter-exclude-replies', 'off'), 'on');?> >
							</p>
						</div>
						<div style="width:50%;display:block;float:left;">
							<span class="rev-new-label"><?php _e('Consumer Key', 'revslider');?></span>
							<input type="text" value="<?php echo RevSliderFunctions::getVal($arrFieldsParams, 'twitter-consumer-key', '');?>" name="twitter-consumer-key" title="<?php _e('Put in your Twitter Consumer Key', 'revslider');?>">
							<p>
								<span class="rev-new-label"><?php _e('Consumer Secret', 'revslider');?></span>
								<input type="text" value="<?php echo RevSliderFunctions::getVal($arrFieldsParams, 'twitter-consumer-secret', '');?>" name="twitter-consumer-secret" title="<?php _e('Put in your Twitter Consumer Secret', 'revslider');?>">
							</p>
							<p>
								<span class="rev-new-label"><?php _e('Access Token', 'revslider');?></span>
								<input type="text" value="<?php echo RevSliderFunctions::getVal($arrFieldsParams, 'twitter-access-token', '');?>" name="twitter-access-token" title="<?php _e('Put in your Twitter Access Token', 'revslider');?>">
							</p>
							<p>
								<span class="rev-new-label"><?php _e('Access Secret', 'revslider');?></span>
								<input type="text" value="<?php echo RevSliderFunctions::getVal($arrFieldsParams, 'twitter-access-secret', '');?>" name="twitter-access-secret" title="<?php _e('Put in your Twitter Access Secret', 'revslider');?>">
							</p>
							<span class="description"><?php _e('Please <a target="_blank" href="https://dev.twitter.com/apps">register</a> your application with Twitter to get the values', 'revslider');?></span>
						</div>
					</div>

<div id="rs-youtube-settings-wrapper" class="rs-settings-wrapper">
						<div class="rs-notice-wrap stream-notice"><?php _e('The “YouTube Stream” content source is used to display a full stream of videos from a channel/playlist.<br> If you want to display a single youtube video, please select the content source “Default Slider” and add a video layer in the slide editor.', 'revslider'); ?></div>
						<div style="width:50%;display:block;float:left;">
							<span class="rev-new-label"><?php _e('Slides (max 50)', 'revslider');?></span>
							<input type="text" value="<?php echo RevSliderFunctions::getVal($arrFieldsParams, 'youtube-count', '');?>" name="youtube-count" title="<?php _e('Display this number of videos', 'revslider');?>">
							<p>
								<span class="rev-new-label"><?php _e('Cache (sec)', 'revslider');?></span>
								<input type="text" value="<?php echo RevSliderFunctions::getVal($arrFieldsParams, 'youtube-transient', '1200');?>" name="youtube-transient" title="<?php _e('Cache results for x seconds', 'revslider');?>">
							</p>
							<p>
								<span class="rev-new-label"><?php _e('Youtube API Key', 'revslider');?></span>
								<input type="text" value="<?php echo RevSliderFunctions::getVal($arrFieldsParams, 'youtube-api', '');?>" name="youtube-api" title="<?php _e('Put in your YouTube API Key', 'revslider');?>">
							</p>
							
							<span class="description"><?php _e('Find information about the YouTube API key <a target="_blank" href="https://developers.google.com/youtube/v3/getting-started#before-you-start">here</a>','revslider');?></span>
						</div>
						<div style="width:50%;display:block;float:left;">
							<span class="rev-new-label"><?php _e('Channel ID', 'revslider');?></span>
							<input type="text" value="<?php echo RevSliderFunctions::getVal($arrFieldsParams, 'youtube-channel-id', '');?>" name="youtube-channel-id" title="<?php _e('Put in the ID of the YouTube channel', 'revslider');?>">
							<p>
								<span class="rev-new-label"><?php _e('Source', 'revslider'); ?></span>
								<select name="youtube-type-source">
									<option value="channel" title="<?php _e('Display the channel´s videos', 'revslider'); ?>" <?php selected(RevSliderFunctions::getVal($arrFieldsParams, 'youtube-type-source', 'channel'), 'channel'); ?> > <?php _e('Channel', 'revslider'); ?> </option>
									<option value="playlist" title="<?php _e('Display a playlist', 'revslider'); ?>" <?php selected(RevSliderFunctions::getVal($arrFieldsParams, 'youtube-type-source', 'channel'), 'playlist'); ?> > <?php _e('Playlist', 'revslider'); ?>	</option>
								</select>
							</p>
							<div id="youtube-playlist-wrap">
								<p>
									<span class="rev-new-label"><?php _e('Select Playlist', 'revslider'); ?></span>
									<input type="hidden" name="youtube-playlist" value="<?php echo RevSliderFunctions::getVal($arrFieldsParams,'youtube-playlist', '') ?>">
									<select name="youtube-playlist-select">
									</select>
								</p>
							</div>
							<span class="description"><?php _e('See how to find the Youtube channel ID <a target="_blank" href="https://support.google.com/youtube/answer/3250431?hl=en">here</a>', 'revslider');?></span>
						</div>
					</div>

<div id="rs-vimeo-settings-wrapper" class="rs-settings-wrapper">
						<div class="rs-notice-wrap stream-notice"><?php _e('The “Vimeo Stream” content source is used to display a full stream of videos from a user/album/group/channel.<br> If you want to display a single vimeo video, please select the content source “Default Slider” and add a video layer in the slide editor.', 'revslider'); ?></div>
						<div style="width:50%;display:block;float:left;">
							<span class="rev-new-label"><?php _e('Slides (max 60)', 'revslider');?></span>
							<input type="text" value="<?php echo RevSliderFunctions::getVal($arrFieldsParams, 'vimeo-count', '');?>" name="vimeo-count" title="<?php _e('Display this number of videos', 'revslider');?>">
							<p>
								<span class="rev-new-label"><?php _e('Cache (sec)', 'revslider');?></span>
								<input type="text" value="<?php echo RevSliderFunctions::getVal($arrFieldsParams, 'vimeo-transient', '1200');?>" name="vimeo-transient" title="<?php _e('Cache results for x seconds', 'revslider');?>">
							</p>
						</div>
						<div style="width:50%;display:block;float:left;">
							<span class="rev-new-label"><?php _e('Source', 'revslider');?></span>
							<select name="vimeo-type-source">
								<option name="vimeo-type-source" value="user" title="<?php _e('Display the user\'s videos', 'revslider'); ?>" <?php selected(RevSliderFunctions::getVal($arrFieldsParams, 'vimeo-type-source', 'user'), 'user'); ?> > <?php _e('User', 'revslider'); ?></option>
								<option name="vimeo-type-source" value="album" title="<?php _e('Display an album', 'revslider'); ?>" <?php selected(RevSliderFunctions::getVal($arrFieldsParams, 'vimeo-type-source', 'user'), 'album'); ?> > <?php _e('Album', 'revslider'); ?></option>
								<option name="vimeo-type-source" value="group" title="<?php _e('Display a group\'s videos', 'revslider'); ?>" <?php selected(RevSliderFunctions::getVal($arrFieldsParams, 'vimeo-type-source', 'user'), 'group'); ?> > <?php _e('Group', 'revslider'); ?>	</option>
								<option name="vimeo-type-source" value="channel" title="<?php _e('Display a channel\'s videos', 'revslider'); ?>" <?php selected(RevSliderFunctions::getVal($arrFieldsParams, 'vimeo-type-source', 'user'), 'channel'); ?> > <?php _e('Channel', 'revslider'); ?>	</option>
							</select>
							<p>
								<div id="vimeo-user-wrap" class="source-vimeo">
									<span class="rev-new-label"><?php _e('User', 'revslider'); ?></span>
									<input type="text" value="<?php echo RevSliderFunctions::getVal($arrFieldsParams, 'vimeo-username', ''); ?>" name="vimeo-username" title="<?php _e('Either the shortcut URL or ID of the user', 'revslider'); ?>">
								</div>
								<div id="vimeo-group-wrap" class="source-vimeo">
									<span class="rev-new-label"><?php _e('Group', 'revslider'); ?></span>
									<input type="text" value="<?php echo RevSliderFunctions::getVal($arrFieldsParams, 'vimeo-groupname', ''); ?>" name="vimeo-groupname" title="<?php _e('Either the shortcut URL or ID of the group', 'revslider'); ?>">
								</div>
								<div id="vimeo-album-wrap" class="source-vimeo">
									<span class="rev-new-label"><?php _e('Album ID', 'revslider'); ?></span>
									<input type="text" value="<?php echo RevSliderFunctions::getVal($arrFieldsParams, 'vimeo-albumid', ''); ?>" name="vimeo-albumid" title="<?php _e('The ID of the album', 'revslider'); ?>">
								</div>
								<div id="vimeo-channel-wrap" class="source-vimeo">
									<span class="rev-new-label"><?php _e('Channel', 'revslider'); ?></span>
									<input type="text" value="<?php echo RevSliderFunctions::getVal($arrFieldsParams, 'vimeo-channelname', ''); ?>" name="vimeo-channelname" title="<?php _e('Either the shortcut URL of the channel', 'revslider'); ?>">
								</div>
							</p>
						</div>
					</div>
					
					
					<div id="rs-post-settings-wrapper" class="rs-settings-wrapper">
				  		<div style="width:50%;display:block;float:left;">
							<div class="rs-woocommerce-product-wrap" style="display: none;">
								<span class="rev-new-label"><?php _e('Post Types:', 'revslider');?></span>
								<?php
								$post_type = RevSliderWooCommerce::getCustomPostTypes();
								$sel_post_types = RevSliderFunctions::getVal($arrFieldsParams, 'product_types', 'product');
								$sel_post_types = explode(',', $sel_post_types);
								if (empty($sel_post_types)) {
									$sel_post_types = array('post');
								}
								//default
								?>
								<select id="product_types" name="product_types" multiple size='2' style="width:181px; vertical-align: top; height:50px">
									<?php
									if (!empty($post_type)) {
										foreach ($post_type as $post_handle => $post_name) {
											$sel = (in_array($post_handle, $sel_post_types)) ? ' selected="selected"' : '';
											echo '<option value="' . $post_handle . '"' . $sel . '>' . $post_name . '</option>';
										}
									}
									?>
								</select>
								<?php
								$sel_product_category = RevSliderFunctions::getVal($arrFieldsParams, 'product_category', '');
								$sel_product_category = explode(',', $sel_product_category);

?>
								<span class="tp-clearfix"></span>
								<span class="rev-new-label"><?php _e('Product Categories:', 'revslider');?></span>
								<select id="product_category" name="product_category" multiple size='7' style="width:181px; vertical-align: top;">
									<?php
									if (!empty($postTypesWithCats)) {
										foreach ($postTypesWithCats as $post_type => $post_array) {
											if (!empty($post_array)) {
												foreach ($post_array as $cat_handle => $cat_name) {
													$sel = (in_array($cat_handle, $sel_product_category)) ? ' selected="selected"' : '';
													$dis = (strpos($cat_handle, 'option_disabled') !== false) ? ' disabled="disabled"' : '';
													echo '<option value="' . $cat_handle . '"' . $dis . $sel . '>' . $cat_name . '</option>';
												}
											}
										}
									}
									?>
								</select>
							</div>
							<div class="rs-specific-posts-wrap">
								<span class="rev-new-label"><?php _e('Specific Posts List:', 'revslider');?></span><input type="text" class='regular-text' placeholder="<?php _e('coma separated | ex: 23,24,25', 'revslider'); ?>" id="posts_list" name="posts_list" value="<?php echo RevSliderFunctions::getVal($arrFieldsParams, 'posts_list', '');?>" style="width:255px" />
								<span class="tp-clearfix"></span>
								<?php
								$pop_posts = $uslider->getPostsFromPopular(15);
								$rec_posts = $uslider->getPostsFromRecent(15);
								$recent = array();
								$popular = array();
								if(!empty($pop_posts)){
									foreach($pop_posts as $p_post){
										$popular[] = $p_post['ID'];
									}
								}
								if(!empty($rec_posts)){
									foreach($rec_posts as $r_post){
										$recent[] = $r_post['ID'];
									}
								}
								?>
								<span class="rev-new-label"></span><a class="button-primary revblue" id="rev-fetch-popular-posts" style="width: 200px;" href="javascript:jQuery('#posts_list').val(jQuery('#posts_list').val()+'<?php echo implode(',', $popular); ?>');void(0);"><i class="eg-icon-plus-circled" style="margin-right:10px"></i><?php _e('Add Popular Posts', 'revslider'); ?></a>
								<span class="tp-clearfix"></span>
								<span class="rev-new-label"></span><a class="button-primary revblue" id="rev-fetch-recent-posts" style="width: 200px;" href="javascript:jQuery('#posts_list').val(jQuery('#posts_list').val()+'<?php echo implode(',', $recent); ?>');void(0);"><i class="eg-icon-plus-circled" style="margin-right:10px"></i><?php _e('Add Recent Posts', 'revslider'); ?></a>
							</div>
							<div class="rs-post-types-wrapper">
								<?php $fetch_type = RevSliderFunctions::getVal($arrFieldsParams, 'fetch_type', 'cat_tag'); ?>
								<span class="rev-new-label"><?php _e('Fetch Posts By:', 'revslider');?></span>
								<select id="fetch_type" name="fetch_type" style="width:181px; vertical-align: top; height:50px">
									<option value="cat_tag" <?php selected($fetch_type, 'cat_tag'); ?>><?php _e('Categories & Tags', 'revslider'); ?></option>
									<option value="related" <?php selected($fetch_type, 'related'); ?>><?php _e('Related', 'revslider'); ?></option>
									<option value="popular" <?php selected($fetch_type, 'popular'); ?>><?php _e('Popular', 'revslider'); ?></option>
									<option value="recent" <?php selected($fetch_type, 'recent'); ?>><?php _e('Recent', 'revslider'); ?></option>
									<option value="next_prev" <?php selected($fetch_type, 'next_prev'); ?>><?php _e('Next / Previous', 'revslider'); ?></option>
								</select>
								
								<span class="tp-clearfix"></span>
								<div class="rs-post-type-wrap">
									<span class="rev-new-label"><?php _e('Post Types:', 'revslider');?></span>
									<?php
									$post_type = RevSliderFunctionsWP::getPostTypesAssoc();
									$sel_post_types = RevSliderFunctions::getVal($arrFieldsParams, 'post_types', 'post');
									$sel_post_types = explode(',', $sel_post_types);
									if (empty($sel_post_types)) {
										$sel_post_types = array('post');
									}
									//default
									?>
									<select id="post_types" name="post_types" multiple size='7' style="width:181px; vertical-align: top; height:100px">
										<?php
										if (!empty($post_type)) {
											foreach ($post_type as $post_handle => $post_name) {
												$sel = (in_array($post_handle, $sel_post_types)) ? ' selected="selected"' : '';
												echo '<option value="' . $post_handle . '"' . $sel . '>' . $post_name . '</option>';
											}
										}
										?>
									</select>
									<?php
									$sel_post_cagetory = RevSliderFunctions::getVal($arrFieldsParams, 'post_category', '');
									$sel_post_cagetory = explode(',', $sel_post_cagetory);

?>
									<span class="tp-clearfix"></span>
									<span class="rev-new-label"><?php _e('Post Categories:', 'revslider');?></span>
									<select id="post_category" name="post_category" multiple size='7' style="width:181px; vertical-align: top;">
										<?php
										if (!empty($postTypesWithCats)) {
											foreach ($postTypesWithCats as $post_type => $post_array) {
												if (!empty($post_array)) {
													foreach ($post_array as $cat_handle => $cat_name) {
														$sel = (in_array($cat_handle, $sel_post_cagetory)) ? ' selected="selected"' : '';
														$dis = (strpos($cat_handle, 'option_disabled') !== false) ? ' disabled="disabled"' : '';
														echo '<option value="' . $cat_handle . '"' . $dis . $sel . '>' . $cat_name . '</option>';
													}
												}
											}
										}
										?>
									</select>
								</div>
							</div>
						</div>
						<?php
						//events integration
						if (RevSliderEventsManager::isEventsExists()) {
							$arrEventsFilter = RevSliderEventsManager::getArrFilterTypes();

if (!empty($arrEventsFilter)) {
								echo '<p>';
								$events_filter = RevSliderFunctions::getVal($arrFieldsParams, 'events_filter', '');
								echo '<span class="rev-new-label">' . __('Filter Events By:', 'revslider') . '</span>';
								echo '<select id="events_filter" name="events_filter">';
								foreach ($arrEventsFilter as $event_handle => $event_name) {
									$sel = ($event_handle == $events_filter) ? ' selected="selected"' : '';
									echo '<option value="' . $event_handle . '"' . $sel . '>' . $event_name . '</option>';
								}
								echo '</select>';
								echo '</p>';
							}
						}
						?>
						<div style="width:50%;display:none;float:left;" class="rs-show-for-wc">
							<?php $product_sortby = RevSliderFunctions::getVal($arrFieldsParams, 'product_sortby', 'ID');?>
							<?php $wc_sortby = RevSliderWooCommerce::getArrSortBy(); ?>
							<span class="rev-new-label"><?php _e('Sort Products By:', 'revslider');?></span>
							<select id="product_sortby" name="product_sortby">
								<?php
								foreach($wc_sortby as $wc_val => $wc_name){
									?>
									<option value="<?php echo $wc_val; ?>" <?php selected($product_sortby, $wc_val); ?>><?php echo $wc_name;?></option>
									<?php
								}
								?>
								<option value="ID" <?php selected($product_sortby, 'ID');?>><?php _e('Post ID', 'revslider');?></option>
								<option value="date" <?php selected($product_sortby, 'date');?>><?php _e('Date', 'revslider');?></option>
								<option value="title" <?php selected($product_sortby, 'title');?>><?php _e('Title', 'revslider');?></option>
								<option value="name" <?php selected($product_sortby, 'name');?>><?php _e('Slug', 'revslider');?></option>
								<option value="author" <?php selected($product_sortby, 'author');?>><?php _e('Author', 'revslider');?></option>
								<option value="modified" <?php selected($product_sortby, 'modified');?>><?php _e('Last Modified', 'revslider');?></option>
								<option value="comment_count" <?php selected($product_sortby, 'comment_count');?>><?php _e('Number Of Comments', 'revslider');?></option>
								<option value="rand" <?php selected($product_sortby, 'rand');?>><?php _e('Random', 'revslider');?></option>
								<option value="none" <?php selected($product_sortby, 'none');?>><?php _e('Unsorted', 'revslider');?></option>
								<option value="menu_order" <?php selected($product_sortby, 'menu_order');?>><?php _e('Custom Order', 'revslider');?></option>
							</select>
							<span class="tp-clearfix"></span>

<?php $product_sort_direction = RevSliderFunctions::getVal($arrFieldsParams, 'product_sort_direction', 'DESC');?>
							<span class="rev-new-label"><?php _e('Sort Direction:', 'revslider');?></span>
							<span>
								<input type="radio" id="product_sort_direction_1" value="DESC" name="product_sort_direction" <?php checked($product_sort_direction, 'DESC');?> />
								<label for="product_sort_direction_1" style="cursor:pointer;"><?php _e('Descending', 'revslider');?></label>
								<input type="radio" style="margin-left:20px;" id="product_sort_direction_2" value="ASC" name="product_sort_direction" <?php checked($product_sort_direction, 'ASC');?> />
								<label for="product_sort_direction_2" style="cursor:pointer;"><?php _e('Ascending', 'revslider');?></label>
							</span>
							<span class="tp-clearfix"></span>

<span class="rev-new-label"><?php _e('Limit The Excerpt To:', 'revslider');?></span>
							<input type="text" class='small-text' id="excerpt_limit_product" name="excerpt_limit_product" value="<?php echo RevSliderFunctions::getVal($arrFieldsParams, 'excerpt_limit_product', '55');?>" />
							<span class="tp-clearfix"></span>
							
							<span class="rev-new-label"><?php _e('Regular Price:', 'revslider');?></span>
							<span style="width: 201px; display: inline-block;"><?php _e('From', 'revslider'); ?> <input type="text" class='small-text' style="width: 50px !important; margin-right: 40px;" id="reg_price_from" name="reg_price_from" value="<?php echo RevSliderFunctions::getVal($arrFieldsParams, 'reg_price_from', '');?>" />
							<?php _e('To', 'revslider'); ?>  <input type="text" class='small-text' style="width: 50px !important;" id="reg_price_to" name="reg_price_to" value="<?php echo RevSliderFunctions::getVal($arrFieldsParams, 'reg_price_to', '');?>" />
							</span><span class="tp-clearfix"></span>
							
							<span class="rev-new-label"><?php _e('Sale Price:', 'revslider');?></span>
							<span style="width: 201px; display: inline-block;"><?php _e('From', 'revslider'); ?> <input type="text" class='small-text' style="width: 50px !important; margin-right: 40px;" id="sale_price_from" name="sale_price_from" value="<?php echo RevSliderFunctions::getVal($arrFieldsParams, 'sale_price_from', '');?>" />
							<?php _e('To', 'revslider'); ?>  <input type="text" class='small-text' style="width: 50px !important;" id="sale_price_to" name="sale_price_to" value="<?php echo RevSliderFunctions::getVal($arrFieldsParams, 'sale_price_to', '');?>" />
							</span><span class="tp-clearfix"></span>
							
							<span class="rev-new-label"><?php _e('In Stock Only:', 'revslider');?></span>
							<input type="checkbox" id="instock_only" name="instock_only" class="tp-moderncheckbox" data-unchecked="off" <?php checked(RevSliderFunctions::getVal($arrFieldsParams, 'instock_only', 'off'), "on");?>>
							<span class="tp-clearfix"></span>
							
							<span class="rev-new-label"><?php _e('Featured Only:', 'revslider');?></span>
							<input type="checkbox" id="featured_only" name="featured_only" class="tp-moderncheckbox" data-unchecked="off" <?php checked(RevSliderFunctions::getVal($arrFieldsParams, 'featured_only', 'off'), "on");?>>
							<span class="tp-clearfix"></span>
						</div>
						
						<div style="width:50%;display:block;float:left;" class="rs-hide-for-wc">
							<div id="post_sortby_row" valign="top">
								<div class="rs-post-order-setting">
									<?php $post_sortby = RevSliderFunctions::getVal($arrFieldsParams, 'post_sortby', 'ID');?>
									<span class="rev-new-label"><?php _e('Sort Posts By:', 'revslider');?></span>
									<select id="post_sortby" name="post_sortby">
										<option value="ID" <?php selected($post_sortby, 'ID');?>><?php _e('Post ID', 'revslider');?></option>
										<option value="date" <?php selected($post_sortby, 'date');?>><?php _e('Date', 'revslider');?></option>
										<option value="title" <?php selected($post_sortby, 'title');?>><?php _e('Title', 'revslider');?></option>
										<option value="name" <?php selected($post_sortby, 'name');?>><?php _e('Slug', 'revslider');?></option>
										<option value="author" <?php selected($post_sortby, 'author');?>><?php _e('Author', 'revslider');?></option>
										<option value="modified" <?php selected($post_sortby, 'modified');?>><?php _e('Last Modified', 'revslider');?></option>
										<option value="comment_count" <?php selected($post_sortby, 'comment_count');?>><?php _e('Number Of Comments', 'revslider');?></option>
										<option value="rand" <?php selected($post_sortby, 'rand');?>><?php _e('Random', 'revslider');?></option>
										<option value="none" <?php selected($post_sortby, 'none');?>><?php _e('Unsorted', 'revslider');?></option>
										<option value="menu_order" <?php selected($post_sortby, 'menu_order');?>><?php _e('Custom Order', 'revslider');?></option>
										<?php
										if (RevSliderEventsManager::isEventsExists()) {
											$arrEMSortBy = RevSliderEventsManager::getArrSortBy();
											if (!empty($arrEMSortBy)) {
												foreach ($arrEMSortBy as $event_handle => $event_name) {
													$sel = ($event_handle == $post_sortby) ? ' selected="selected"' : '';
													echo '<option value="' . $event_handle . '"' . $sel . '>' . $event_name . '</option>';
												}
											}
										}
										?>
									</select>
									<span class="tp-clearfix"></span>

<?php $posts_sort_direction = RevSliderFunctions::getVal($arrFieldsParams, 'posts_sort_direction', 'DESC');?>
									<span class="rev-new-label"><?php _e('Sort Direction:', 'revslider');?></span>
									<span>
										<input type="radio" id="posts_sort_direction_1" value="DESC" name="posts_sort_direction" <?php checked($posts_sort_direction, 'DESC');?> />
										<label for="posts_sort_direction_1" style="cursor:pointer;"><?php _e('Descending', 'revslider');?></label>
										<input type="radio" style="margin-left:20px;" id="posts_sort_direction_2" value="ASC" name="posts_sort_direction" <?php checked($posts_sort_direction, 'ASC');?> />
										<label for="posts_sort_direction_2" style="cursor:pointer;"><?php _e('Ascending', 'revslider');?></label>
									</span>
									<span class="tp-clearfix"></span>
								</div>
								
								<span class="rev-new-label"><?php _e('Max Posts Per Slider:', 'revslider');?></span>
								<input type="text" class='small-text' id="max_slider_posts" name="max_slider_posts" value="<?php echo RevSliderFunctions::getVal($arrFieldsParams, 'max_slider_posts', '30');?>" />
								<span class="tp-clearfix"></span>

<?php echo apply_filters( 'rev_main_options_pre_slider_title_filter' , ''); ?>
				
				<div id="slider_title_sb" class="setting_box" style="background:#fff">
					<?php $headline = '<h3><span class="setting-step-number">2</span><span>'.__("Slider Title & ShortCode", 'revslider').'</span></h3>';
						  echo apply_filters( 'rev_main_options_headline_slider_title_filter', $headline );
					?>
					<div class="inside">
						<div class="slidertitlebox">

<span class="one-third-container">
								<input placeholder='<?php _e("Enter your Slider Name here", 'revslider')?>' type="text" class='regular-text' id="title" name="title" value="<?php echo esc_attr(stripslashes(RevSliderFunctions::getVal($arrFieldsParams, 'title', ''))); ?>"/>
								<i class="input-edit-icon"></i>
								<span class="description"><?php _e("The title of the slider, example: Slider 1", 'revslider')?></span>
							</span>

<span class="one-third-container">
								<input placeholder='<?php _e("Enter your Slider Alias here", 'revslider')?>' type="text" class='regular-text' id="alias" name="alias" value="<?php echo esc_attr(stripslashes(RevSliderFunctions::getVal($arrFieldsParams, 'alias', ''))); ?>"/>
								<i class="input-edit-icon"></i>
								<span class="description"><?php _e("The alias for embedding your slider, example: slider1", 'revslider')?></span>
							</span>

</div>
				</div>

<?php echo apply_filters( 'rev_main_options_pre_slider_type_filter' , ''); ?>
				
				<div id="slider_type_sb" class="setting_box">
					<?php
					$slider_type = RevSliderFunctions::getVal($arrFieldsParams, 'slider-type', 'standard');
					$headline = '<h3><span class="setting-step-number">3</span><span>'.__("Select a Slider Type", 'revslider').'</span></h3>';
					echo apply_filters( 'rev_main_options_headline_slider_type_filter', $headline );
					?>
					<div class="rs-slidetypeselector">

<div data-mode="standardpreset" class="rs-slidertype<?php echo ($slider_type == 'standard') ? ' selected' : '';?>">
							<span class="rs-preset-image standardslider"></span>
							<span class="rs-preset-label"><?php _e("Standard Slider", 'revslider');?></span>
							<input style="display: none;" type="radio" name="slider-type" value="standard" <?php checked($slider_type, 'standard');?> />
						</div>
						<div data-mode="heropreset" class="rs-slidertype<?php echo ($slider_type == 'hero') ? ' selected' : '';?>">
							<span class="rs-preset-image heroscene"></span>
							<span class="rs-preset-label"><?php _e("Hero Scene", 'revslider');?></span>
							<input style="display: none;" type="radio" name="slider-type" value="hero" <?php checked($slider_type, 'hero');?> />
						</div>
						<div data-mode="carouselpreset" class="rs-slidertype<?php echo ($slider_type == 'carousel') ? ' selected' : '';?>">
							<span class="rs-preset-image carouselslider"></span>
							<span class="rs-preset-label"><?php _e("Carousel Slider", 'revslider');?></span>
							<input style="display: none;" type="radio" name="slider-type" value="carousel" <?php checked($slider_type, 'carousel');?> />
						</div>
					</div>
					<span class="preset-splitter readytoopen"><?php _e("Load a Preset from this Slider Type", 'revslider');?><i class="eg-icon-down-open"></i></span>
					<div id="preset-selector-wrapper" class="preset-selector-wrapper" style="display:none">
						<div id="preselect-horiz-wrapper" class="preselect-horiz-wrapper">
							<?php
							$presets = RevSliderOperations::get_preset_settings();
							
							echo '<span class="rs-preset-selector rs-do-nothing standardpreset heropreset carouselpreset" id="rs-add-new-settings-preset">';
							echo '<span class="rs-preset-image" style="background-image: url('.RS_PLUGIN_URL.'/admin/assets/images/mainoptions/add_preset.png);"></span>';
							echo '	<span class="rs-preset-label">' . __('Save Current Settings as Preset', 'revslider') . '</span>';
							echo '</span>';
							
							echo '<script type="text/javascript">';
							//$pjs = RevSliderFunctions::jsonEncodeForClientSide($pjs);
							$pjs = RevSliderFunctions::jsonEncodeForClientSide($presets);
							echo 'var revslider_presets = jQuery.parseJSON(' . $pjs . ');';
							echo '</script>';
							?>
							<span class="tp-clearfix"></span>
						</div>
					 </div>
					 <script type="text/javascript">
					 	jQuery("document").ready(function() {

jQuery('.preset-splitter').click(function() {
					 			jQuery('#preset-selector-wrapper').slideDown(200);
					 			jQuery(this).removeClass('readytoopen');
					 		})
							var preset_template_container = wp.template( "rs-preset-container" );
							
							function rs_reset_preset_html(){
								
								jQuery('.rs-preset-entry').remove();
								
								for(var key in revslider_presets){
									
									if (typeof(revslider_presets[key]['settings']['preset']) === 'undefined') {
										revslider_presets[key]['settings']['preset'] = 'standardpreset';
									}
									
									var data = {};
									data['key'] = key;
									data['name'] = revslider_presets[key]['settings']['name'];
									data['type'] = revslider_presets[key]['settings']['preset'];
									data['img'] = (typeof(revslider_presets[key]['settings']['image']) !== 'undefined') ? revslider_presets[key]['settings']['image'] : '';
									data['class'] = (typeof(revslider_presets[key]['settings']['class']) !== 'undefined') ? revslider_presets[key]['settings']['class'] : '';
									data['custom'] = (typeof(revslider_presets[key]['settings']['custom']) !== 'undefined' && revslider_presets[key]['settings']['custom'] == true) ? true : false;
									
									var content = preset_template_container(data);
									
									jQuery('#rs-add-new-settings-preset').before(content);
								}
								
								jQuery('.rs-slidertype.selected').click(); //show only for current active type
							}
							rs_reset_preset_html();
							
					 		function updateSliderPresets() {
					 			var bt = jQuery('.rs-slidertype.selected'),
					 				sw  =jQuery('#preselect-horiz-wrapper'),
					 				swp = jQuery('#preset-selector-wrapper'),
					 				mode = bt.data('mode'),
					 				prewi = (swp.width()-2)/4;
					 				if (prewi<200) prewi = ((swp.width()-1)/3);

preitems = jQuery('.rs-preset-selector.'+mode);

jQuery('.rs-preset-selector').removeClass("selected").hide().css({width:prewi+"px"});
								preitems.show();

//if (preitems.length<7) {
									sw.css({position:"relative",height:"auto",width:"100%"});
									swp.css({position:"relative",height:"auto"});

//} else {
									
								//	sw.css({position:"absolute",height:"400px",width:(prewi*Math.ceil(preitems.length/2))+"px"});
								//	swp.css({position:"relative",height:"400px"});
								//}
								jQuery('.preset-selector-wrapper').perfectScrollbar('update');
								
								switch(mode) {
									case "standardpreset":											
										jQuery('.dontshowonhero').show();
										jQuery('.dontshowonstandard').hide();
									break;								
									case "carouselpreset":
										jQuery('.dontshowonhero').show();
										jQuery('.dontshowonstandard').show();
									break;
									case "heropreset":
										jQuery('.dontshowonhero').hide();
									break;
								}

}
							
					 		jQuery('body').on("click",'.rs-slidertype',function() {
								var bt = jQuery(this);
								jQuery('.rs-slidertype').removeClass("selected");
								bt.addClass("selected").find('input[name="slider-type"]').attr('checked', 'checked');
								
								if (jQuery('input[name="slider-type"]:checked').val()!=="hero" || jQuery('#ddd_parallax').attr('checked')==="checked") 
									jQuery('#fadeinoutparallax').hide();
								else								
									jQuery('#fadeinoutparallax').show();
								
								updateSliderPresets();
							});

jQuery('.preset-selector-wrapper').perfectScrollbar({});
					 		updateSliderPresets();
					 		jQuery(window).resize(updateSliderPresets);

jQuery('body').on('mouseover', '.rs-preset-selector', function(){
								jQuery(this).find('.rev-remove-preset').show();
								jQuery(this).find('.rev-update-preset').show();
							});
							jQuery('body').on('mouseleave', '.rs-preset-selector', function(){
								jQuery(this).find('.rev-remove-preset').hide();
								jQuery(this).find('.rev-update-preset').hide();
							});
							
							var googlef_template_container = wp.template( "rs-preset-googlefont" );
							
							jQuery('body').on('click', '.rs-preset-selector', function(){
								if(typeof(jQuery(this).attr('id')) == 'undefined' || jQuery(this).hasClass('rs-do-nothing')) return false;
								var preset_id = jQuery(this).attr('id').replace('rs-preset-' , '');

showWaitAMinute({fadeIn:300,text:rev_lang.preset_loaded});

if(typeof(revslider_presets[preset_id]) !== 'undefined'){
									
									for(var key in revslider_presets[preset_id]['values']){
										var entry = jQuery('[name="'+key+'"]');

if(key == 'google_font'){
											jQuery('#rs-google-fonts').html('');
											
											for(var gfk in revslider_presets[preset_id]['values'][key]){
												jQuery('#rs-google-fonts').append(googlef_template_container({'value':revslider_presets[preset_id]['values'][key][gfk]}));
											}
											
										}

if(entry.length == 0) continue;

switch(entry.prop('tagName').toLowerCase()){
											case 'input':
												switch(entry.attr('type')){
													case 'radio':
														jQuery('[name="'+key+'"][value="'+revslider_presets[preset_id]['values'][key]+'"]').click();
													break;
													case 'checkbox':
														if(revslider_presets[preset_id]['values'][key] == 'on')
															entry.attr('checked', true);
														else
															entry.attr('checked', false);

RevSliderSettings.onoffStatus(entry);
													break;
													default:
														entry.val(revslider_presets[preset_id]['values'][key]);
													break;
												}
											break;
											case 'select':
												jQuery('[name="'+key+'"] option[value="'+revslider_presets[preset_id]['values'][key]+'"]').attr('selected', true);
											break;
											default:
												switch(key){
													case 'custom_css':
														if(typeof rev_cm_custom_css !== 'undefined')
															rev_cm_custom_css.setValue(UniteAdminRev.stripslashes(revslider_presets[preset_id]['values'][key]));
													break;
													case 'custom_javascript':
														if(typeof rev_cm_custom_js !== 'undefined')
															rev_cm_custom_js.setValue(UniteAdminRev.stripslashes(revslider_presets[preset_id]['values'][key]));
													break;
													default:
														jQuery('[name="'+key+'"]').val(revslider_presets[preset_id]['values'][key]);
													break;
												}
											break;
										}

entry.change(); //trigger change call for elements to hide/show dependencies
									}
									
									if(typeof rev_cm_custom_css !== 'undefined') rev_cm_custom_css.refresh();
									if(typeof rev_cm_custom_js !== 'undefined') rev_cm_custom_js.refresh();
								}

setTimeout('showWaitAMinute({fadeOut:300})',400);
							});

jQuery('#rs-add-new-settings-preset').click(function(){
								jQuery('input[name="rs-preset-name"]').val('');
								jQuery('input[name="rs-preset-image-id"]').val('');
								jQuery('#rs-preset-img-wrapper').css('background-image', '');
								
								jQuery('#dialog-rs-add-new-setting-presets').dialog({
									modal:true,
									resizable:false,
									minWidth:400,
									minHeight:300,
									closeOnEscape:true,
									buttons:{
										'<?php _e('Save Settings', 'revslider'); ?>':function(){
											var preset_name = UniteAdminRev.sanitize_input(jQuery('input[name="rs-preset-name"]').val());
											var preset_img = jQuery('input[name="rs-preset-image-id"]').val();
											jQuery('input[name="rs-preset-name"]').val(preset_name);
											
											if(preset_name == '') return false;
											
											for(var key in revslider_presets){
												if(revslider_presets[key]['settings']['name'] == preset_name){
													alert(rev_lang.preset_name_already_exists);
													return false;
												}
											}
											var c_type = jQuery('.rs-slidertype.selected').data('mode');
											
											var params = get_preset_params();
											
											var new_preset = {
												settings: {'class':'', image:preset_img, name:preset_name, preset:c_type},
												values: params
											};
										
											
											//add new preset to the list
											UniteAdminRev.ajaxRequest('add_new_preset', new_preset, function(response){
												if(response.success == true){
													//refresh presets
													revslider_presets = response.data;
													
													rs_reset_preset_html();
												}
												
												jQuery('#dialog-rs-add-new-setting-presets').dialog('close');
											});
											
										}
									}
								});
								
								
							});

jQuery('input[name="rs-button-select-img"]').click(function(){
								jQuery('#rs-preset-img-wrapper').css('background-image', '');
								jQuery('input[name="rs-preset-image-id"]').val('');
								
								UniteAdminRev.openAddImageDialog(rev_lang.select_image,function(urlImage,imageID,width,height){
									var data = {url_image:urlImage,image_id:imageID,img_width:width,img_height:height};
									
									jQuery('input[name="rs-preset-image-id"]').val(data.image_id);
									
									jQuery('#rs-preset-img-wrapper').css('background-image', ' url('+data.url_image+')');
									
									var mw = 200;
									var mh = height / width * 200;
									
									jQuery('#rs-preset-img-wrapper').css('width', mw+'px');
									jQuery('#rs-preset-img-wrapper').css('height', mh+'px');
									jQuery('#rs-preset-img-wrapper').css('background-size', 'cover');
								});

});
							
							jQuery('body').on('click', '.rev-remove-preset', function(){
								if(confirm(rev_lang.delete_preset)){
									
									var pr_id = jQuery(this).closest('.rs-preset-entry').attr('id').replace('rs-preset-', '');
									
									if(typeof(revslider_presets[pr_id]) == 'undefined') alert(rev_lang.preset_not_found);
									
									UniteAdminRev.ajaxRequest('remove_preset', {name: revslider_presets[pr_id]['settings']['name']}, function(response){
										revslider_presets = response.data;
										
										rs_reset_preset_html();
									});
								}
								
								return false;
							});
							
					 	});
					 </script>
				</div>

<?php
				$width_notebook = RevSliderFunctions::getVal($arrFieldsParams, "width_notebook", $_width_notebook);
				$height_notebook = RevSliderFunctions::getVal($arrFieldsParams, "height_notebook");
				if (intval($height_notebook) == 0) {
					$height_notebook = 768;
				}

$width = RevSliderFunctions::getVal($arrFieldsParams, "width", $_width);
				$height = RevSliderFunctions::getVal($arrFieldsParams, "height", 868);

$width_tablet = RevSliderFunctions::getVal($arrFieldsParams, "width_tablet", $_width_tablet);
				if (intval($width_tablet) == 0) {
					$width_tablet = $_width_tablet;
				}

$height_tablet = RevSliderFunctions::getVal($arrFieldsParams, "height_tablet");
				if (intval($height_tablet) == 0) {
					$height_tablet = 960;
				}
				$width_mobile = RevSliderFunctions::getVal($arrFieldsParams, "width_mobile", $_width_mobile);

if (intval($width_mobile) == 0) {
					$width_mobile = $_width_mobile;
				}

$height_mobile = RevSliderFunctions::getVal($arrFieldsParams, "height_mobile");
				if (intval($height_mobile) == 0) {
					$height_mobile = 720;
				}

$advanced_sizes = RevSliderFunctions::getVal($arrFieldsParams, "advanced-responsive-sizes", 'false');
				$advanced_sizes = RevSliderFunctions::strToBool($advanced_sizes);

$sliderType = RevSliderFunctions::getVal($arrFieldsParams, "slider_type");

<?php echo apply_filters( 'rev_main_options_pre_slider_layout_filter', '', array($width, $height, $arrFieldsParams)); ?>
				<div class="setting_box" id="rs-slider-layout-cont">
					<?php
						$headline = '<h3><span class="setting-step-number">4</span><span>'.__("Slide Layout", 'revslider').'</span></h3>';
						echo apply_filters( 'rev_main_options_headline_slider_layout_filter', $headline );
					?>
					<div class="inside" style="padding:0px">

<?php $slider_type = RevSliderFunctions::getVal($arrFieldsParams, 'slider_type', 'fullwidth');?>
						<div id="rs_slider_layout_size_wrapper" style="background:#eee">
							<div class="rs-slidesize-selector" >

<div id="layout-preshow">
							<div class="rsp-desktop-view rsp-view-cell">
								<div class="rsp-view-header">
									<?php _e('Desktop Large', 'revslider');?> <span class="rsp-cell-dimension"><?php _e('Max', 'revslider');?></span>
								</div>
								<div class="rsp-present-area">
									<div class="rsp-device-imac">
										<div class="rsp-imac-topbar"></div>
										<div class="rsp-bg"></div>
										<div class="rsp-browser">
											<div class="rsp-slide-bg" data-width="140" data-height="70" data-fullwidth="188" data-faheight="70" data-fixwidth="140" data-fixheight="70" data-gmaxw = "140" data-lscale = "1">
												<div class="rsp-grid">
													<div class="rsp-dotted-line-hr-left"></div>
													<div class="rsp-dotted-line-hr-right"></div>
													<div class="rsp-dotted-line-vr-top"></div>
													<div class="rsp-dotted-line-vr-bottom"></div>
													<div class="rsp-layer"><?php _e('Layer', 'revslider');?></div>
												</div>
											</div>
										</div>
									</div>
									<div class="rsp-device-imac-bg"></div>
								</div>
								<div class="slide-size-wrapper">
									<div id="desktop-dimension-fields">
										<span class="rs-preset-label"><?php _e('Layer Grid Size', 'revslider');?></span>
										<span class="relpos"><input id="width" name="width" type="text" style="width:120px" class="textbox-small" value="<?php echo $width;?>"><span class="pxfill">px</span></span>
										<span class="rs-preset-label label-multiple">x</span>
										<span class="relpos"><input id="height" name="height" type="text" style="width:120px" class="textbox-small" value="<?php echo $height;?>"><span class="pxfill">px</span></span>
										<span class="tp-clearfix" style="margin-bottom:15px"></span>
									</div>
									<span class="description"><?php _e('Specify a layer grid size above', 'revslider');?></span>
									<span class="description" style="padding:20px 20px 0px; box-sizing:border-box;-moz-box-sizing:border-box;"><?php _e('Slider is always Linear Responsive till next Defined Grid size has been hit.', 'revslider');?></span>
								</div>
							</div>
							<div class="rsp-macbook-view rsp-view-cell">
								<div class="rsp-view-header">
									<?php _e('Notebook', 'revslider');?> <span class="rsp-cell-dimension"><?php echo $_width_notebook;?>px</span>
								</div>
								<div class="rsp-present-area">
									<div class="rsp-device-macbook">
										<div class="rsp-macbook-topbar"></div>
										<div class="rsp-bg"></div>
										<div class="rsp-browser">
											<div class="rsp-slide-bg" data-width="140" data-height="60" data-fullwidth="160" data-faheight="60" data-fixwidth="140" data-fixheight="60" data-gmaxw = "140" data-lscale = "0.8">
												<div class="rsp-grid">
													<div class="rsp-dotted-line-hr-left"></div>
													<div class="rsp-dotted-line-hr-right"></div>
													<div class="rsp-dotted-line-vr-top"></div>
													<div class="rsp-dotted-line-vr-bottom"></div>
													<div class="rsp-layer"><?php _e('Layer', 'revslider');?></div>
												</div>
											</div>
										</div>
									</div>
									<div class="rsp-device-macbook-bg"></div>
								</div>
								<div class="slide-size-wrapper">
									<span class="rs-preset-label"><?php _e('Layer Grid Size', 'revslider');?></span>
									<span class="rs-width-height-wrapper">
										<span class="relpos"><input name="width_notebook" type="text" style="width:120px" class="textbox-small" value="<?php echo $width_notebook;?>"><span class="pxfill">px</span></span>
										<span class="rs-preset-label label-multiple">x</span>
										<span class="relpos"><input name="height_notebook" type="text" style="width:120px" class="textbox-small" value="<?php echo $height_notebook;?>"><span class="pxfill">px</span></span>
									</span>
									<span class="rs-width-height-alternative" style="display:none">
										<span class="rs-preset-label"><?php _e('Auto Sizes', 'revslider');?></span>
									</span>
									<span class="tp-clearfix" style="margin-bottom:15px"></span>
									<span class="rs-preset-label" style="display:inline-block; margin-right:15px;"><?php _e('Custom Grid Size', 'revslider');?></span>
									<span style="text-align:left">
										<input type="checkbox"  class="tp-moderncheckbox" id="enable_custom_size_notebook" name="enable_custom_size_notebook" data-unchecked="off" <?php checked(RevSliderFunctions::getVal($arrFieldsParams, 'enable_custom_size_notebook', 'off'), "on");?>>
									</span>
									<span class="description" style="padding:0px 20px 0px; box-sizing:border-box;-moz-box-sizing:border-box;"><?php _e('<br>If not defined, the next bigger Layer Grid Size is the basic of Linear Responsive calculations.', 'revslider');?></span>
								</div>
							</div>
							<div class="rsp-tablet-view rsp-view-cell">
								<div class="rsp-view-header">
									<?php _e('Tablet', 'revslider');?> <span class="rsp-cell-dimension"><?php echo $_width_tablet;?>px</span>
								</div>
								<div class="rsp-present-area">
									<div class="rsp-device-ipad">
										<div class="rsp-bg"></div>
										<div class="rsp-browser">
											<div class="rsp-slide-bg" data-width="126" data-height="60" data-fullwidth="138" data-faheight="130" data-fixwidth="140" data-fixheight="70" data-gmaxw = "126" data-lscale = "0.7">
												<div class="rsp-grid">
													<div class="rsp-dotted-line-hr-left"></div>
													<div class="rsp-dotted-line-hr-right"></div>
													<div class="rsp-dotted-line-vr-top"></div>
													<div class="rsp-dotted-line-vr-bottom"></div>
													<div class="rsp-layer"><?php _e('Layer', 'revslider');?></div>
												</div>
											</div>
										</div>
									</div>
									<div class="rsp-device-ipad-bg"></div>
								</div>
								<div class="slide-size-wrapper">
									<span class="rs-preset-label"><?php _e('Layer Grid Size', 'revslider');?></span>
									<span class="rs-width-height-wrapper">
										<span class="relpos"><input name="width_tablet" type="text" style="width:120px" class="textbox-small" value="<?php echo $width_tablet;?>"><span class="pxfill">px</span></span>
										<span class="rs-preset-label label-multiple">x</span>
										<span class="relpos"><input name="height_tablet" type="text" style="width:120px" class="textbox-small" value="<?php echo $height_tablet;?>"><span class="pxfill">px</span></span>
									</span>
									<span class="rs-width-height-alternative" style="display:none">
										<span class="rs-preset-label"><?php _e('Auto Sizes', 'revslider');?></span>
									</span>
									<span class="tp-clearfix" style="margin-bottom:15px"></span>
									<span class="rs-preset-label" style="display:inline-block; margin-right:15px;"><?php _e('Custom Grid Size', 'revslider');?></span>
									<span style="text-align:left">
										<input type="checkbox"  class="tp-moderncheckbox" id="enable_custom_size_tablet" name="enable_custom_size_tablet" data-unchecked="off" <?php checked(RevSliderFunctions::getVal($arrFieldsParams, 'enable_custom_size_tablet', 'off'), "on");?>>
									</span>
									<span class="description" style="padding:0px 20px 0px; box-sizing:border-box;-moz-box-sizing:border-box;"><?php _e('<br>If not defined, the next bigger Layer Grid Size is the basic of Linear Responsive calculations.', 'revslider');?></span>
								</div>

</div>
							<div class="rsp-mobile-view rsp-view-cell">
								<div class="rsp-view-header">
									<?php _e('Mobile', 'revslider');?> <span class="rsp-cell-dimension"><?php echo $_width_mobile;?>px</span>
								</div>
								<div class="rsp-present-area">
									<div class="rsp-device-iphone">
										<div class="rsp-bg"></div>
										<div class="rsp-browser">
											<div class="rsp-slide-bg" data-width="70" data-height="40" data-fullwidth="80" data-faheight="100" data-fixwidth="140" data-fixheight="70" data-gmaxw = "70" data-lscale = "0.4">
												<div class="rsp-grid">
													<div class="rsp-dotted-line-hr-left"></div>
													<div class="rsp-dotted-line-hr-right"></div>
													<div class="rsp-dotted-line-vr-top"></div>
													<div class="rsp-dotted-line-vr-bottom"></div>
													<div class="rsp-layer"><?php _e('Layer', 'revslider');?></div>
												</div>
											</div>
										</div>
									</div>

<div class="rsp-device-iphone-bg"></div>
								</div>
								<div class="slide-size-wrapper">
									<span class="rs-preset-label"><?php _e('Layer Grid Size', 'revslider');?></span>
									<span class="rs-width-height-wrapper">
										<span class="relpos"><input name="width_mobile" type="text" style="width:120px" class="textbox-small" value="<?php echo $width_mobile;?>"><span class="pxfill">px</span></span>
										<span class="rs-preset-label label-multiple">x</span>
										<span class="relpos"><input name="height_mobile" type="text" style="width:120px" class="textbox-small" value="<?php echo $height_mobile;?>"><span class="pxfill">px</span></span>
									</span>
									<span class="rs-width-height-alternative" style="display:none">
										<span class="rs-preset-label"><?php _e('Auto Sizes', 'revslider');?></span>
									</span>
									<span class="tp-clearfix" style="margin-bottom:15px"></span>
									<span class="rs-preset-label" style="display:inline-block; margin-right:15px;"><?php _e('Custom Grid Size', 'revslider');?></span>
									<span style="text-align:left">
										<input type="checkbox"  class="tp-moderncheckbox" id="enable_custom_size_iphone" name="enable_custom_size_iphone" data-unchecked="off" <?php checked(RevSliderFunctions::getVal($arrFieldsParams, 'enable_custom_size_iphone', 'off'), "on");?>>
									</span>
									<span class="description" style="padding:0px 20px 0px; box-sizing:border-box;-moz-box-sizing:border-box;"><?php _e('<br>If not defined, the next bigger Layer Grid Size is the basic of Linear Responsive calculations.', 'revslider');?></span>
								</div>
							</div>
							<div style="clear:both;float:none"></div>
						</div>
						<div class="buttonarea" id="removethisbuttonarea">
							<a class="button-primary revblue" id="show_advanced_navigation" original-title=""><i class="revicon-cog"></i><?php _e("Show Advanced Size Options", 'revslider');?></a>
						</div>

<div class="inside" id="visual-sizing" style="display:none; padding:25px 20px;">
							<div id="fullscreen-advanced-sizing">
								<span class="one-half-container" style="vertical-align:top">
									
									<span class="rs-preset-label noopacity "><?php _e("Minimal Height of Slider (Optional)", 'revslider');?></span>
									<span style="clear:both;float:none; height:25px;display:block"></span>
								
									<span style="text-align:left; display:none;">
										<span class="rs-preset-label noopacity " style="display:inline-block;margin-right:20px"><?php _e("FullScreen Align Force", 'revslider');?> </span>
										<input type="checkbox"  class="tp-moderncheckbox withlabel" id="full_screen_align_force" name="full_screen_align_force" data-unchecked="off" <?php checked(RevSliderFunctions::getVal($arrFieldsParams, 'full_screen_align_force', 'off'), "on");?>>
										<span class="description"><?php _e("Layers align within the full slider instead of the layer grid.", 'revslider');?></span>
									</span>
									
									<span class="slidertitlebox limitedtablebox">
										<span class="one-half-container">
											<input placeholder="<?php _e("Min. Height", 'revslider');?>" type="text" class="text-sidebar" id="fullscreen_min_height" name="fullscreen_min_height" value="<?php echo RevSliderFunctions::getVal($arrFieldsParams, "fullscreen_min_height", "");?>">
											<i class="input-edit-icon"></i>
											<span class="description"><?php _e("The minimum height of the Slider in FullScreen mode.", 'revslider');?></span>
										</span>
									</span>
									<span style="clear:both;float:none; height:25px;display:block"></span>

</span>

<span class="slidertitlebox limitedtablebox">
										<span class="one-full-container">
											<input placeholder="<?php _e("Containers", 'revslider');?>" type="text" class="text-sidebar" id="fullscreen_offset_container" name="fullscreen_offset_container" value="<?php echo RevSliderFunctions::getVal($arrFieldsParams, "fullscreen_offset_container", "");?>">
											<i class="input-edit-icon"></i>
											<span class="description"><?php _e("Example: #header or .header, .footer, #somecontainer | Height of Slider will be decreased with the height of these Containers to fit perfect in the screen.", 'revslider');?></span>
										</span>
									</span>
									<span style="clear:both;float:none; height:25px;display:block"></span>
									<span class="slidertitlebox limitedtablebox">
										<span class="one-full-container">
											<input placeholder="<?php _e("PX or %", 'revslider');?>" type="text" class="text-sidebar" id="fullscreen_offset_size" name="fullscreen_offset_size" value="<?php echo RevSliderFunctions::getVal($arrFieldsParams, "fullscreen_offset_size", "");?>">
											<i class="input-edit-icon"></i>
											<span class="description"><?php _e("Decrease/Increase height of Slider. Can be used with px and %. Positive/Negative values allowed. Example: 40px or 10%", 'revslider');?></span>
										</span>
									</span>
									<span style="clear:both;float:none; height:25px;display:block"></span>
									
								</span>
							</div>
							<div id="normal-advanced-sizing">

<span class="one-third-container" style="vertical-align:top">
										<span class="rs-preset-label noopacity" style="margin-top:12px;display:inline-block;margin-right:20px" ><?php _e("Respect Aspect Ratio", 'revslider');?> </span>
										<input type="checkbox"  class="tp-moderncheckbox" id="auto_height" name="auto_height" data-unchecked="off" <?php checked(RevSliderFunctions::getVal($arrFieldsParams, 'auto_height', 'off'), "on");?>>
										<div style="clear:both;float:none; height:25px"></div>
										<span class="description"><?php _e("It will keep aspect ratio and ignore max height of Layer Grid by upscaling. Layer Area will be vertical centered.", 'revslider');?></span>
									</span>
									
									<span class="one-third-container" style="vertical-align:top">
										<input placeholder="<?php _e("Min. Height (Optional)", 'revslider');?>" type="text" class="text-sidebar" style="padding:11px 45px 11px 15px; line-height:26px" id="min_height" name="min_height" value="<?php echo RevSliderFunctions::getVal($arrFieldsParams, "min_height", "");?>">
										<i class="input-edit-icon"></i>
										<span class="description"><?php _e("The minimum height of the Slider in FullWidth or Auto mode.", 'revslider');?></span>
										<span class="rs-show-on-auto" style="display:inline-block; position:relative;">
											<input placeholder="<?php _e("Max. Width (Optional)", 'revslider');?>" type="text" class="text-sidebar" style="padding:11px 45px 11px 15px; margin-top: 20px; line-height:26px" id="max_width" name="max_width" value="<?php echo RevSliderFunctions::getVal($arrFieldsParams, "max_width", "");?>">
											<i class="input-edit-icon" style="top: 23px; right:0px"></i>
											<span class="description"><?php _e("The maximum width of the Slider in Auto mode.", 'revslider');?></span>
										</span>
									</span>
								</div>
							</div>
							
						</div>

jQuery('#show_advanced_navigation').click(function() {
									var a = jQuery('#visual-sizing');
									a.slideDown(200);
									jQuery('#removethisbuttonarea').remove();
								})

jQuery('#show_advanced_navigation').click();

jQuery('input[name="slider_type"]').on("change",function() {
									var s_fs = jQuery('#slider_type_3').attr("checked")==="checked";
									if (s_fs) {
										jQuery('#normal-advanced-sizing').hide();
										jQuery('#fullscreen-advanced-sizing').show();
									} else {
										jQuery('#normal-advanced-sizing').show();
										jQuery('#fullscreen-advanced-sizing').hide();
									}
									
									var s_fs = jQuery('#slider_type_1').attr("checked")==="checked";									
									if (s_fs) {										
										jQuery('.rs-show-on-auto').show();
									}else{										
										jQuery('.rs-show-on-auto').hide();
									}
								});

jQuery('#slider_type_3').change();

function get_preview_resp_sizes() {
									var s = new Object();

s.n  = jQuery('#enable_custom_size_notebook').attr('checked')==="checked";
										s.t  = jQuery('#enable_custom_size_tablet').attr('checked')==="checked";
										s.m  = jQuery('#enable_custom_size_iphone').attr('checked')==="checked";

s.w_d = jQuery('input[name="width"]');
										s.w_n = s.n ? jQuery('input[name="width_notebook"]') : s.w_d;
										s.w_t = s.t ? jQuery('input[name="width_tablet"]') : s.n ? s.w_n : s.w_d;
										s.w_m = s.m ? jQuery('input[name="width_mobile"]') : s.t ? s.w_t : s.n ? s.w_n : s.w_d;

s.h_d = jQuery('input[name="height"]');
										s.h_n = s.n ? jQuery('input[name="height_notebook"]') : s.h_d;
										s.h_t = s.t ? jQuery('input[name="height_tablet"]') : s.n ? s.h_n : s.h_d;
										s.h_m = s.m ? jQuery('input[name="height_mobile"]') : s.t ? s.h_t : s.n ? s.h_n : s.h_d;
									return s;
								}

function draw_responsive_previews(s) {
									var  d_gw = (s.w_d.val() / 1400) * 150;
									//jQuery('.rsp-desktop-view .rsp-grid').css({width})

}

function setLayoutDesign(element,bw,bh,sw,sh,bm,ww,mm,fh,tt) {
									var o = new Object();
									o.mtp = 1;

if (bw>sw) {
										bh = bh *  sw/bw;
										o.mtp = sw/bw;
										bw = sw;
									}
									if (bh>sh) {
										bw = bw *  sh/bh;
										o.mtp = sh/bh;
										bh = sh;
									}

o.tt = tt;

o.left = o.right = (2 + ((1 - ( bw / sw))*(sw/10))/2) * bm,
									o.height =   (bh/10)*bm;
									o.mt = (((sh/10) - o.height)/20)*bm;

if (fh===1)
										o.gridtop = (((sh*bm/10) - o.height)/2);
									else {
										o.gridtop = 0;

if (jQuery('#auto_height').attr("checked")==="checked")
											o.gridtop = Math.abs((o.height - (o.height * (sw/bw))))/2;
									}

punchgs.TweenLite.to(element.find('.rsp-grid'),0.3,{top:o.gridtop,height:o.height,left:mm,ease:punchgs.Power3.easeInOut});
									punchgs.TweenLite.to(element.find('.rsp-dotted-line-hr-left'),0.3,{left:o.left,ease:punchgs.Power3.easeInOut});
									punchgs.TweenLite.to(element.find('.rsp-dotted-line-hr-right'),0.3,{right:o.right,ease:punchgs.Power3.easeInOut});
									if (fh===1) {
										o.height = "100%";
										o.mt = 0;
										o.tt = 0;
									}
									else

if (jQuery('#auto_height').attr("checked")==="checked")
										o.height = o.height * (sw/bw);

punchgs.TweenLite.to(element.find('.rsp-slide-bg'),0.3,{top:o.tt,width:ww,left:0-mm,marginTop:o.mt, height:o.height,ease:punchgs.Power3.easeInOut});
									punchgs.TweenLite.to(element.find('.rsp-layer'),0.3,{fontSize:o.mtp*14, paddingTop:o.mtp*3, paddingBottom:o.mtp*3, paddingLeft:o.mtp*5,paddingRight:o.mtp*5, lineHeight:o.mtp*14+"px" ,ease:punchgs.Power3.easeInOut });

}
								function readLayoutValues(goon) {
									var s = get_preview_resp_sizes(),
										o = new Object();
									if (goon===1)
										jQuery('.slide-size-wrapper .tp-moderncheckbox').change();

if (jQuery('#slider_type_2').attr("checked")==="checked" || jQuery('#slider_type_3').attr("checked")==="checked") {
										o.dw = 187; o.dm = 23;
										o.nw = 160; o.nm = 10;
										o.tw = 140; o.tm = 7;
										o.mw = 80; o.mm = 5;
									} else {
										o.dw = 140; o.dm = 0;
										o.nw = 140; o.nm = 0;
										o.tw = 126; o.tm = 0;
										o.mw = 71; o.mm = 0;
									}

if (jQuery('#slider_type_3').attr("checked")==="checked") {
										o.dh = 1;
										o.nh = 1;
										o.th = 1;
										o.mh = 1;
									} else {
										o.dh = 0;
										o.nh = 0;
										o.th = 0;
										o.mh = 0;
									}

setLayoutDesign(jQuery('.rsp-device-imac'), s.w_d.val(), s.h_d.val(), 1400,900,1,o.dw,o.dm,o.dh,0);
									setLayoutDesign(jQuery('.rsp-device-macbook'), s.w_n.val(), s.h_n.val(), 1200,770,1.166,o.nw,o.nm,o.nh,0);
									setLayoutDesign(jQuery('.rsp-device-ipad'), s.w_t.val(), s.h_t.val(), 768,1024,1.78,o.tw,o.tm,o.th,6);
									setLayoutDesign(jQuery('.rsp-device-iphone'), s.w_m.val(), s.h_m.val(), 640,1136,1.25,o.mw,o.mm,o.mh,0);
								}

jQuery('.slide-size-wrapper .tp-moderncheckbox').on("change",function() {
										var bt = jQuery(this),
											bp = bt.closest('.slide-size-wrapper'),
											cw = bp.find('.rs-width-height-alternative'),
											aw = bp.find('.rs-width-height-wrapper'),
											s = get_preview_resp_sizes();

if (bt.attr('checked')==="checked") {
											if (bt.data('oldstatus')==="unchecked" || bt.data('oldstatus') ===undefined) {
												bp.removeClass("disabled").find('input[type="text"]').removeAttr("disabled");
												aw.show();
												cw.hide();
												bp.find('input[type="text"]').each(function() {
													var inp = jQuery(this);
													if (inp.data('oldval')!==undefined) inp.val(inp.data('oldval'));
												});

}
											bt.data('oldstatus',"checked");
										} else {
											if (bt.data('oldstatus')==="checked" || bt.data('oldstatus') ===undefined) {
												bp.addClass("disabled").find('input[type="text"]').attr("disabled","disabled");
												aw.hide();
												cw.show();												
												bp.find('input[type="text"]').each(function() {
													var inp = jQuery(this);
													inp.data('oldval',inp.val());
												});
											}
											bt.data('oldstatus',"unchecked");
										}

// CHECK DISABLE VALUES AND INHERIT THEM
										/*if (!s.n) {
											s.w_n.val(s.w_d.val());
											s.h_n.val(s.h_d.val());
										}
										if (!s.t) {
											s.w_t.val(s.w_n.val());
											s.h_t.val(s.h_n.val());
										}
										if (!s.m) {
											s.w_m.val(s.w_t.val());
											s.h_m.val(s.h_t.val());
										}*/

readLayoutValues(0);

});

jQuery('.slide-size-wrapper .tp-moderncheckbox').change();
								readLayoutValues();

jQuery('input[name="slider_type"], #auto_height, #width, #height, input[name="width_notebook"], input[name="height_notebook"], input[name="width_tablet"], input[name="height_tablet"], input[name="width_mobile"], input[name="height_mobile"]').on("change",function() {
									readLayoutValues(1);
								});
							});
						</script>
						
						<p style="display:none">
							<?php $force_full_width = RevSliderFunctions::getVal($arrFieldsParams, 'force_full_width', 'off');?>
							<span class="rev-new-label"><?php _e('Force Full Width:', 'revslider');?></span>
							<input type="checkbox" class="tp-moderncheckbox " id="force_full_width" name="force_full_width" data-unchecked="off" <?php checked($force_full_width, 'on');?>>

</p>

jQuery('.rs-slidersize').removeClass("selected");
						   		 	jQuery('.rs-slidesize-selector input:checked').closest(".rs-slidersize").addClass("selected");

// IF AUTO IS SELECTED AND FULLSCREEN IS FORCED (FALL BACK) THAN SELECT FULLWIDTH !
						   		 	if (firsttime===1) {

if (jQuery('#force_full_width').attr('checked')==="checked" && jQuery('#slider_type_1').attr('checked')==="checked") {
							   		 		jQuery('#slider_type_1').removeAttr('checked').change();
							   		 		jQuery('#slider_type_2').attr('checked',"checked").change();
							   		 	}

if (jQuery('#force_full_width').attr('checked')!=="checked" && jQuery('#slider_type_2').attr('checked')==="checked") {
							   		 		jQuery('#slider_type_2').removeAttr('checked').change();
							   		 		jQuery('#slider_type_1').attr('checked',"checked").change();
							   		 	}
							   		 }

// FORCE FULLWIDTH ON FULLWIDTH AND FULLSCREEN
						   		 	if (jQuery('#slider_type_2').attr('checked')==="checked" || jQuery('#slider_type_3').attr('checked')==="checked")
						   		 		jQuery('#force_full_width').attr('checked',"checked").change();
						   		 	else
										jQuery('#force_full_width').removeAttr('checked').change();

}
						   		jQuery('.rs-slidesize-selector input').change(rsSelectorFun);
						   		jQuery('#force_full_width').change();
						   		rsSelectorFun(1);
						   })
						</script>
						<div style="float:none; clear:both"></div>
					</div>
				</div>

<?php echo apply_filters( 'rev_main_options_pre_customize_build_implement_filter' , ''); ?>
				<div id="customize_build_implement_sb" class="setting_box">
					<?php
						$headline = '<h3><span class="setting-step-number">5</span><span>'.__("Customize, Build & Implement", 'revslider').'</span></h3>';
						echo apply_filters( 'rev_main_options_headline_customize_build_implement_filter', $headline );
					?>
					<div class="inside" style="padding:35px 20px">
						<div class="slidertitlebox breakdownonmobile">
							<span class="one-third-container" style="text-align:center">
								<img style="width:100%; max-width:325px;" src="<?php echo RS_PLUGIN_URL;?>/admin/assets/images/mainoptions/mini-customizeslide.jpg">
								<span class="cbi-title"><?php _e("Advanced Settings", 'revslider');?></span>
								<span class="description" style="text-align:center;min-height:60px;"><?php _e("Go for further customization using the advanced settings on the right of this configuration page.", 'revslider');?></span>
								<div style="float:none; clear:both; height:20px;display:block;"></div>
								<a class="button-primary revblue" href="#form_slider_params"><i class="revicon-cog"></i><?php _e("Scroll to Options", 'revslider');?></a>
							</span>

<span class="one-third-container" style="text-align:center">
								<img style="width:100%;max-width:325px;" src="<?php echo RS_PLUGIN_URL;?>/admin/assets/images/mainoptions/mini-editslide.jpg">
								<span class="cbi-title"><?php _e("Start Building Slides", 'revslider');?></span>
								<span class="description" style="text-align:center;min-height:60px;"><?php _e("Our drag and drop editor will make creating slide content an absolut breeze. This is where the magic happens!", 'revslider');?></span>
								<div style="float:none; clear:both; height:20px;"></div>
								<?php
								if (isset($linksEditSlides)) {
									?>
									<a class="button-primary revblue" href="<?php echo $linksEditSlides;?>"  id="link_edit_slides"><i class="revicon-pencil-1"></i><?php _e("Edit Slides", 'revslider');?> </a>
									<?php
								}
								?>
							</span>

<span class="one-third-container" style="text-align:center">
								<img id="impl_yr_sldr" style="width:100%;max-width:325px;" src="<?php echo RS_PLUGIN_URL;?>/admin/assets/images/mainoptions/mini-implement.jpg"><span class="description"></span>
								<span class="cbi-title"><?php _e("Implement your Slider", 'revslider');?></span>
								<span class="description" style="text-align:center;min-height:60px;"><?php _e("There are several ways to add your slider to your wordpress post / page / etc.", 'revslider');?></span>
								<div style="float:none; clear:both; height:20px;"></div>
								
								<span class="button-primary revblue rs-embed-slider"><i class="eg-icon-plus-circled"></i><?php _e("Embed Slider", 'revslider');?> </span>
								
							</span>
						</div>
					</div>
					<div class="buttonarea" style="background-color:#eee; text-align:center">
						<a style="width:125px" class='button-primary revgreen' href='javascript:void(0)' id="button_save_slider" ><i class="rs-rp-accordion-icon rs-icon-save-light" style="display: inline-block;vertical-align: middle;width: 18px;height: 20px;margin-right:5px;background-repeat: no-repeat;"></i><?php _e("Save Settings", 'revslider');?></a>
						<span id="loader_update" class="loader_round" style="display:none;background-color:#27AE60 !important; color:#fff;padding: 4px 5px 5px 25px;margin-right: 5px;"><?php _e("updating...", 'revslider');?> </span>
						<span id="update_slider_success" class="success_message"></span>
						<a style="width:125px" class='button-primary revred' id="button_delete_slider" href='javascript:void(0)' ><i class="revicon-trash"></i><?php _e("Delete Slider", 'revslider');?></a>
						<a style="width:125px" class='button-primary revyellow' id="button_close_slider_edit"  href='<?php echo self::getViewUrl("sliders")?>' ><i class="eg-icon-th-large"></i><?php _e("All Sliders", 'revslider');?></a>
						<a style="width:125px" class="button-primary revgray" href="javascript:void(0)"  id="button_preview_slider" title="<?php _e("Preview Slider", 'revslider');?>"><i class="revicon-search-1"></i><?php _e("Preview", 'revslider');?></a>
					</div>
				</div>

</form>

<?php
			if ($is_edit) {
				$custom_css = '';
				$custom_js = '';
				if (!empty($sliderID)) {
					$custom_css = @stripslashes($arrFieldsParams['custom_css']);
					$custom_js = @stripslashes($arrFieldsParams['custom_javascript']);
				}
				
				$hidebox = '';
				if(!RevSliderFunctionsWP::isAdminUser() && apply_filters('revslider_restrict_role', true)){
					$hidebox = 'display: none;';
				}
				?>

<?php echo apply_filters( 'rev_main_options_pre_customize_css_js_filter' , ''); ?>
				<div id="customize_css_js_sb" class="setting_box" id="css-javascript-customs" style="max-width:100%;position:relative;overflow:hidden;<?php echo $hidebox; ?>">
					<?php
						$headline = '<h3><span class="setting-step-number">6</span><span>'.__("Custom CSS / Javascript", 'revslider').'</span></h3>';
						echo apply_filters( 'rev_main_options_headline_customize_css_js_filter', $headline );
					?>
					<div class="inside" id="codemirror-wrapper">

</div>
				</div>

rev_cm_custom_js = CodeMirror.fromTextArea(document.getElementById("rs_custom_javascript"), {
							onChange: function(){ },
							lineNumbers: true,
							mode: 'text/html',
							lineWrapping:true													
						});

jQuery('.rs-cm-refresh').click(function(){
							rev_cm_custom_css.refresh();
							rev_cm_custom_js.refresh();
						});

var hlLineC = rev_cm_custom_css.setLineClass(0, "activeline"),
							hlLineJ = rev_cm_custom_js.setLineClass(0, "activeline");

});
				</script>

<?php
			}
			?>
		</div>

<div class="settings_panel_right">
			<script type="text/javascript">
				function drawToolBarPreview() {

var tslideprev = jQuery('.toolbar-sliderpreview'),
						 tslider = jQuery('.toolbar-slider'),
						 tslider_image = jQuery('.toolbar-slider-image'),
						 tprogress = jQuery('.toolbar-progressbar'),
						 tdot = jQuery('.toolbar-dottedoverlay'),
						 tthumbs = jQuery('.toolbar-navigation-thumbs'),
						 ttabs = jQuery('.toolbar-navigation-tabs'),
						 tbuls = jQuery('.toolbar-navigation-bullets'),
						 tla = jQuery('.toolbar-navigation-left'),
						 tra = jQuery('.toolbar-navigation-right');

// DRAW SHADOWS
					jQuery('.shadowTypes').css({display:"none"});
					tslideprev.removeClass("tp-shadow1").removeClass("tp-shadow2").removeClass("tp-shadow3").removeClass("tp-shadow4").removeClass("tp-shadow5").removeClass("tp-shadow6");

// MAKE ddd_IF NEEDED
					if (jQuery('#ddd_parallax').attr('checked') && jQuery('#use_parallax').attr('checked')) {
						punchgs.TweenLite.to(tslideprev,0.5,{transformPerspective:800, rotationY:30,rotationX:10,scale:0.8});
						if (jQuery('#ddd_parallax_shadow').attr('checked')) {
							tslideprev.css({boxShadow:"0 45px 100px rgba(0, 0, 0, 0.4)"})
						} else {
							tslideprev.css({boxShadow:"none"})
						}
					} else {
						punchgs.TweenLite.to(tslideprev,0.5,{transformPerspective:800, rotationY:0,rotationX:0,scale:1});						
						tslideprev.addClass('tp-shadow'+jQuery('#shadow_type').val());
						tslideprev.css({boxShadow:"none"})
					}

// DRAW PADDING
					tslideprev.css({padding:jQuery('#padding').val()+"px"});

// DRAWING BACKGROUND IMAGE OR COLOR
					if (jQuery('#show_background_image').attr("checked")==="checked")	// DRAWING BACKGROUND IMAGE
						tslider.css({background:"url("+jQuery('#background_image').val()+")",
										backgroundSize:jQuery('#bg_fit').val(),
										backgroundPosition:jQuery('#bg_repeat').val(),
										backgroundRepeat:jQuery('#bg_position').val(),
									});
					else
						tslider.css({background:window.RevColor.get(jQuery('#background_color').val())});	// DRAW BACKGROUND COLOR

// DRAWING PROGRESS BAR
					var progope = parseInt(jQuery('#progress_opa').val(),0),
						progheight = parseInt(jQuery('#progress_height').val(),0);

progope = jQuery.isNumeric(progope) ? progope/100 : 0.15;
					progheight = jQuery.isNumeric(progheight) ? progheight : 5;

switch (jQuery('#show_timerbar').val()) {
						case "top":
							punchgs.TweenLite.set(tprogress,{background:window.RevColor.get(jQuery('#progressbar_color').val()),top:"0px",bottom:"auto", height:progheight+"px", opacity:progope});
						break;
						case "bottom":
							punchgs.TweenLite.set(tprogress,{background:window.RevColor.get(jQuery('#progressbar_color').val()),bottom:"0px",top:"auto", height:progheight+"px", opacity:progope});
						break;
					}
					if (jQuery('#enable_progressbar').attr('checked')==="checked")
							punchgs.TweenLite.set(tprogress,{display:"block"});
					else
							punchgs.TweenLite.set(tprogress,{display:"none"});

function removeClasses(obj,cs) {
						var classes = cs.split(",");
						if (classes)
							jQuery.each(classes,function(index,c) {
								obj.removeClass("tbn-"+c);
							});
					}

jQuery('.toolbar-sliderpreview').removeClass("outer-left").removeClass("outer-right").removeClass("outer-top").removeClass("outer-bottom").removeClass("inner");

// SHOW / HIDE ARROWS
					if (jQuery('#enable_arrows').attr("checked")!=="checked") {
						tla.hide();
						tra.hide();
					} else {
						tla.show();
						tra.show();
						removeClasses(tla,"left,right,center,top,bottom,middle");
						removeClasses(tra,"left,right,center,top,bottom,middle");

// LEFT ARROW
						var hor = jQuery('#leftarrow_align_hor option:selected').val(),
							ver = jQuery('#leftarrow_align_vert option:selected').val();
						ver = ver === "center" ? "middle" : ver;
						tla.addClass("tbn-"+hor);
						tla.addClass("tbn-"+ver);
						var ml = Math.ceil(parseInt(jQuery('#leftarrow_offset_hor').val(),0)/4),
							mt = Math.ceil(parseInt(jQuery('#leftarrow_offset_vert').val(),0)/4);

if (hor==="right")
							tla.css({marginRight:ml+"px",marginLeft:"0px"});
						else
							tla.css({marginRight:"0px",marginLeft:ml+"px"});

if (ver==="bottom")
							tla.css({marginBottom:mt+"px",marginTop:"0px"});
						else
							tla.css({marginBottom:"0px",marginTop:mt+"px"});

// RIGHT ARROW
						hor = jQuery('#rightarrow_align_hor option:selected').val();
						ver = jQuery('#rightarrow_align_vert option:selected').val();
						ver = ver === "center" ? "middle" : ver;
						tra.addClass("tbn-"+hor);
						tra.addClass("tbn-"+ver);
						ml = Math.ceil(parseInt(jQuery('#rightarrow_offset_hor').val(),0)/4),
						mt = Math.ceil(parseInt(jQuery('#rightarrow_offset_vert').val(),0)/4);
						if (hor==="right")
							tra.css({marginRight:ml+"px",marginLeft:"0px"});
						else
							tra.css({marginRight:"0px",marginLeft:ml+"px"});

if (ver==="bottom")
							tra.css({marginBottom:mt+"px",marginTop:"0px"});
						else
							tra.css({marginBottom:"0px",marginTop:mt+"px"});

}

// SHOW HIDE BULLETS
					if (jQuery('#enable_bullets').attr("checked")!=="checked") {
						tbuls.hide();
					} else {
						tbuls.show();
						removeClasses(tbuls,"left,right,center,top,bottom,middle,vertical,horizontal,inner,outer-left,outer-right,outer-top,outer-bottom");

hor = jQuery('#bullets_align_hor option:selected').val();
						ver = jQuery('#bullets_align_vert option:selected').val();
						ver = ver === "center" ? "middle" : ver;
						tbuls.addClass("tbn-"+hor);
						tbuls.addClass("tbn-"+ver);

ml = Math.ceil(parseInt(jQuery('#bullets_offset_hor').val(),0)/4),
						mt = Math.ceil(parseInt(jQuery('#bullets_offset_vert').val(),0)/4);
						if (hor==="right")
							tbuls.css({marginRight:ml+"px",marginLeft:"0px"});
						else
							tbuls.css({marginRight:"0px",marginLeft:ml+"px"});

if (ver==="bottom")
							tbuls.css({marginBottom:mt+"px",marginTop:"0px"});
						else
							tbuls.css({marginBottom:"0px",marginTop:mt+"px"});

tbuls.addClass("tbn-"+jQuery('#bullets_direction option:selected').val());
					}

// SHOW HIDE THUMBNAILS
					if (jQuery('#enable_thumbnails').attr("checked")!=="checked") {
						tthumbs.hide();
					} else {
						tthumbs.show();
						removeClasses(tthumbs,"left,right,center,top,bottom,middle,vertical,horizontal,inner,outer,spanned,outer-left,outer-right,outer-top,outer-bottom");
						tthumbs.addClass("tbn-"+jQuery('#thumbnails_align_hor option:selected').val());
						var v = jQuery('#thumbnails_align_vert option:selected').val() === "center" ? "middle" : jQuery('#thumbnails_align_vert option:selected').val();
						tthumbs.addClass("tbn-"+v);
						tthumbs.addClass("tbn-"+jQuery('#thumbnail_direction option:selected').val());
						if (jQuery('#span_thumbnails_wrapper').attr("checked")==="checked")
								tthumbs.addClass("tbn-spanned");
						jQuery('.toolbar-navigation-thumbs-bg').css({background:window.RevColor.get(jQuery('#thumbnails_wrapper_color').val())});

jQuery('.toolbar-sliderpreview').addClass(jQuery('#thumbnails_inner_outer option:selected').val())
						tthumbs.addClass("tbn-"+jQuery('#thumbnails_inner_outer option:selected').val())

}

// SHOW HIDE TABS
					if (jQuery('#enable_tabs').attr("checked")!=="checked") {
						ttabs.hide();
					} else {
						ttabs.show();
						removeClasses(ttabs,"left,right,center,top,bottom,middle,vertical,horizontal,inner,outer,spanned,outer-left,outer-right,outer-top,outer-bottom");
						ttabs.addClass("tbn-"+jQuery('#tabs_align_hor option:selected').val());
						var v = jQuery('#tabs_align_vert option:selected').val() === "center" ? "middle" : jQuery('#tabs_align_vert option:selected').val();
						ttabs.addClass("tbn-"+v);
						ttabs.addClass("tbn-"+jQuery('#tabs_direction option:selected').val());
						if (jQuery('#span_tabs_wrapper').attr("checked")==="checked")
								ttabs.addClass("tbn-spanned");
						jQuery('.toolbar-navigation-tabs-bg').css({background:window.RevColor.get(jQuery('#tabs_wrapper_color').val())});
						jQuery('.toolbar-sliderpreview').addClass(jQuery('#tabs_inner_outer option:selected').val());
						ttabs.addClass("tbn-"+jQuery('#tabs_inner_outer option:selected').val());
					}

// DRAWING DOTTED OVERLAY
					tdot.removeClass("twoxtwo").removeClass("twoxtwowhite").removeClass("threexthree").removeClass("threexthreewhite");
					tdot.addClass(jQuery('#background_dotted_overlay').val());
				}
				jQuery(document).ready(function(){
					RevSliderAdmin.initEditSlideView();
				});
			</script>

<div class="settings_wrapper closeallothers" id="form_slider_params_wrap">
					<form name="form_slider_params" id="form_slider_params" onkeypress="return event.keyCode != 13;">

</ul>

<div id="general-misc" style="display:none">
									<?php
									if (RevSliderWpml::isWpmlExists()) {
										?>
										
										<span id="label_use_wpml" class="label" origtitle="<?php _e("Show multi language controls across the slider. Only available when wpml plugin exists.", 'revslider');?>"><?php _e("Use Multi Language (WPML)", 'revslider');?> </span>
										<input type="checkbox" class="tp-moderncheckbox withlabel" id="use_wpml" name="use_wpml" data-unchecked="off" <?php checked(RevSliderFunctions::getVal($arrFieldsParams, 'use_wpml', 'off'), "on");?>>
										<div class="clearfix"></div>
										<?php
									}
									?>
									
									<div class="dontshowonhero">
										
										<span id="label_next_slide_on_window_focus" class="label" origtitle="<?php _e("Call next slide when inactive browser tab is focused again. Use this for avoid dissorted layers and broken timeouts after bluring the browser tab.", 'revslider');?>"><?php _e("Next Slide on Focus", 'revslider');?> </span>
										<input type="checkbox"  class="tp-moderncheckbox withlabel" id="next_slide_on_window_focus" name="next_slide_on_window_focus" data-unchecked="off" <?php checked(RevSliderFunctions::getVal($arrFieldsParams, 'next_slide_on_window_focus', 'off'), "on");?>>
										<div class="clearfix"></div>
									</div>
									
									<div>
										
										<span id="label_disable_focus_listener" class="label" origtitle="<?php _e("This will disable the blur/focus behavior of the browser.", 'revslider');?>"><?php _e("Disable Blur/Focus behavior", 'revslider');?> </span>
										<input type="checkbox"  class="tp-moderncheckbox withlabel" id="disable_focus_listener" name="disable_focus_listener" data-unchecked="off" <?php checked(RevSliderFunctions::getVal($arrFieldsParams, 'disable_focus_listener', 'off'), "on");?>>
										<div class="clearfix"></div>
									</div>
								</div>

<div id="general-defaults" style="display:none">
									
									<?php $layer_selection = RevSliderFunctions::getVal($arrFieldsParams, 'def-layer_selection', 'off'); ?>									
									<span id="label_def-layer_selection" origtitle="<?php _e("Default Layer Selection on Frontend enabled or disabled", 'revslider');?>" class="label"><?php _e('Layers Selectable:', 'revslider');?></span>
									<input type="checkbox" class="tp-moderncheckbox withlabel" id="def-layer_selection" name="def-layer_selection" data-unchecked="off" <?php checked($layer_selection, 'on');?>>
									
									
									<span class="label" id="label_slider_id" origtitle="<?php _e("Set a specific ID to the Slider, if empty, there will be a default one written", 'revslider');?>"><?php _e("Slider ID", 'revslider');?> </span>
									<input type="text"  class="text-sidebar withlabel" id="slider_id" name="slider_id" value="<?php echo RevSliderFunctions::getVal($arrFieldsParams, 'slider_id', '');?>">
									<div class="clearfix"></div>

<span class="label" id="label_delay" origtitle="<?php _e("The time one slide stays on the screen in Milliseconds. This is a Default Global value. Can be adjusted slide to slide also in the slide editor.", 'revslider');?>"><?php _e("Default Slide Duration", 'revslider');?> </span>
									<input type="text"  class="text-sidebar withlabel" id="delay" name="delay" value="<?php echo RevSliderFunctions::getVal($arrFieldsParams, 'delay', '9000');?>">
									 <span ><?php _e("ms", 'revslider');?></span>
									<div class="clearfix"></div>

<span id="label_start_js_after_delay" class="label" origtitle="<?php _e("Sets a delay before the Slider gets initialized", 'revslider');?>"><?php _e("Initialization Delay", 'revslider');?> </span>
									<input type="text"  class="text-sidebar withlabel" id="start_js_after_delay" name="start_js_after_delay" value="<?php echo RevSliderFunctions::getVal($arrFieldsParams, 'start_js_after_delay', '0');?>">
									<span ><?php _e("ms", 'revslider');?></span>
									<div class="clear"></div>
									<div id="reset-to-default-inputs">
										<input type="checkbox" class="rs-ingore-save rs-reset-slide-setting" name="reset-slide_transition" /> <span id="label_def-slide_transition" origtitle="<?php _e("Default transition by creating a new slide.", 'revslider');?>" class="label"><?php _e('Transitions', 'revslider');?></span>
										<select id="def-slide_transition" name="def-slide_transition" style="max-width:105px" class="withlabel">
											<?php
											$def_trans = RevSliderFunctions::getVal($arrFieldsParams, 'def-slide_transition', 'fade');
											foreach ($transitions as $handle => $name) {
												$not = (strpos($handle, 'notselectable') !== false) ? ' disabled="disabled"' : '';
												$sel = ($def_trans == $handle) ? ' selected="selected"' : '';
												echo '<option value="' . $handle . '"' . $not . $sel . '>' . $name . '</option>';
											}
											?>
										</select>
										<div class="clear"></div>

<?php $def_trans_dur = RevSliderFunctions::getVal($arrFieldsParams, 'def-transition_duration', '300');?>
										<input type="checkbox" class="rs-ingore-save rs-reset-slide-setting" name="reset-transition_duration" /> <span id="label_def-transition_duration" origtitle="<?php _e("Default transition duration by creating a new slide.", 'revslider');?>" class="label" origtitle=""><?php _e('Animation Duration', 'revslider');?></span>
										<input type="text" class="text-sidebar withlabel" id="def-transition_duration" name="def-transition_duration" value="<?php echo $def_trans_dur;?>">
										<span><?php _e('ms', 'revslider');?></span>
										<div class="clear"></div>

<?php
										$img_sizes = RevSliderBase::get_all_image_sizes();
										$bg_image_size = RevSliderFunctions::getVal($arrFieldsParams, 'def-image_source_type', 'full');
										?>
										<input type="checkbox" class="rs-ingore-save rs-reset-slide-setting" name="reset-image_source_type" /> <span id="label_def-image_source_type" class="label" origtitle="<?php _e("Default main image source size by creating a new slide.", 'revslider');?>" ><?php _e('Image Source Size', 'revslider');?></span>
										<select name="def-image_source_type">
											<?php
											foreach ($img_sizes as $imghandle => $imgSize) {
												$sel = ($bg_image_size == $imghandle) ? ' selected="selected"' : '';
												echo '<option value="' . $imghandle . '"' . $sel . '>' . $imgSize . '</option>';
											}
											?>
										</select>
										<div class="clear"></div>

<?php
										$bgFit = RevSliderFunctions::getVal($arrFieldsParams, 'def-background_fit', 'cover');
										$bgFitX = RevSliderFunctions::getVal($arrFieldsParams, 'def-bg_fit_x', '100');
										$bgFitY = RevSliderFunctions::getVal($arrFieldsParams, 'def-bg_fit_y', '100');
										?>
										<input type="checkbox" class="rs-ingore-save rs-reset-slide-setting" name="reset-background_fit" /> <span id="label_def-background_fit" origtitle="<?php _e("Default background size by creating a new slide.", 'revslider');?>"  class="label"><?php _e('Background Fit', 'revslider');?></span>
										<select id="def-background_fit" name="def-background_fit" style="max-width: 105px;" class="withlabel">
											<option value="cover"<?php selected($bgFit, 'cover');?>>cover</option>
											<option value="contain"<?php selected($bgFit, 'contain');?>>contain</option>
											<option value="percentage"<?php selected($bgFit, 'percentage');?>>(%, %)</option>
											<option value="normal"<?php selected($bgFit, 'normal');?>>normal</option>
										</select>
										<input type="text" name="def-bg_fit_x" style="<?php if ($bgFit != 'percentage') {
											echo 'display: none; ';
										}
										?> width:60px;margin-right:10px" value="<?php echo $bgFitX;?>" />
										<input type="text" name="def-bg_fit_y" style="<?php if ($bgFit != 'percentage') {
											echo 'display: none; ';
										}
										?> width:60px;margin-right:10px"  value="<?php echo $bgFitY;?>" />
										<div class="clear"></div>

<?php
										$bgPosition = RevSliderFunctions::getVal($arrFieldsParams, 'def-bg_position', 'center center');
										$bgPositionX = RevSliderFunctions::getVal($arrFieldsParams, 'def-bg_position_x', '0');
										$bgPositionY = RevSliderFunctions::getVal($arrFieldsParams, 'def-bg_position_y', '0');
										?>
										<input type="checkbox" class="rs-ingore-save rs-reset-slide-setting" name="reset-bg_position" /> <span id="label_slide_bg_position" origtitle="<?php _e("Default background position by creating a new slide.", 'revslider');?>" class="label"><?php _e('Background Position', 'revslider');?></span>
										<select name="def-bg_position" id="slide_bg_position" class="withlabel">
											<option value="center top"<?php selected($bgPosition, 'center top');?>>center top</option>
											<option value="center right"<?php selected($bgPosition, 'center right');?>>center right</option>
											<option value="center bottom"<?php selected($bgPosition, 'center bottom');?>>center bottom</option>
											<option value="center center"<?php selected($bgPosition, 'center center');?>>center center</option>
											<option value="left top"<?php selected($bgPosition, 'left top');?>>left top</option>
											<option value="left center"<?php selected($bgPosition, 'left center');?>>left center</option>
											<option value="left bottom"<?php selected($bgPosition, 'left bottom');?>>left bottom</option>
											<option value="right top"<?php selected($bgPosition, 'right top');?>>right top</option>
											<option value="right center"<?php selected($bgPosition, 'right center');?>>right center</option>
											<option value="right bottom"<?php selected($bgPosition, 'right bottom');?>>right bottom</option>
										</select>
										<input type="text" name="def-bg_position_x" style="<?php if ($bgPosition != 'percentage') {
											echo 'display: none;';
										}
										?>width:60px;margin-right:10px" value="<?php echo $bgPositionX;?>" />
										<input type="text" name="def-bg_position_y" style="<?php if ($bgPosition != 'percentage') { 
											echo 'display: none;';
										}
										?>width:60px;margin-right:10px" value="<?php echo $bgPositionY;?>" />
										<div class="clear"></div>
										<?php
										$bgRepeat = RevSliderFunctions::getVal($arrFieldsParams, 'def-bg_repeat', 'no-repeat');
										?>
										<input type="checkbox" class="rs-ingore-save rs-reset-slide-setting" name="reset-bg_repeat" />
										<span id="slide_bg_repeat" origtitle="<?php _e("Default background repeat by creating a new slide.", 'revslider');?>"  class="label"><?php _e('Background Repeat', 'revslider');?></span>
										<select name="def-bg_repeat" id="slide_bg_repeat" style="margin-right:20px">
											<option value="no-repeat"<?php selected($bgRepeat, 'no-repeat');?>>no-repeat</option>
											<option value="repeat"<?php selected($bgRepeat, 'repeat');?>>repeat</option>
											<option value="repeat-x"<?php selected($bgRepeat, 'repeat-x');?>>repeat-x</option>
											<option value="repeat-y"<?php selected($bgRepeat, 'repeat-y');?>>repeat-y</option>
										</select>
										<div class="clear"></div>

<?php $kenburn_effect = RevSliderFunctions::getVal($arrFieldsParams, 'def-kenburn_effect', 'off'); ?>
										<input type="checkbox" class="rs-ingore-save rs-reset-slide-setting" name="reset-kenburn_effect" />
										<span id="label_def-kenburn_effect" origtitle="<?php _e("Default Ken/Burn setting by creating a new slide.", 'revslider');?>" class="label"><?php _e('Ken Burns / Pan Zoom:', 'revslider');?></span>
										<input type="checkbox" class="tp-moderncheckbox withlabel" id="def-kenburn_effect" name="def-kenburn_effect" data-unchecked="off" <?php checked($kenburn_effect, 'on');?>>

<?php $kb_start_fit = RevSliderFunctions::getVal($arrFieldsParams, 'def-kb_start_fit', '100');?>
										<input type="checkbox" class="rs-ingore-save rs-reset-slide-setting" name="reset-kb_start_fit" />
										<span id="label_kb_start_fit" class="label"><?php _e('Start Fit: (in %):', 'revslider');?></span>
										<input type="text" name="def-kb_start_fit" value="<?php echo intval($kb_start_fit);?>" />
										<div class="clear"></div>

<?php $kb_easing = RevSliderFunctions::getVal($arrFieldsParams, 'def-kb_easing', 'Linear.easeNone');?>
										<input type="checkbox" class="rs-ingore-save rs-reset-slide-setting" name="reset-kb_easing" /> <span id="label_kb_easing" class="label"><?php _e('Easing:', 'revslider');?></span>
										<select name="def-kb_easing">
											<option <?php selected($kb_easing, 'Linear.easeNone');?> value="Linear.easeNone">Linear.easeNone</option>
											<option <?php selected($kb_easing, 'Power0.easeIn');?> value="Power0.easeIn">Power0.easeIn  (linear)</option>
											<option <?php selected($kb_easing, 'Power0.easeInOut');?> value="Power0.easeInOut">Power0.easeInOut  (linear)</option>
											<option <?php selected($kb_easing, 'Power0.easeOut');?> value="Power0.easeOut">Power0.easeOut  (linear)</option>
											<option <?php selected($kb_easing, 'Power1.easeIn');?> value="Power1.easeIn">Power1.easeIn</option>
											<option <?php selected($kb_easing, 'Power1.easeInOut');?> value="Power1.easeInOut">Power1.easeInOut</option>
											<option <?php selected($kb_easing, 'Power1.easeOut');?> value="Power1.easeOut">Power1.easeOut</option>
											<option <?php selected($kb_easing, 'Power2.easeIn');?> value="Power2.easeIn">Power2.easeIn</option>
											<option <?php selected($kb_easing, 'Power2.easeInOut');?> value="Power2.easeInOut">Power2.easeInOut</option>
											<option <?php selected($kb_easing, 'Power2.easeOut');?> value="Power2.easeOut">Power2.easeOut</option>
											<option <?php selected($kb_easing, 'Power3.easeIn');?> value="Power3.easeIn">Power3.easeIn</option>
											<option <?php selected($kb_easing, 'Power3.easeInOut');?> value="Power3.easeInOut">Power3.easeInOut</option>
											<option <?php selected($kb_easing, 'Power3.easeOut');?> value="Power3.easeOut">Power3.easeOut</option>
											<option <?php selected($kb_easing, 'Power4.easeIn');?> value="Power4.easeIn">Power4.easeIn</option>
											<option <?php selected($kb_easing, 'Power4.easeInOut');?> value="Power4.easeInOut">Power4.easeInOut</option>
											<option <?php selected($kb_easing, 'Power4.easeOut');?> value="Power4.easeOut">Power4.easeOut</option>
											<option <?php selected($kb_easing, 'Back.easeIn');?> value="Back.easeIn">Back.easeIn</option>
											<option <?php selected($kb_easing, 'Back.easeInOut');?> value="Back.easeInOut">Back.easeInOut</option>
											<option <?php selected($kb_easing, 'Back.easeOut');?> value="Back.easeOut">Back.easeOut</option>
											<option <?php selected($kb_easing, 'Bounce.easeIn');?> value="Bounce.easeIn">Bounce.easeIn</option>
											<option <?php selected($kb_easing, 'Bounce.easeInOut');?> value="Bounce.easeInOut">Bounce.easeInOut</option>
											<option <?php selected($kb_easing, 'Bounce.easeOut');?> value="Bounce.easeOut">Bounce.easeOut</option>
											<option <?php selected($kb_easing, 'Circ.easeIn');?> value="Circ.easeIn">Circ.easeIn</option>
											<option <?php selected($kb_easing, 'Circ.easeInOut');?> value="Circ.easeInOut">Circ.easeInOut</option>
											<option <?php selected($kb_easing, 'Circ.easeOut');?> value="Circ.easeOut">Circ.easeOut</option>
											<option <?php selected($kb_easing, 'Elastic.easeIn');?> value="Elastic.easeIn">Elastic.easeIn</option>
											<option <?php selected($kb_easing, 'Elastic.easeInOut');?> value="Elastic.easeInOut">Elastic.easeInOut</option>
											<option <?php selected($kb_easing, 'Elastic.easeOut');?> value="Elastic.easeOut">Elastic.easeOut</option>
											<option <?php selected($kb_easing, 'Expo.easeIn');?> value="Expo.easeIn">Expo.easeIn</option>
											<option <?php selected($kb_easing, 'Expo.easeInOut');?> value="Expo.easeInOut">Expo.easeInOut</option>
											<option <?php selected($kb_easing, 'Expo.easeOut');?> value="Expo.easeOut">Expo.easeOut</option>
											<option <?php selected($kb_easing, 'Sine.easeIn');?> value="Sine.easeIn">Sine.easeIn</option>
											<option <?php selected($kb_easing, 'Sine.easeInOut');?> value="Sine.easeInOut">Sine.easeInOut</option>
											<option <?php selected($kb_easing, 'Sine.easeOut');?> value="Sine.easeOut">Sine.easeOut</option>
											<option <?php selected($kb_easing, 'SlowMo.ease');?> value="SlowMo.ease">SlowMo.ease</option>
										</select>
										<div class="clear"></div>

<?php /*$bgEndPosition = RevSliderFunctions::getVal($arrFieldsParams, 'def-bg_end_position', 'center top');?>
										<input type="checkbox" class="rs-ingore-save rs-reset-slide-setting" name="reset-bg_end_position" /> <span id="label_bg_end_position" class="label"><?php _e('End Position:', 'revslider');?></span>
										<select name="def-bg_end_position" id="slide_bg_end_position">
											<option <?php selected($bgEndPosition, 'center top');?> value="center top">center top</option>
											<option <?php selected($bgEndPosition, 'center right');?> value="center right">center right</option>
											<option <?php selected($bgEndPosition, 'center bottom');?> value="center bottom">center bottom</option>
											<option <?php selected($bgEndPosition, 'center center');?> value="center center">center center</option>
											<option <?php selected($bgEndPosition, 'left top');?> value="left top">left top</option>
											<option <?php selected($bgEndPosition, 'left center');?> value="left center">left center</option>
											<option <?php selected($bgEndPosition, 'left bottom');?> value="left bottom">left bottom</option>
											<option <?php selected($bgEndPosition, 'right top');?> value="right top">right top</option>
											<option <?php selected($bgEndPosition, 'right center');?> value="right center">right center</option>
											<option <?php selected($bgEndPosition, 'right bottom');?> value="right bottom">right bottom</option>

</select>
										<?php
										$bgEndPositionX = RevSliderFunctions::getVal($arrFieldsParams, 'def-bg_end_position_x', '0');
										$bgEndPositionY = RevSliderFunctions::getVal($arrFieldsParams, 'def-bg_end_position_y', '0');
										?>
										<input type="text" name="def-bg_end_position_x" style="<?php if ($bgEndPosition != 'percentage') {
											echo ' display: none;';
										}
										?>width:60px;margin-right:10px" value="<?php echo $bgEndPositionX;?>" />
										<input type="text" name="def-bg_end_position_y" style="<?php if ($bgEndPosition != 'percentage') {
											echo ' display: none;';
										}
										?>width:60px;margin-right:10px" value="<?php echo $bgEndPositionY;?>" />
										<div class="clear"></div>
										*/
										?>
										
										<?php $kb_end_fit = RevSliderFunctions::getVal($arrFieldsParams, 'def-kb_end_fit', '100');?>
										<input type="checkbox" class="rs-ingore-save rs-reset-slide-setting" name="reset-kb_end_fit" /> <span id="label_kb_end_fit" class="label"><?php _e('End Fit: (in %):', 'revslider');?></span>
										<input type="text" name="def-kb_end_fit" value="<?php echo intval($kb_end_fit);?>" />
										<div class="clear"></div>
										
										<?php $kb_start_offset_x = RevSliderFunctions::getVal($arrFieldsParams, 'def-kb_start_offset_x', '0');?>
										<input type="checkbox" class="rs-ingore-save rs-reset-slide-setting" name="reset-kb_start_offset_x" /> <span id="label_kb_end_fit" class="label"><?php _e('Start Offset X:', 'revslider');?></span>
										<input type="text" name="def-kb_start_offset_x" value="<?php echo intval($kb_start_offset_x);?>" />
										<div class="clear"></div>
										
										<?php $kb_start_offset_y = RevSliderFunctions::getVal($arrFieldsParams, 'def-kb_start_offset_y', '0');?>
										<input type="checkbox" class="rs-ingore-save rs-reset-slide-setting" name="reset-kb_start_offset_y" /> <span id="label_kb_end_fit" class="label"><?php _e('Start Offset Y:', 'revslider');?></span>
										<input type="text" name="def-kb_start_offset_y" value="<?php echo intval($kb_start_offset_y);?>" />
										<div class="clear"></div>
										
										<?php $kb_end_offset_x = RevSliderFunctions::getVal($arrFieldsParams, 'def-kb_end_offset_x', '0');?>
										<input type="checkbox" class="rs-ingore-save rs-reset-slide-setting" name="reset-kb_end_offset_x" /> <span id="label_kb_end_fit" class="label"><?php _e('End Offset X:', 'revslider');?></span>
										<input type="text" name="def-kb_end_offset_x" value="<?php echo intval($kb_end_offset_x);?>" />
										<div class="clear"></div>
										
										<?php $kb_end_offset_y = RevSliderFunctions::getVal($arrFieldsParams, 'def-kb_end_offset_y', '0');?>
										<input type="checkbox" class="rs-ingore-save rs-reset-slide-setting" name="reset-kb_end_offset_y" /> <span id="label_kb_end_fit" class="label"><?php _e('End Offset Y:', 'revslider');?></span>
										<input type="text" name="def-kb_end_offset_y" value="<?php echo intval($kb_end_offset_y);?>" />
										<div class="clear"></div>
										
										<?php $kb_start_rotate = RevSliderFunctions::getVal($arrFieldsParams, 'def-kb_start_rotate', '0');?>
										<input type="checkbox" class="rs-ingore-save rs-reset-slide-setting" name="reset-kb_start_rotate" /> <span id="label_kb_end_fit" class="label"><?php _e('Start Rotate:', 'revslider');?></span>
										<input type="text" name="def-kb_start_rotate" value="<?php echo intval($kb_start_rotate);?>" />
										<div class="clear"></div>
										
										<?php $kb_end_rotate = RevSliderFunctions::getVal($arrFieldsParams, 'def-kb_end_rotate', '0');?>
										<input type="checkbox" class="rs-ingore-save rs-reset-slide-setting" name="reset-kb_end_rotate" /> <span id="label_kb_end_fit" class="label"><?php _e('End Rotate:', 'revslider');?></span>
										<input type="text" name="def-kb_end_rotate" value="<?php echo intval($kb_end_rotate);?>" />
										<div class="clear"></div>

<?php $kb_blur_start = RevSliderFunctions::getVal($arrFieldsParams, 'def-kb_blur_start', '0');?>
										<input type="checkbox" class="rs-ingore-save rs-reset-slide-setting" name="reset-kb_blur_start" /> <span id="label_kb_end_fit" class="label"><?php _e('Blur Start:', 'revslider');?></span>
										<input type="text" name="def-kb_blur_start" value="<?php echo intval($kb_blur_start);?>" />
										<div class="clear"></div>

<?php $kb_blur_end = RevSliderFunctions::getVal($arrFieldsParams, 'def-kb_blur_end', '0');?>
										<input type="checkbox" class="rs-ingore-save rs-reset-slide-setting" name="reset-kb_blur_end" /> <span id="label_kb_end_fit" class="label"><?php _e('Blur End:', 'revslider');?></span>
										<input type="text" name="def-kb_blur_end" value="<?php echo intval($kb_blur_end);?>" />
										<div class="clear"></div>
										
										<?php $kb_duration = RevSliderFunctions::getVal($arrFieldsParams, 'def-kb_duration', '10000');?>
										<input type="checkbox" class="rs-ingore-save rs-reset-slide-setting" name="reset-kb_duration" /> <span id="label_kb_duration" class="label"><?php _e('Duration (in ms):', 'revslider');?></span>
										<input type="text" name="def-kb_duration" value="<?php echo intval($kb_duration);?>" />
										<div class="clear"></div>
									</div>
									<span class="overwrite-arrow"></span>
									<input type="button" id="reset_slide_button" value="<?php _e('Overwrite Selected Settings on all Slides', 'revslider');?>" class="button-primary revblue" origtitle="">
									<div class="clear"></div>
								</div>

</div>

<div id="general-firstslide" style="display:none">
									<span id="label_start_with_slide_enable" class="label" origtitle="<?php _e("Activate Alternative 1st Slide.", 'revslider');?>"><?php _e("Activate Alt. 1st Slide", 'revslider');?></span>
									<input type="checkbox" class="tp-moderncheckbox withlabel" id="start_with_slide_enable" name="start_with_slide_enable" data-unchecked="off" <?php checked(RevSliderFunctions::getVal($arrFieldsParams, "start_with_slide_enable", "off"), "on");?>>
									<div class="clear"></div>
									
									<?php $start_with_slide = intval(RevSliderFunctions::getVal($arrFieldsParams, 'start_with_slide', '1'));?>
									<div id="start_with_slide_row">
										<span id="label_start_with_slide" class="label" origtitle="<?php _e("Start from a different slide instead of the first slide. I.e. good for preview / edit mode.", 'revslider');?>"><?php _e("Alternative 1st Slide", 'revslider');?> </span>
										<input type="text" class="text-sidebar withlabel" id="start_with_slide" name="start_with_slide" value="<?php echo $start_with_slide; ?>">
										<div class="clear"></div>
									</div>
									
									<span id="label_first_transition_active" class="label" origtitle="<?php _e("If active, it will overwrite the first slide transition. Use it to get special transition for the first slide.", 'revslider');?>"><?php _e("First Transition Active", 'revslider');?> </span>
									<input type="checkbox" class="tp-moderncheckbox withlabel" id="first_transition_active" name="first_transition_active" data-unchecked="off" <?php checked(RevSliderFunctions::getVal($arrFieldsParams, "first_transition_active", "off"), "on");?>>
									<div class="clear"></div>

<div id="first_transition_row" class="withsublabels">
										<span id="label_first_transition_type" class="label" origtitle="<?php _e("First slide transition type", 'revslider');?>"><?php _e("Transition Type", 'revslider');?> </span>
										<select id="first_transition_type" name="first_transition_type" style="max-width:100px"  class="withlabel">
											<?php
											$transitions = $operations->getArrTransition();
											$ftt = RevSliderFunctions::getVal($arrFieldsParams, 'first_transition_type', 'fade');
											foreach ($transitions as $handle => $name) {
												$not = (strpos($handle, 'notselectable') !== false) ? ' disabled="disabled"' : '';
												$sel = ($handle == $ftt) ? ' selected="selected"' : '';
												echo '<option value="' . $handle . '"' . $not . $sel . '>' . $name . '</option>';
											}
											?>
										</select>
										<div class="clear"></div>

<div id="general-slideshow" style="display:block;">
									<div class="dontshowonhero">
										
										<span id="label_stop_on_hover" class="label" origtitle="<?php _e("Stops the Timer when mouse is hovering the slider.", 'revslider');?>"><?php _e("Stop Slide On Hover", 'revslider');?></span>
										<input type="checkbox" class="tp-moderncheckbox withlabel" id="stop_on_hover" name="stop_on_hover" data-unchecked="off" <?php checked(RevSliderFunctions::getVal($arrFieldsParams, 'stop_on_hover', 'off'), "on");?>>
										<div class="clear"></div>

<span class="label label-with-subsection" id="label_stop_slider" origtitle="<?php _e("Stops the slideshow after the predefined loop amount at the predefined slide.", 'revslider');?>"><?php _e("Stop Slider After ...", 'revslider');?> </span>
										<input type="checkbox" class="tp-moderncheckbox withlabel"  id="stop_slider" name="stop_slider" data-unchecked="off" <?php checked(RevSliderFunctions::getVal($arrFieldsParams, 'stop_slider', 'off'), 'on');?>>
										<div class="clear"></div>

<span class="label" id="label_stop_at_slide" origtitle="<?php _e("Stops the slider at the given slide", 'revslider');?>"><?php _e("At Slide", 'revslider');?> </span>
											<input type="text"  class="text-sidebar withlabel"  id="stop_at_slide" name="stop_at_slide" value="<?php echo RevSliderFunctions::getVal($arrFieldsParams, 'stop_at_slide', '2');?>">
											<div class="clear"></div>
										</div>

<span id="label_shuffle" class="label" origtitle="<?php _e("Randomize the order of the slides at every Page reload.", 'revslider');?>"><?php _e("Shuffle / Random Mode", 'revslider');?> </span>
										<input type="checkbox"  class="tp-moderncheckbox withlabel" id="shuffle" name="shuffle" data-unchecked="off" <?php checked(RevSliderFunctions::getVal($arrFieldsParams, 'shuffle', 'off'), "on");?>>
										<div class="clearfix"></div>

<span class="label" id="label_loop_slide" origtitle="<?php _e("If only one Slide is in the Slider, you can choose wether the Slide should loop or if it should stop. If only one Slide exist, slide will be duplicated !", 'revslider');?>"><?php _e("Loop Single Slide", 'revslider');?> </span>
										<input type="checkbox" class="tp-moderncheckbox withlabel"  id="loop_slide" name="loop_slide" data-unchecked="off" <?php checked(RevSliderFunctions::getVal($arrFieldsParams, 'loop_slide', 'off'), "on");?>>
										<div class="clear"></div>
									</div>

<span id="label_label_viewport" class="label label-with-subsection" origtitle="<?php _e("Allow to stop the Slider out of viewport.", 'revslider');?>"><?php _e("Stop Slider Out of ViewPort", 'revslider');?> </span>
									<input type="checkbox" class="tp-moderncheckbox withlabel"  id="label_viewport" name="label_viewport" data-unchecked="off" <?php checked(RevSliderFunctions::getVal($arrFieldsParams, 'label_viewport', 'off'), 'on');?>>
									<div class="clear"></div>

<span class="label label-with-subsection" origtitle="<?php _e("Precalculate the Height of the Slider to support Inline Links", 'revslider');?>"><?php _e("Preset Slider Height", 'revslider');?> </span>
										<input type="checkbox" class="tp-moderncheckbox withlabel"  id="label_presetheight" name="label_presetheight" data-unchecked="off" <?php checked(RevSliderFunctions::getVal($arrFieldsParams, 'label_presetheight', 'off'), 'on');?>>
										<div class="clear"></div>
										
									</div>
									
									
								   	<span id="label_waitforinit" class="label label-with-subsection text-selectable" origtitle="<?php _e("Wait for the revstart method to be called before playing.", 'revslider');?>"><?php _e("Wait for ", 'revslider');?>revapi<?php echo ($is_edit) ? $sliderID : ''; ?>.revstart() </span>
									<input type="checkbox" class="tp-moderncheckbox withlabel"  id="waitforinit" name="waitforinit" data-unchecked="off" <?php checked(RevSliderFunctions::getVal($arrFieldsParams, 'waitforinit', 'off'), 'on');?>>
									<div class="clear"></div>
								</div>

<div id="general-progressbar" style="display:none">

<span class="label" id="label_progress_height" origmedia="show" origtitle="<?php _e("The height of the progress bar", 'revslider');?>"><?php _e("Progress Bar Height", 'revslider');?> </span>
										<input type="text" class="text-sidebar withlabel"  id="progress_height" name="progress_height" value="<?php echo RevSliderFunctions::getVal($arrFieldsParams, 'progress_height', '5');?>">
										<span><?php _e("px", 'revslider');?></span>
										<div class="clear"></div>

<span class="label" id="label_progressbar_color" origmedia="show" origtitle="<?php _e("Color of the progress bar.", 'revslider');?>"><?php _e("Progress Bar Color", 'revslider');?> </span>										
										<input type="text" class="my-color-field rs-layer-input-field tipsy_enabled_top withlabel"  id="progressbar_color" data-editing="Progress Bar Color" name="progressbar_color" value="<?php echo TPColorpicker::convert(RevSliderFunctions::getVal($arrFieldsParams, 'progressbar_color', 'rgba(0,0,0,0.15)'), RevSliderFunctions::getVal($arrFieldsParams, 'progress_opa', 'false'));?>" />
										<script>
											jQuery(document).ready(function() {	
												var v = jQuery('#progressbar_color').val();
												if (v.indexOf("false")>=0 && v.indexOf("rgba")>=0)									
													jQuery('#progressbar_color').val(window.RevColor.get(jQuery('#progressbar_color').val()));
											});
										</script>
										<div class="clear"></div>
									</div>
								</div>
							</div>

jQuery('#label_viewport').on("change",function() {
										var sbi = jQuery(this);
										if (sbi.attr("checked") === "checked") {
											jQuery('#viewportoptionsofslider').show();
										} else {
											jQuery('#viewportoptionsofslider').hide();
										}
										drawToolBarPreview();
								});

jQuery('#enable_progressbar').on("change",function() {
									var sbi = jQuery(this);
									if (sbi.attr('checked')!=="checked")
										jQuery('#progressbar_settings').hide();
									else
										jQuery('#progressbar_settings').show();
									drawToolBarPreview();
								});

jQuery('#progress_height').on("keyup",drawToolBarPreview);
								jQuery('#progress_opa').on("keyup",drawToolBarPreview);

jQuery('#enable_progressbar').change();
								jQuery('#stop_slider').change();
								jQuery('#show_timerbar').change();

// ALTERNATIVE FIRST SLIDE
								jQuery('#first_transition_active').on("change",function() {
										var sbi = jQuery(this);

if (sbi.attr("checked") === "checked") {
											jQuery('#first_transition_row').show();

} else {
											jQuery('#first_transition_row').hide();
										}
								});
								jQuery('#first_transition_active').change();
							</script>
						</div>

<div class="setting_box">
							<h3 class="box_closed"><i class="rs-rp-accordion-icon eg-icon-droplet"></i>
								<div class="setting_box-arrow"></div>
								<span><?php _e("Layout & Visual", 'revslider');?></span>
							</h3>

<div id="visual-mobile" style="display:none">
									<span class="label" id="label_disable_on_mobile" origtitle="<?php _e("If this is enabled, the slider will not be loaded on mobile devices.", 'revslider');?>"><?php _e("Disable Slider on Mobile", 'revslider');?></span>
									<input type="checkbox" class="tp-moderncheckbox withlabel" id="disable_on_mobile" name="disable_on_mobile" data-unchecked="off" <?php checked(RevSliderFunctions::getVal($arrFieldsParams, "disable_on_mobile", "off"), "on");?>>
									<div class="clear"></div>

</div>

<div id="visual-appearance" style="display:block">
									<div class="hide_on_ddd_parallax">
										<span class="label " id="label_shadow_type" origmedia='show' origtitle="<?php _e("The Shadow display underneath the banner.", 'revslider');?>"><?php _e("Shadow Type", 'revslider');?> </span>
										<select id="shadow_type"  class="withlabel" name="shadow_type">
											<option value="0" <?php selected(RevSliderFunctions::getVal($arrFieldsParams, 'shadow_type', '0'), "0");?>><?php _e("No Shadow", 'revslider');?></option>
											<option value="1" <?php selected(RevSliderFunctions::getVal($arrFieldsParams, 'shadow_type', '0'), "1");?>>1</option>
											<option value="2" <?php selected(RevSliderFunctions::getVal($arrFieldsParams, 'shadow_type', '0'), "2");?>>2</option>
											<option value="3" <?php selected(RevSliderFunctions::getVal($arrFieldsParams, 'shadow_type', '0'), "3");?>>3</option>
											<option value="4" <?php selected(RevSliderFunctions::getVal($arrFieldsParams, 'shadow_type', '0'), "4");?>>4</option>
											<option value="5" <?php selected(RevSliderFunctions::getVal($arrFieldsParams, 'shadow_type', '0'), "5");?>>5</option>
											<option value="6" <?php selected(RevSliderFunctions::getVal($arrFieldsParams, 'shadow_type', '0'), "6");?>>6</option>
										</select>
										<div class="clear"></div>
									</div>
									<span class="label" id="label_background_dotted_overlay" origmedia="show" origtitle="<?php _e("Show a dotted overlay over the slides.", 'revslider');?>"><?php _e("Dotted Overlay Size", 'revslider');?> </span>
									<select id="background_dotted_overlay" name="background_dotted_overlay" class="withlabel">
										<option value="none" <?php selected(RevSliderFunctions::getVal($arrFieldsParams, 'background_dotted_overlay', 'none'), "none");?>><?php _e("none", 'revslider');?></option>
										<option value="twoxtwo" <?php selected(RevSliderFunctions::getVal($arrFieldsParams, 'background_dotted_overlay', 'none'), "twoxtwo");?>><?php _e("2 x 2 Black", 'revslider');?></option>
										<option value="twoxtwowhite" <?php selected(RevSliderFunctions::getVal($arrFieldsParams, 'background_dotted_overlay', 'none'), "twoxtwowhite");?>><?php _e("2 x 2 White", 'revslider');?></option>
										<option value="threexthree" <?php selected(RevSliderFunctions::getVal($arrFieldsParams, 'background_dotted_overlay', 'none'), "threexthree");?>><?php _e("3 x 3 Black", 'revslider');?></option>
										<option value="threexthreewhite" <?php selected(RevSliderFunctions::getVal($arrFieldsParams, 'background_dotted_overlay', 'none'), "threexthreewhite");?>><?php _e("3 x 3 White", 'revslider');?></option>
										</select>
									<div class="clear"></div>

<h4><?php _e("Slider Background", 'revslider');?></h4>
									<span class="label" id="label_background_color" origmedia="showbg" origtitle="<?php _e("General background color for slider. Clear value to get transparent slider container.", 'revslider');?>"><?php _e("Background color", 'revslider');?> </span>
									<input type="text"  class="my-color-field rs-layer-input-field tipsy_enabled_top withlabel" title="<?php _e("Font Color", 'revslider');?>"  id="background_color" name="background_color" value="<?php echo RevSliderFunctions::getVal($arrFieldsParams, 'background_color', 'transparent');?>" />
									<div class="clear"></div>

<div id="visual-position" style="display:none;">
									<span class="label" id="label_position" origtitle="<?php _e("The position of the slider within the parrent container. (float:left or float:right or with margin:0px auto;). We recomment do use always CENTER, since the slider will auto fill and grow with the wrapping container. Set any border,padding, floating etc. to the wrapping container where the slider embeded instead of using left/right here !", 'revslider');?>"><?php _e("Position on the page", 'revslider');?> </span>
									<select id="position" class="withlabel"  name="position">
										<option value="left" <?php selected(RevSliderFunctions::getVal($arrFieldsParams, 'position', 'center'), "left");?>><?php _e("Left", 'revslider');?></option>
										<option value="center" <?php selected(RevSliderFunctions::getVal($arrFieldsParams, 'position', 'center'), "center");?>><?php _e("Center", 'revslider');?></option>
										<option value="right" <?php selected(RevSliderFunctions::getVal($arrFieldsParams, 'position', 'center'), "right");?>><?php _e("Right", 'revslider');?></option>
									</select>
									<div class="clear"></div>

<div id="visual-spinner"  style="display:none;">
								   <div id="spinner_preview"><div class="tp-loader tp-demo spinner2" style="background-color: rgb(255, 255, 255);"><div class="dot1"></div><div class="dot2"></div><div class="bounce1"></div><div class="bounce2"></div><div class="bounce3"></div></div></div>
								   <div style="height:15px;width:100%;"></div>
									<span class="label" id="label_use_spinner" origtitle="<?php _e("Select a Spinner for your Slider", 'revslider');?>"><?php _e("Choose Spinner", 'revslider');?> </span>
									<select id="use_spinner" name="use_spinner" class="withlabel">
										<option value="-1" <?php selected(RevSliderFunctions::getVal($arrFieldsParams, "use_spinner", "0"), "-1");?>><?php _e("Off", 'revslider');?></option>
										<option value="0" <?php selected(RevSliderFunctions::getVal($arrFieldsParams, "use_spinner", "0"), "0");?>><?php _e("0", 'revslider');?></option>
										<option value="1" <?php selected(RevSliderFunctions::getVal($arrFieldsParams, "use_spinner", "0"), "1");?>><?php _e("1", 'revslider');?></option>
										<option value="2" <?php selected(RevSliderFunctions::getVal($arrFieldsParams, "use_spinner", "0"), "2");?>><?php _e("2", 'revslider');?></option>
										<option value="3" <?php selected(RevSliderFunctions::getVal($arrFieldsParams, "use_spinner", "0"), "3");?>><?php _e("3", 'revslider');?></option>
										<option value="4" <?php selected(RevSliderFunctions::getVal($arrFieldsParams, "use_spinner", "0"), "4");?>><?php _e("4", 'revslider');?></option>
										<option value="5" <?php selected(RevSliderFunctions::getVal($arrFieldsParams, "use_spinner", "0"), "5");?>><?php _e("5", 'revslider');?></option>
									</select>
									<div class="clear"></div>
									<div id="spinner_color_row">
										<span id="label_spinner_color" class="label" origtitle="<?php _e("The Color the Spinner will be shown in", 'revslider');?>"><?php _e("Spinner Color", 'revslider');?> </span>
										<input type="text" class="my-color-field rs-layer-input-field tipsy_enabled_top withlabel" title="<?php _e("Font Color", 'revslider');?>"  id="spinner_color" name="spinner_color" value="<?php echo RevSliderFunctions::getVal($arrFieldsParams, "spinner_color", "#FFFFFF");?>" />
									   </div>
									<div class="clear"></div>
								</div>

</div>

drawToolBarPreview();
									});

// BACKGROUND IMAGE SCRIPT
									jQuery('#show_background_image').on("change",function() {
											var sbi = jQuery(this);
											if (sbi.attr("checked") === "checked") {
												jQuery('#background_settings').show();
											} else {
												jQuery('#background_settings').hide();
											}
									});
									jQuery('#show_background_image').change();
									jQuery('#padding').change(drawToolBarPreview).on("keyup",drawToolBarPreview);
									jQuery('#background_dotted_overlay').change(drawToolBarPreview);

// POSITION SCRIPT
									jQuery('#position').on("change",function() {
										var sbi = jQuery(this);
										switch (jQuery(this).val()) {
											case "left":
											case "right":
												jQuery('#leftrightmargins').show();
											break;
											case "center":
												jQuery('#leftrightmargins').hide();
											break;
										}
										drawToolBarPreview();
									});
									jQuery('#position').change();

// SPINNER SCRIPT
									 jQuery('#use_spinner').on("change",function() {
											switch (jQuery(this).val()) {
												case "-1":
												case "0":
												case "5":
												   jQuery('#spinner_color_row').hide();
												break;
												default:
													jQuery('#spinner_color_row').show();
												break;
											}
									   });
									   jQuery('#use_spinner').change();

// TAB CHANGES
									 jQuery('.main-options-small-tabs').find('li').click(function() {
									 	var li = jQuery(this),
									 		ul = li.closest('.main-options-small-tabs'),
									 		ref = li.data('content');

jQuery(ul.find('.selected').data('content')).hide();
									 	ul.find('.selected').removeClass("selected");

jQuery(ref).show();
									 	li.addClass("selected");

if (ref=='#navigation-arrows' || ref=='#navigation-bullets' || ref=='#navigation-tabs'|| ref=='#navigation-thumbnails')									 		
									 		jQuery('#navigation-miniimagedimensions').show();
									 	else
									 		if (!jQuery('#navigation-settings-wrapper>h3').hasClass("box_closed")) 
									 			jQuery('#navigation-miniimagedimensions').hide();

})
								});
							</script>
						</div>

<div class="setting_box dontshowonhero" id="navigation-settings-wrapper">
							<h3 class="box_closed"><i class="rs-rp-accordion-icon eg-icon-flickr"></i>
								<div class="setting_box-arrow"></div>
								<span><?php _e('Navigation', 'revslider');?></span>
							</h3>

<div id="navigation-arrows">
									<span class="label" id="label_enable_arrows"  origtitle="<?php _e("Enable / Disable Arrows", 'revslider');?>"><?php _e("Enable Arrows", 'revslider');?> </span>
									<input type="checkbox" class="tp-moderncheckbox withlabel" id="enable_arrows" name="enable_arrows" data-unchecked="off" <?php checked(RevSliderFunctions::getVal($arrFieldsParams, "enable_arrows", "off"), "on");?>>

<div id="navigation-thumbnails" style="display:none;">
									<span class="label" id="label_enable_thumbnails"  origtitle="<?php _e("Enable / Disable Thumbnails", 'revslider');?>"><?php _e("Enable Thumbnails", 'revslider');?> </span>
									<input type="checkbox" class="tp-moderncheckbox withlabel" id="enable_thumbnails" name="enable_thumbnails" data-unchecked="off" <?php checked(RevSliderFunctions::getVal($arrFieldsParams, "enable_thumbnails", "off"), "on");?>>

<span class="label" id="label_thumbnails_wrapper_color"  origtitle="<?php _e("Thumbnails wrapper background color. For transparent leave empty.", 'revslider');?>"><?php _e("Wrapper color", 'revslider');?> </span>
										<input type="text"  class="my-color-field rs-layer-input-field tipsy_enabled_top withlabel" title="<?php _e("Wrapper Color", 'revslider');?>"  id="thumbnails_wrapper_color" data-editing="Thumbnails Wrapper BG Color" name="thumbnails_wrapper_color" value="<?php echo TPColorpicker::convert(RevSliderFunctions::getVal($arrFieldsParams, 'thumbnails_wrapper_color', 'transparent'),RevSliderFunctions::getVal($arrFieldsParams, 'thumbnails_wrapper_opacity', false));?>" />
										<div class="clear"></div>

</select>
										<div class="clear"></div>

<div id="navigation-tabs" style="display:none;">

<span class="label" id="label_tabs_wrapper_color" origtitle="<?php _e("Tabs wrapper background color. For transparent leave empty.", 'revslider');?>"><?php _e("Wrapper Color", 'revslider');?> </span>
										<input type="text"  class="my-color-field rs-layer-input-field tipsy_enabled_top withlabel" title="<?php _e("Wrapper Color", 'revslider');?>"  id="tabs_wrapper_color" name="tabs_wrapper_color" data-editing="Tabs Wrapped BG Color" value="<?php echo TPColorpicker::convert(RevSliderFunctions::getVal($arrFieldsParams, 'tabs_wrapper_color', 'transparent'),RevSliderFunctions::getVal($arrFieldsParams, 'tabs_wrapper_opacity', false));?>" />
										<div class="clear"></div>

<span class="triggernavstyle label" id="label_tabs_style" origtitle="<?php _e("Style of the tabs.", 'revslider');?>"><?php _e("Tabs Style", 'revslider');?></span>
										<select id="tabs_style" name="tabs_style" class="triggernavstyle withlabel">
											<option value="" <?php selected(RevSliderFunctions::getVal($arrFieldsParams, 'tabs_style', 'round'), ''); ?>><?php _e('No Style', 'revslider'); ?></option>
											<?php
											if (!empty($arr_navigations)) {
												foreach ($arr_navigations as $cur_nav) {
													if (isset($cur_nav['markup']['tabs'])) {
														?>
														<option value="<?php echo esc_attr($cur_nav['handle']);?>" <?php selected(RevSliderFunctions::getVal($arrFieldsParams, 'tabs_style', 'round'), esc_attr($cur_nav['handle']));?>><?php echo esc_attr($cur_nav['name']);?></option>
														<?php
													}
												}
											}
											?>
										</select>
										<script>
											jQuery(document).ready(function() {

function checkMetis(){
													var v = jQuery('#tabs_style').val().toLowerCase();
													if (v.indexOf('metis')>=0) {
														jQuery('#tabs_padding').val(0).attr('disabled','disabled');														
														
														jQuery('#tabs_width_min').val(0).attr('disabled','disabled');
														jQuery('#tabs_direction').val('vertical').attr('disabled','disabled');
														jQuery('#tabs_align_hor').val('left').attr('disabled','disabled');
														jQuery('#span_tabs_wrapper').attr('checked','checked');
														RevSliderSettings.onoffStatus(jQuery('#span_tabs_wrapper'));
													} else {
														jQuery('#tabs_padding').removeAttr('disabled');
														
														jQuery('#tabs_direction').removeAttr('disabled');
														jQuery('#tabs_width_min').removeAttr('disabled');
														jQuery('#tabs_align_hor').removeAttr('disabled');														
													}

}
												checkMetis();
												jQuery('#tabs_style').change(checkMetis);
											});
										</script>
										<div class="clear"></div>
										<span class="label triggernavstyle" id="label_navigation_tabs_preset" origtitle="<?php _e("Preset", 'revslider');?>"><?php _e("Preset", 'revslider');?></span>
										<select id="navigation_tabs_preset" name="navigation_tabs_preset" class="withlabel triggernavstyle" data-startvalue="<?php echo esc_attr(RevSliderFunctions::getVal($arrFieldsParams, 'navigation_tabs_preset', 'default')); ?>">
											<option class="never" value="default" selected="selected"><?php _e('Default', 'revslider'); ?></option>
											<option class="never" value="custom"><?php _e('Custom', 'revslider'); ?></option>
										</select>
										<div class="clear"></div>
										<div data-navtype="tabs" class="toggle-custom-navigation-style-wrapper">
											<div class="toggle-custom-navigation-style"><?php _e("Toggle Custom Navigation Styles", 'revslider');?></div>
											<div class="toggle-custom-navigation-styletarget navigation_tabs_placeholder">
											</div>
										</div>
										<div class="clear"></div>
										
										<span id="label_tabs_amount" class="label"  origtitle="<?php _e("The amount of max visible tabs in same time.", 'revslider');?>"><?php _e("Visible Tabs Amount", 'revslider');?></span>
										<input type="text" class="text-sidebar withlabel" id="tabs_amount" name="tabs_amount" value="<?php echo RevSliderFunctions::getVal($arrFieldsParams, "tabs_amount", "5");?>">
										<div class="clear"></div>

</select>
										<div class="clear"></div>

<div id="navigation-touch" style="display:none;">

</div>

<div id="navigation-keyboard" style="display:none;">
									<span class="label" id="label_keyboard_navigation" origtitle="<?php _e("Allow/disallow to navigate the slider with keyboard.", 'revslider');?>"><?php _e("Keyboard Navigation", 'revslider');?></span>
									<input type="checkbox" class="tp-moderncheckbox withlabel" id="keyboard_navigation" name="keyboard_navigation" data-unchecked="off" <?php checked(RevSliderFunctions::getVal($arrFieldsParams, 'keyboard_navigation', 'off'), "on");?>>
									<div class="clear"></div>
									
									<span class="label" id="label_keyboard_direction" origtitle="<?php _e("Keyboard Direction to swap slides (horizontal - left/right arrow, vertical - up/down arrow)?", 'revslider');?>"><?php _e("Key Direction", 'revslider');?></span>
									<select id="keyboard_direction" name="keyboard_direction" class="withlabel">
										<option value="horizontal" <?php selected(RevSliderFunctions::getVal($arrFieldsParams, 'keyboard_direction', 'horizontal'), "horizontal");?>><?php _e("Horizontal", 'revslider');?></option>
										<option value="vertical" <?php selected(RevSliderFunctions::getVal($arrFieldsParams, 'keyboard_direction', 'horizontal'), "vertical");?>><?php _e("Vertical", 'revslider');?></option>
									</select>
									<div class="clear"></div>

<span id="label_previewimage_height" class="label"  origtitle="<?php _e("The basic Height of one Preview Image.", 'revslider');?>"><?php _e("Preview Image Height", 'revslider');?></span>
									<input type="text" class="text-sidebar withlabel" id="previewimage_height" name="previewimage_height" value="<?php echo RevSliderFunctions::getVal($arrFieldsParams, "previewimage_height", RevSliderFunctions::getVal($arrFieldsParams, "thumb_height", 50));?>">
									<span><?php _e("px", 'revslider');?></span>
									<div class="clear"></div>
									
								</div>
							</div>
							<script>
								jQuery('#navigation-settings-wrapper input, #navigation-settings-wrapper select').on("change",drawToolBarPreview);
								
								// NOT NICE, BUT SURELY UNBREAKABLE LATER :) 
								jQuery('#enable_arrows').on("change",function() {
										var sbi = jQuery(this);
										if (sbi.attr("checked") === "checked") {
											jQuery('#nav_arrows_subs').show();
										} else {
											jQuery('#nav_arrows_subs').hide();
										}
										drawToolBarPreview();
								});

jQuery('#enable_bullets').on("change",function() {
										var sbi = jQuery(this);
										if (sbi.attr("checked") === "checked") {
											jQuery('#nav_bullets_subs').show();
										} else {
											jQuery('#nav_bullets_subs').hide();
										}
										drawToolBarPreview();
								});

jQuery('#enable_thumbnails').on("change",function() {
										var sbi = jQuery(this);
										if (sbi.attr("checked") === "checked") {
											jQuery('#nav_thumbnails_subs').show();
										} else {
											jQuery('#nav_thumbnails_subs').hide();
										}
										drawToolBarPreview();
								});

jQuery('#enable_tabs').on("change",function() {
										var sbi = jQuery(this);
										if (sbi.attr("checked") === "checked") {
											jQuery('#nav_tabs_subs').show();
										} else {
											jQuery('#nav_tabs_subs').hide();
										}
										drawToolBarPreview();
								});

jQuery('.showhidewhat_truefalse').on("change",function() {
										var sbi = jQuery(this);
										if (sbi.val() === true || sbi.val() === "true" || sbi.attr("checked")) {
											jQuery("#"+sbi.data("showhidetarget")).show();
										} else {
											jQuery("#"+sbi.data("showhidetarget")).hide();
										}									
									});

jQuery('#thumbnails_inner_outer').on('change',function() {
										var sbi = jQuery(this),
											v = sbi.find('option:selected').val();
										if (v==="outer-top" || v==="outer-bottom") {
											if (v==="outer-top") jQuery('#thumbnails_align_vert').val("top");
											if (v==="outer-bottom") jQuery('#thumbnails_align_vert').val("bottom");
											jQuery('#thumbnails_align_vert').attr("disabled","disabled");
											jQuery('#thumbnail_direction').val("horizontal");
											jQuery('#thumbnail_direction').change();
										}
										else
											jQuery('#thumbnails_align_vert').removeAttr("disabled");

if (v==="outer-left" || v==="outer-right") {
											if (v==="outer-left") jQuery('#thumbnails_align_hor').val("left");
											if (v==="outer-right") jQuery('#thumbnails_align_hor').val("right");
											jQuery('#thumbnails_align_hor').attr("disabled","disabled");
											jQuery('#thumbnail_direction').val("vertical");
											jQuery('#thumbnail_direction').change();
										}
										else
											jQuery('#thumbnails_align_hor').removeAttr("disabled");

if (v==="outer-left" || v==="outer-right" || v==="outer-top" || v==="outer-bottom")
											jQuery('#thumbnail_direction').attr("disabled","disabled");
										else
											jQuery('#thumbnail_direction').removeAttr("disabled");

});

jQuery('#tabs_inner_outer').on('change',function() {
										var sbi = jQuery(this),
											v = sbi.find('option:selected').val();
										if (v==="outer-top" || v==="outer-bottom") {
											if (v==="outer-top") jQuery('#tabs_align_vert').val("top");
											if (v==="outer-bottom") jQuery('#tabs_align_vert').val("bottom");
											jQuery('#tabs_align_vert').attr("disabled","disabled");
											jQuery('#tabs_direction').val("horizontal");
											jQuery('#tabs_direction').change();
											jQuery('#tabs_direction').attr("disabled","disabled");
										}
										else
											jQuery('#tabs_align_vert').removeAttr("disabled");

if (v==="outer-left" || v==="outer-right") {
											if (v==="outer-left") jQuery('#tabs_align_hor').val("left");
											if (v==="outer-right") jQuery('#tabs_align_hor').val("right");
											jQuery('#tabs_align_hor').attr("disabled","disabled");
											jQuery('#tabs_direction').val("vertical");
											jQuery('#tabs_direction').change();
											jQuery('#tabs_direction').attr("disabled","disabled");
										}
										else
											jQuery('#tabs_align_hor').removeAttr("disabled");

if (v==="outer-left" || v==="outer-right" || v==="outer-top" || v==="outer-bottom")
											jQuery('#tabs_direction').removeAttr("disabled","disabled");
								});

jQuery('.showhidewhat_truefalse').change();
								jQuery('#thumbnails_inner_outer').change();
								jQuery('#tabs_inner_outer').change();
								jQuery('#enable_arrows').change();
								jQuery('#enable_thumbnails').change();
								jQuery('#enable_bullets').change();
								jQuery('#enable_tabs').change();

</script>
						</div>

<div class="setting_box dontshowonhero dontshowonstandard">
							<h3 class="box_closed"><i class="rs-rp-accordion-icon eg-icon-ccw"></i>
								<div class="setting_box-arrow"></div>
								<span><?php _e("Carousel Settings", 'revslider');?></span>
							</h3>

<span class="label" id="label_carousel_space" origtitle="<?php _e("The horizontal gap/space between the slides", 'revslider');?>"><?php _e("Space between slides", 'revslider');?> </span>
									<input type="text" class="text-sidebar withlabel"   id="carousel_space" name="carousel_space" value="<?php echo RevSliderFunctions::getVal($arrFieldsParams, 'carousel_space', '0');?>">
									<span><?php _e("px", 'revslider');?></span>
									<div class="clear"></div>

<span class="label" id="label_carousel_borderr" origtitle="<?php _e("The border radius of slides", 'revslider');?>"><?php _e("Border Radius", 'revslider');?> </span>
									<input style="width:60px;min-width:60px;max-width:60px;" type="text" class="text-sidebar withlabel"   id="carousel_borderr" name="carousel_borderr" value="<?php echo RevSliderFunctions::getVal($arrFieldsParams, 'carousel_borderr', '0');?>">
									
									
									<select style="width:45px;min-width:45px;max-width:45px;" id="carousel_borderr_unit" name="carousel_borderr_unit">
										<option value="px" <?php selected(RevSliderFunctions::getVal($arrFieldsParams, 'carousel_borderr_unit', 'px'), "px");?>><?php _e("px", 'revslider');?></option>
										<option value="%" <?php selected(RevSliderFunctions::getVal($arrFieldsParams, 'carousel_borderr_unit', 'px'), "%");?>><?php _e("%", 'revslider');?></option>
									</select>
									<div class="clear"></div>
									
									
									<span class="label" id="label_carousel_padding_top" origtitle="<?php _e("The padding top of slides", 'revslider');?>"><?php _e("Padding Top", 'revslider');?> </span>
									<input type="text" class="text-sidebar withlabel"   id="carousel_padding_top" name="carousel_padding_top" value="<?php echo RevSliderFunctions::getVal($arrFieldsParams, 'carousel_padding_top', '0');?>"> <?php _e('px', 'revslider'); ?>
									
									<span class="label" id="label_carousel_padding_bottom" origtitle="<?php _e("The padding bottom of slides", 'revslider');?>"><?php _e("Padding Bottom", 'revslider');?> </span>
									<input type="text" class="text-sidebar withlabel"   id="carousel_padding_bottom" name="carousel_padding_bottom" value="<?php echo RevSliderFunctions::getVal($arrFieldsParams, 'carousel_padding_bottom', '0');?>"> <?php _e('px', 'revslider'); ?>

<span class="label" id="label_carousel_maxitems" origtitle="<?php _e("The maximum visible items in same time.", 'revslider');?>"><?php _e("Max. Visible Items", 'revslider');?> </span>
									<select id="carousel_maxitems" class="withlabel"  name="carousel_maxitems">
										<option value="1" <?php selected(RevSliderFunctions::getVal($arrFieldsParams, 'carousel_maxitems', '3'), "1");?>><?php _e("1", 'revslider');?></option>
										<option value="3" <?php selected(RevSliderFunctions::getVal($arrFieldsParams, 'carousel_maxitems', '3'), "3");?>><?php _e("3", 'revslider');?></option>
										<option value="5" <?php selected(RevSliderFunctions::getVal($arrFieldsParams, 'carousel_maxitems', '3'), "5");?>><?php _e("5", 'revslider');?></option>
										<option value="7" <?php selected(RevSliderFunctions::getVal($arrFieldsParams, 'carousel_maxitems', '3'), "7");?>><?php _e("7", 'revslider');?></option>
										<option value="9" <?php selected(RevSliderFunctions::getVal($arrFieldsParams, 'carousel_maxitems', '3'), "9");?>><?php _e("9", 'revslider');?></option>
										<option value="11" <?php selected(RevSliderFunctions::getVal($arrFieldsParams, 'carousel_maxitems', '3'), "11");?>><?php _e("11", 'revslider');?></option>
										<option value="13" <?php selected(RevSliderFunctions::getVal($arrFieldsParams, 'carousel_maxitems', '3'), "13");?>><?php _e("13", 'revslider');?></option>
										<option value="15" <?php selected(RevSliderFunctions::getVal($arrFieldsParams, 'carousel_maxitems', '3'), "15");?>><?php _e("15", 'revslider');?></option>
										<option value="17" <?php selected(RevSliderFunctions::getVal($arrFieldsParams, 'carousel_maxitems', '3'), "17");?>><?php _e("17", 'revslider');?></option>
										<option value="19" <?php selected(RevSliderFunctions::getVal($arrFieldsParams, 'carousel_maxitems', '3'), "19");?>><?php _e("19", 'revslider');?></option>
									</select>

<span class="label" id="label_carousel_stretch" origtitle="<?php _e("Stretch carousel element width to the wrapping container width.  Using this you can see only 1 item in same time.", 'revslider');?>"><?php _e("Stretch Element", 'revslider');?> </span>
									<input type="checkbox" class="tp-moderncheckbox withlabel" id="carousel_stretch" name="carousel_stretch" data-unchecked="off" <?php checked(RevSliderFunctions::getVal($arrFieldsParams, 'carousel_stretch', 'off'), 'on');?>>
									<div class="clearfix"></div>

<span class="label" id="label_showalllayers_carousel" origtitle="<?php _e("Show All Layers for all the Time with one Start Animation only.", 'revslider');?>"><?php _e("Show All Layers 1 Time", 'revslider');?> </span>
									<input type="checkbox" class="tp-moderncheckbox withlabel" id="showalllayers_carousel" name="showalllayers_carousel" data-unchecked="off" <?php checked(RevSliderFunctions::getVal($arrFieldsParams, 'showalllayers_carousel', 'off'), 'on');?>>
									<div class="clearfix"></div>
									
									<div class="clear"></div>
								</div>

<?php
								$car_easing = RevSliderFunctions::getVal($arrFieldsParams, 'carousel_easing', 'Power3.easeInOut');
								?>
								<span class="label" id="label_carousel_easing" origtitle="<?php _e("The carousel easing", 'revslider');?>"><?php _e("Easing", 'revslider');?> </span>
								<select id="carousel_easing" class="withlabel"  name="carousel_easing" style="width: 106px;">
									<option <?php selected($car_easing, 'Linear.easeNone');?> value="Linear.easeNone">Linear.easeNone</option>
									<option <?php selected($car_easing, 'Power0.easeIn');?> value="Power0.easeIn">Power0.easeIn  (linear)</option>
									<option <?php selected($car_easing, 'Power0.easeInOut');?> value="Power0.easeInOut">Power0.easeInOut  (linear)</option>
									<option <?php selected($car_easing, 'Power0.easeOut');?> value="Power0.easeOut">Power0.easeOut  (linear)</option>
									<option <?php selected($car_easing, 'Power1.easeIn');?> value="Power1.easeIn">Power1.easeIn</option>
									<option <?php selected($car_easing, 'Power1.easeInOut');?> value="Power1.easeInOut">Power1.easeInOut</option>
									<option <?php selected($car_easing, 'Power1.easeOut');?> value="Power1.easeOut">Power1.easeOut</option>
									<option <?php selected($car_easing, 'Power2.easeIn');?> value="Power2.easeIn">Power2.easeIn</option>
									<option <?php selected($car_easing, 'Power2.easeInOut');?> value="Power2.easeInOut">Power2.easeInOut</option>
									<option <?php selected($car_easing, 'Power2.easeOut');?> value="Power2.easeOut">Power2.easeOut</option>
									<option <?php selected($car_easing, 'Power3.easeIn');?> value="Power3.easeIn">Power3.easeIn</option>
									<option <?php selected($car_easing, 'Power3.easeInOut');?> value="Power3.easeInOut">Power3.easeInOut</option>
									<option <?php selected($car_easing, 'Power3.easeOut');?> value="Power3.easeOut">Power3.easeOut</option>
									<option <?php selected($car_easing, 'Power4.easeIn');?> value="Power4.easeIn">Power4.easeIn</option>
									<option <?php selected($car_easing, 'Power4.easeInOut');?> value="Power4.easeInOut">Power4.easeInOut</option>
									<option <?php selected($car_easing, 'Power4.easeOut');?> value="Power4.easeOut">Power4.easeOut</option>
									<option <?php selected($car_easing, 'Back.easeIn');?> value="Back.easeIn">Back.easeIn</option>
									<option <?php selected($car_easing, 'Back.easeInOut');?> value="Back.easeInOut">Back.easeInOut</option>
									<option <?php selected($car_easing, 'Back.easeOut');?> value="Back.easeOut">Back.easeOut</option>
									<option <?php selected($car_easing, 'Bounce.easeIn');?> value="Bounce.easeIn">Bounce.easeIn</option>
									<option <?php selected($car_easing, 'Bounce.easeInOut');?> value="Bounce.easeInOut">Bounce.easeInOut</option>
									<option <?php selected($car_easing, 'Bounce.easeOut');?> value="Bounce.easeOut">Bounce.easeOut</option>
									<option <?php selected($car_easing, 'Circ.easeIn');?> value="Circ.easeIn">Circ.easeIn</option>
									<option <?php selected($car_easing, 'Circ.easeInOut');?> value="Circ.easeInOut">Circ.easeInOut</option>
									<option <?php selected($car_easing, 'Circ.easeOut');?> value="Circ.easeOut">Circ.easeOut</option>
									<option <?php selected($car_easing, 'Elastic.easeIn');?> value="Elastic.easeIn">Elastic.easeIn</option>
									<option <?php selected($car_easing, 'Elastic.easeInOut');?> value="Elastic.easeInOut">Elastic.easeInOut</option>
									<option <?php selected($car_easing, 'Elastic.easeOut');?> value="Elastic.easeOut">Elastic.easeOut</option>
									<option <?php selected($car_easing, 'Expo.easeIn');?> value="Expo.easeIn">Expo.easeIn</option>
									<option <?php selected($car_easing, 'Expo.easeInOut');?> value="Expo.easeInOut">Expo.easeInOut</option>
									<option <?php selected($car_easing, 'Expo.easeOut');?> value="Expo.easeOut">Expo.easeOut</option>
									<option <?php selected($car_easing, 'Sine.easeIn');?> value="Sine.easeIn">Sine.easeIn</option>
									<option <?php selected($car_easing, 'Sine.easeInOut');?> value="Sine.easeInOut">Sine.easeInOut</option>
									<option <?php selected($car_easing, 'Sine.easeOut');?> value="Sine.easeOut">Sine.easeOut</option>
									<option <?php selected($car_easing, 'SlowMo.ease');?> value="SlowMo.ease">SlowMo.ease</option>
								</select>
								<div class="clear"></div>
								
								
								<span class="label" id="label_carousel_speed" origtitle="<?php _e("The easing speed", 'revslider');?>"><?php _e("Easing Speed", 'revslider');?> </span>
								<input type="text" class="text-sidebar withlabel"   id="carousel_speed" name="carousel_speed" value="<?php echo intval(RevSliderFunctions::getVal($arrFieldsParams, 'carousel_speed', '800'));?>">
								<span><?php _e("ms", 'revslider');?></span>
								<div class="clear"></div>
								
								<div id="carousel-trans" style="display:none">
									
									<span class="label" id="label_carousel_fadeout" origtitle="<?php _e("All elements out of focus will get some Opacity value based on the Distance to the current focused element, or only the coming/leaving elements.", 'revslider');?>"><?php _e("Fade All Elements", 'revslider');?> </span>
									<input type="checkbox" class="tp-moderncheckbox withlabel" id="carousel_fadeout" name="carousel_fadeout" data-unchecked="off" <?php checked(RevSliderFunctions::getVal($arrFieldsParams, 'carousel_fadeout', 'on'), "on");?>>
									<div class="clearfix"></div>

<span class="label" id="label_carousel_varyrotate" origtitle="<?php _e("Rotation is varying based on the distance to the focused element.", 'revslider');?>"><?php _e("Varying Rotation", 'revslider');?> </span>
										<input type="checkbox" class="tp-moderncheckbox withlabel" id="carousel_varyrotate" name="carousel_varyrotate" data-unchecked="off" <?php checked(RevSliderFunctions::getVal($arrFieldsParams, 'carousel_varyrotate', 'off'), "on");?>>
										<div class="clearfix"></div>

<span class="label" id="label_carousel_maxrotation" origtitle="<?php _e("The maximum rotation of the Side elements. Rotation will depend on the element distance to the current focused element. 0 will turn off the Rotation", 'revslider');?>"><?php _e("Max. Rotation", 'revslider');?> </span>
										<input type="text" class="text-sidebar withlabel"   id="carousel_maxrotation" name="carousel_maxrotation" value="<?php echo RevSliderFunctions::getVal($arrFieldsParams, 'carousel_maxrotation', '0');?>">
										<span><?php _e("deg", 'revslider');?></span>
										<div class="clear" ></div>
									</div>

<span class="label label-with-subsection" id="label_carousel_scale" origtitle="<?php _e("Scale enabled/disabled for not focused elements.", 'revslider');?>"><?php _e("Scale", 'revslider');?> </span>
									<input type="checkbox" class="tp-moderncheckbox withlabel" id="carousel_scale" name="carousel_scale" data-unchecked="off" <?php checked(RevSliderFunctions::getVal($arrFieldsParams, 'carousel_scale', 'off'), "on");?>>
									<div class="clearfix"></div>

<span class="label" id="label_carousel_varyscale" origtitle="<?php _e("Scale is varying based on the distance to the focused element.", 'revslider');?>"><?php _e("Varying Scale", 'revslider');?> </span>
										<input type="checkbox" class="tp-moderncheckbox withlabel" id="carousel_varyscale" name="carousel_varyscale" data-unchecked="off" <?php checked(RevSliderFunctions::getVal($arrFieldsParams, 'carousel_varyscale', 'off'), "on");?>>
										<div class="clearfix"></div>

<span class="label" id="label_carousel_scaledown" origtitle="<?php _e("The maximum scale down of the Side elements. Scale will depend on the element distance to the current focused element. Min value is 0 and max value is 100.", 'revslider');?>"><?php _e("Max. Scaledown", 'revslider');?> </span>
										<input type="text" class="text-sidebar withlabel"   id="carousel_scaledown" name="carousel_scaledown" value="<?php echo RevSliderFunctions::getVal($arrFieldsParams, 'carousel_scaledown', '50');?>">
										<span><?php _e("%", 'revslider');?></span>
										<div class="clear"></div>
									</div>
								</div>

<span class="label" id="label_carousel_hposition" origtitle="<?php _e("Horizontal Align of the Carousel.", 'revslider');?>"><?php _e("Horizontal Aligns", 'revslider');?> </span>
									<select id="carousel_hposition" class="withlabel"  name="carousel_hposition">
										<option value="left" <?php selected(RevSliderFunctions::getVal($arrFieldsParams, 'carousel_hposition', 'center'), "left");?>><?php _e("Left", 'revslider');?></option>
										<option value="center" <?php selected(RevSliderFunctions::getVal($arrFieldsParams, 'carousel_hposition', 'center'), "center");?>><?php _e("Center", 'revslider');?></option>
										<option value="right" <?php selected(RevSliderFunctions::getVal($arrFieldsParams, 'carousel_hposition', 'center'), "right");?>><?php _e("Right", 'revslider');?></option>
									</select>
									<div class="clear"></div>

jQuery('#carousel_maxitems').on("change",function() {
										if (jQuery('#carousel_stretch').attr("checked") === "checked" && jQuery('#carousel_maxitems option[value="1"]').attr("selected")===undefined) {
											jQuery('#carousel_stretch').removeAttr("checked");
											jQuery('#carousel_stretch').change();
										}
									});

jQuery('#carousel_fadeout').on("change",function() {
										var sbi = jQuery(this);

if (sbi.attr("checked") === "checked") {
											jQuery('#carousel-fade-row').show();

} else {
											jQuery('#carousel-fade-row').hide();
										}
									});

jQuery('#carousel_rotation').on("change",function() {
										var sbi = jQuery(this);

if (sbi.attr("checked") === "checked") {
											jQuery('#carousel-rotation-row').show();

} else {
											jQuery('#carousel-rotation-row').hide();
										}
									});

jQuery('#carousel_scale').on("change",function() {
										var sbi = jQuery(this);

if (sbi.attr("checked") === "checked") {
											jQuery('#carousel-scale-row').show();

} else {
											jQuery('#carousel-scale-row').hide();
										}
									});
									jQuery('#carousel_scale').change();
									jQuery('#carousel_fadeout').change();
									jQuery('#carousel_rotation').change();
									jQuery('#first_transition_active').change();

</script>

</div>
						</div>

<div class="setting_box">
							<h3 class="box_closed"><i class="rs-rp-accordion-icon eg-icon-camera-alt"></i>

</div>
									</div>

</div>
									</div>
									
								</div>
							</div>

jQuery('#parallax_type').on("change",showHidePXBaseds);		
								showHidePXBaseds();

jQuery('#ddd_parallax').on("change",function() {
									drawToolBarPreview();
									var sbi = jQuery(this);
									if (sbi.attr("checked") === "checked" && jQuery('#use_parallax').attr("checked")=== "checked") {
											jQuery('.hide_on_ddd_parallax').hide();
											jQuery('.show_on_ddd_parallax').show();
											jQuery('#fadeinoutparallax').hide();
										} else {
											jQuery('.hide_on_ddd_parallax').show();
											jQuery('.show_on_ddd_parallax').hide();
											if (jQuery('input[name="slider-type"]:checked').val()==="hero") jQuery('#fadeinoutparallax').show();
										}									
								});

jQuery('#ddd_parallax_shadow').on("change",drawToolBarPreview);

jQuery('#use_parallax').change();
								jQuery('#ddd_parallax').change();
							</script>

</div>

<div class="setting_box" id="fadeinoutparallax">
							<h3 class="box_closed"><i class="rs-rp-accordion-icon eg-icon-camera-alt"></i>

<?php /*<span class="label" id="label_scale_scrolleffect" origtitle="<?php _e("Endable / Disable scale Effect on Scroll:", 'revslider');?>"><?php _e("Scale Effect", 'revslider');?> </span>
								<input type="checkbox" class="tp-moderncheckbox withlabel" id="scale_scrolleffect" name="scale_scrolleffect" data-unchecked="off" <?php checked(RevSliderFunctions::getVal($arrFieldsParams, "scale_scrolleffect", "off"), "on");?>>
								<div class="clear"></div>*/ ?>

<span class="label" id="label_blur_scrolleffect" origtitle="<?php _e("Endable / Disable Blur Effect on Scroll", 'revslider');?>"><?php _e("Blur Effect", 'revslider');?> </span>
								<input type="checkbox" class="tp-moderncheckbox withlabel" id="blur_scrolleffect" name="blur_scrolleffect" data-unchecked="off" <?php checked(RevSliderFunctions::getVal($arrFieldsParams, "blur_scrolleffect", "off"), "on");?>>
								<div class="clear"></div>

<span class="label" id="label_grayscale_scrolleffect" origtitle="<?php _e("Enable / Disable grayscale Effect on Scroll", 'revslider');?>"><?php _e("Grayscale Effect", 'revslider');?> </span>
								<input type="checkbox" class="tp-moderncheckbox withlabel" id="grayscale_scrolleffect" name="grayscale_scrolleffect" data-unchecked="off" <?php checked(RevSliderFunctions::getVal($arrFieldsParams, "grayscale_scrolleffect", "off"), "on");?>>
								<div class="clear"></div>

</div>
								<h4><?php _e("Scroll Dependencies:", 'revslider');?></h4>
								<div class="withsublabels">
									<span class="label" id="label_scrolleffect_direction" origtitle="<?php _e("Select the Direction where the Elements should be Fade In/Out from/to", 'revslider');?>"><?php _e("Effect Directions", 'revslider');?> </span>
									<select id="scrolleffect_direction" class="withlabel"  name="scrolleffect_direction" style="max-width:110px">
										<option value="top" <?php selected(RevSliderFunctions::getVal($arrFieldsParams, 'scrolleffect_direction', 'both'), "top");?>><?php _e("Top Direction", 'revslider');?></option>
										<option value="bottom" <?php selected(RevSliderFunctions::getVal($arrFieldsParams, 'scrolleffect_direction', 'both'), "bottom");?>><?php _e("Bottom Direction", 'revslider');?></option>
										<option value="both" <?php selected(RevSliderFunctions::getVal($arrFieldsParams, 'scrolleffect_direction', 'both'), "both");?>><?php _e("Both Direction", 'revslider');?></option>												
									</select>
									<div class="clear"></div>

</div>								
							</div>
						</div>

<?php
					if (!empty($sliderID)) {
						?>
						
						<div class="setting_box" id="v_sp_mo">
							<h3 class="box_closed"><i class="rs-rp-accordion-icon eg-icon-cog-alt"></i>
								<div class="setting_box-arrow"></div>
								<span><?php _e("Performance and SEO Optimization", 'revslider');?></span>
							</h3>

<?php
								$llt = RevSliderFunctions::getVal($arrFieldsParams, 'lazy_load_type', false);
								if ($llt === false) {
									//do fallback checks to removed lazy_load value since version 5.0 and replaced with an enhanced version
									$old_ll = RevSliderFunctions::getVal($arrFieldsParams, 'lazy_load', 'off');
									$llt = ($old_ll == 'on') ? 'all' : 'none';
								}
								?>
								<span id="label_lazy_load_type" class="label" origtitle="<?php _e("How to load/preload the images. <br><br><strong>All</strong> - Load all image element in a sequence at the initialisation. This will boost up the loading of your page, and will preload all images to have a smooth and breakless run already in the first loop.  <br><br><strong>Smart</strong> - It will load the page as quick as possible, and load only the current and neighbour slide elements. If slide is called which not loaded yet, will be loaded on demand with minimal delays.   <br><br><strong>Single</strong> - It will load only the the start slide. Any other slides will be loaded on demand.", 'revslider');?>"><?php _e("Lazy Load", 'revslider');?> </span>
								<select id="lazy_load_type" name="lazy_load_type" class="withlabel" >
									<option value="all" <?php selected($llt, 'all');?>><?php _e("All", 'revslider');?></option>
									<option value="smart" <?php selected($llt, 'smart');?>><?php _e("Smart", 'revslider');?></option>
									<option value="single" <?php selected($llt, 'single');?>><?php _e("Single", 'revslider');?></option>
									<option value="none" <?php selected($llt, 'none');?>><?php _e("No Lazy Loading", 'revslider');?></option>
								</select>
								<div class="clearfix"></div>
								
								<?php
								/*$seo_opti = RevSliderFunctions::getVal($arrFieldsParams, 'seo_optimization', 'none');
								?>
								<span id="label_seo_optimization" class="label" origtitle="<?php _e('Define SEO Optimization for the Images in the Slider, useful if Lazy Load is on.', 'revslider');?>"><?php _e('SEO Optimization', 'revslider');?> </span>
								<select id="seo_optimization" name="seo_optimization" class="withlabel">
									<option value="none" <?php selected($seo_opti, 'none');?>><?php _e("None", 'revslider');?></option>
									<option value="noscript" <?php selected($seo_opti, 'noscript');?>><?php _e("NoScript", 'revslider');?></option>
									<option value="noframe" <?php selected($seo_opti, 'noframe');?>><?php _e("NoFrame", 'revslider');?></option>
								</select>
								<div class="clearfix"></div>
								*/ ?>
								
								
								<?php //list all images and speed here ?>
								<?php
								RevSliderOperations::get_slider_speed($sliderID);
								?>
							</div>
						</div>
						<script>
							jQuery(document).on("ready",function() {
								jQuery('#lazy_load_type').on("change",function() {
									switch (jQuery('#lazy_load_type option:selected').val()) {
										case "all":
										case "none":
											jQuery('.tp-monitor-single-speed').hide();
											jQuery('.tp-monitor-smart-speed').hide();
											jQuery('.tp-monitor-all-speed').show();
										break;
										case "smart":
											jQuery('.tp-monitor-single-speed').hide();
											jQuery('.tp-monitor-smart-speed').show();
											jQuery('.tp-monitor-all-speed').hide();
										break;
										case "single":
											jQuery('.tp-monitor-single-speed').show();
											jQuery('.tp-monitor-smart-speed').hide();
											jQuery('.tp-monitor-all-speed').hide();
										break;
									}
								});
								jQuery('#lazy_load_type').change();
							})
						</script>

<?php
						}
						?>

<div class="setting_box" id="phandlings">
						<h3 class="box_closed"><i class="rs-rp-accordion-icon eg-icon-medkit"></i>

<div style="margin-top:15px"><a href="http://www.themepunch.com/faq/troubleshooting-tips-for-5-0/" target="_blank"><?php _e("Follow FAQ for Troubleshooting", 'revslider');?></a></div>
							</div>
						</div>
						 <script>
							jQuery('#show_alternative_type').on("change",function() {
									var sbi = jQuery(this);
									switch (sbi.val()) {
										case "off":
											jQuery('.enable_alternative_image').hide();
										break;
										default:
											jQuery('.enable_alternative_image').show();
										break;
									}
							});

jQuery('#jquery_debugmode').on("change",function() {
								if (jQuery(this).attr("checked")==="checked")
									jQuery('#phandlings').addClass("debugmodeon");
								else
									jQuery('#phandlings').removeClass("debugmodeon");
							});

if (jQuery('#jquery_debugmode').attr("checked")==="checked")
									jQuery('#phandlings').addClass("debugmodeon");
								else
									jQuery('#phandlings').removeClass("debugmodeon");

jQuery('#show_alternative_type').change();
						</script>
					</div>

<?php
					$glob_vals = RevSliderOperations::getGeneralSettingsValues();
					$dl_fonts = RevSliderFunctions::getVal($glob_vals, 'load_google_fonts', 'off');
					if($dl_fonts === 'off'){
						?>
						<div class="setting_box rs-cm-refresh" id="v_goo_fo">
							<h3 class="box_closed"><i class="rs-rp-accordion-icon eg-icon-font"></i>
								<div class="setting_box-arrow"></div>
								<span><?php _e('Google Fonts', 'revslider');?></span>
							</h3>

<div class="rs-gf-listing">
									<?php
									$subsets = RevSliderFunctions::getVal($arrFieldsParams, 'subsets', array());
									
									$gf = array();
									if ($is_edit) {
										if(!empty($sliderID)) {
											$gf = $slider->getUsedFonts();
										}
									}
									if(!empty($gf)){
										echo '<h4 style="margin-top:0px;margin-bottom:8px">'.__('Dynamically Registered Google Fonts', 'revslider').'</h4>';
										
										foreach($gf as $mgf => $mgv){
											echo '<div class="single-google-font-item">';
											echo '<span class="label font-name-label">'.$mgf.':';
											if(!empty($mgv['variants'])){
												$mgfirst = true;
												foreach($mgv['variants'] as $mgvk => $mgvv){
													if(!$mgfirst) echo ',';
													echo $mgvk;
													$mgfirst = false;
												}
											}	
											echo '</span>';
											echo '<div class="single-font-setting-wrapper">';
											if(!empty($mgv['slide'])){
												echo '<span class="label">Used in Slide:</span>';
												echo '<select class="google-font-slide-link-list">';
												echo '<option value="blank">Edit Slide(s)</option>';
												foreach($mgv['slide'] as $mgskey => $mgsval){
													echo '<option value="'.self::getViewUrl(RevSliderAdmin::VIEW_SLIDE,'id='.$mgsval['id'].'&slider='.intval($sliderID)).'">'.__('Edit:', 'revslider').' '.esc_attr($mgsval['title']).'</option>';
												}
												echo '</select>';
												
											}
											
											if(!empty($mgv['subsets'])){
												echo '<div class="clear"></div>';
												
												foreach($mgv['subsets'] as $ssk => $ssv){
													echo '<span class="label subsetlabel">'.$ssv.'</span>';
													echo '<input class="tp-moderncheckbox" type="checkbox" data-useval="true" value="'.esc_attr($mgf.'+'.$ssv).'" name="subsets[]" ';
													if(array_search(esc_attr($mgf.'+'.$ssv), $subsets) !== false){
														echo 'checked="checked"';
													}
													echo '> ';
												}
											}
											echo '</div>';
											echo '</div>';
										}
									} else {
										echo '<h4 style="margin-top:0px;">'.__('No dynamic fonts registered', 'revslider').'</h4>';
									}
									
									?>
								</div>
								<script>
									jQuery('.google-font-slide-link-list').on('change', function() {
										var t = jQuery(this),
											v = t.find('option:selected').val();

if (v!="blank") {
											var win = window.open(v,'_blank');
											if (win) {
												win.focus();
											} else {
												alert('<?php _e('Link to Slide Editor is Blocked ! Please Allow Pop Ups for this Site !', 'revslider'); ?>');
											}
										}
										t.val("blank");
										
									});
								</script>
								
							</div>
						</div>
						
						<?php
					}
					
					$revslider_addon = apply_filters('revslider_slider_addons', array(), $arrFieldsParams);
					if(!empty($revslider_addon)){
						foreach($revslider_addon as $addon_handle => $addon_values){
							?>
							
							<div class="setting_box" id="addon-settings-wrapper">
								<h3 class="box_closed"><i class="rs-rp-accordion-icon <?php echo (isset($addon_values['icon'])) ? esc_attr($addon_values['icon']) : 'eg-icon-plus-circled'; ?>"></i>
									<div class="setting_box-arrow"></div>
									<span><?php echo esc_attr($addon_values['title']); ?></span>
								</h3>

<div class="inside" style="display:none;">
									<?php echo $addon_values['markup']; ?>
									<script type="text/javascript">
										<?php echo $addon_values['javascript']; ?>
									</script>
								</div>
							</div>
							<?php
						}
					}
					?>
				</form>
			
				
				<?php
				if(!RS_DEMO){
					if ($is_edit) {
						?>
						<div class="setting_box" id="v_imp_exp">
							<h3 class="box_closed"><i class="rs-rp-accordion-icon eg-icon-upload"></i>
								<div class="setting_box-arrow"></div>
								<span><?php _e('Import / Export / Replace', 'revslider');?></span>
							</h3>
							<div class="inside" style="display:none">
								<ul class="main-options-small-tabs" style="display:inline-block; ">
									<li data-content="#import-import" class="selected"><?php _e('Import', 'revslider');?></li>
									<li data-content="#import-export" class=""><?php _e('Export', 'revslider');?></li>
									<li data-content="#import-replace" class=""><?php _e('Replace URL', 'revslider');?></li>
								</ul>
								
								<div id="import-import">
									<?php
									if(!RevSliderFunctionsWP::isAdminUser() && apply_filters('revslider_restrict_role', true)){
										_e('Import only available for Administrators', 'revslider');
									}else{
										?>
										<form name="import_slider_form" id="rs_import_slider_form" action="<?php echo RevSliderBase::$url_ajax; ?>" enctype="multipart/form-data" method="post">
											<input type="hidden" name="action" value="revslider_ajax_action">
											<input type="hidden" name="client_action" value="import_slider">
											<input type="hidden" name="sliderid" value="<?php echo $sliderID; ?>">
											<input type="hidden" name="nonce" value="<?php echo wp_create_nonce("revslider_actions");?>">
											<input type="file" name="import_file" class="input_import_slider" style="width:100%; font-size:12px;">
											<div style="width:100%;height:25px"></div>

<?php
					if ($is_edit) {
						$api = "revapi" . $sliderID;
						?>

<div class="setting_box rs-cm-refresh" id="v_api_se">
							<h3 class="box_closed"><i class="rs-rp-accordion-icon eg-icon-magic"></i>
								<div class="setting_box-arrow"></div>
								<span><?php _e('API Functions', 'revslider');?></span>
							</h3>
							<div class="inside" style="display:none">
								<ul class="main-options-small-tabs" style="display:inline-block; ">
									<li data-content="#api-method" class="selected"><?php _e('Methods', 'revslider');?></li>
									<li data-content="#api-events" class=""><?php _e('Events', 'revslider');?></li>
								</ul>
								<div id="api-method">
									<span class="label" id="label_apiapi1" style="min-width:130px" origtitle="<?php _e("Call this function to start the slider.", 'revslider');?>"><?php _e("Start Slider", 'revslider')?>:</span>
									<input type="text" style="width:180px" readonly  class="api-input withlabel" id="apiapi0" value="<?php echo $api?>.revstart();"></span>
									<div class="tp-clearfix"></div>
									
									<span class="label" id="label_apiapi1" style="min-width:130px" origtitle="<?php _e("Call this function to pause the slider.", 'revslider');?>"><?php _e("Pause Slider", 'revslider')?>:</span>
									<input type="text" style="width:180px" readonly  class="api-input withlabel" id="apiapi1" value="<?php echo $api?>.revpause();"></span>
									<div class="tp-clearfix"></div>

<span class="label" id="label_apiapi2" style="min-width:130px" origtitle="<?php _e("Call this function to play the slider if it is paused.", 'revslider');?>"><?php _e("Resume Slider", 'revslider')?>:</span>
									<input type="text" style="width:180px" readonly class="api-input withlabel" id="apiapi2" value="<?php echo $api?>.revresume();"></span>
									<div class="tp-clearfix"></div>

<span class="label" id="label_apiapi3" style="min-width:130px" origtitle="<?php _e("Switch slider to previous slide.", 'revslider');?>"><?php _e("Previous Slide", 'revslider')?>:</span>
									<input type="text" style="width:180px" readonly class="api-input withlabel" id="apiapi3" value="<?php echo $api?>.revprev();"></span>
									<div class="tp-clearfix"></div>

<span class="label" id="label_apiapi4" style="min-width:130px" origtitle="<?php _e("Switch slider to next slide.", 'revslider');?>"><?php _e("Next Slide", 'revslider')?>:</span>
									<input type="text" style="width:180px" readonly class="api-input withlabel" id="apiapi4" value="<?php echo $api?>.revnext();"></span>
									<div class="tp-clearfix"></div>

<span class="label" id="label_apiapi5" style="min-width:130px" origtitle="<?php _e("Switch to the slide which is defined as parameter.", 'revslider');?>"><?php _e("Go To Slide", 'revslider')?>:</span>
									<input type="text" style="width:180px" readonly class="api-input withlabel" id="apiapi5" value="<?php echo $api?>.revshowslide(2);"></span>
									<div class="tp-clearfix"></div>

<span class="label" id="label_apiapi5" style="min-width:130px" origtitle="<?php _e("Switch to the slide which is defined as parameter.", 'revslider');?>"><?php _e("Go To Slide with ID", 'revslider')?>:</span>
									<input type="text" style="width:180px" readonly class="api-input withlabel" id="apiapi5" value="<?php echo $api?>.revcallslidewithid('rs-1007');"></span>
									<div class="tp-clearfix"></div>

<span class="label" id="label_apiapi6" style="min-width:130px" origtitle="<?php _e("Get the amount of existing slides in the slider.", 'revslider');?>"><?php _e("Max Slides", 'revslider')?>:</span>
									<input type="text" style="width:180px" readonly class="api-input withlabel" id="apiapi6" value="<?php echo $api?>.revmaxslide();"></span>
									<div class="tp-clearfix"></div>

<span class="label" id="label_apiapi7" style="min-width:130px" origtitle="<?php _e("Get the current focused slide index.", 'revslider');?>"><?php _e("Current Slide", 'revslider')?>:</span>
									<input type="text" style="width:180px" readonly class="api-input withlabel" id="apiapi7" value="<?php echo $api?>.revcurrentslide();"></span>
									<div class="tp-clearfix"></div>

<span class="label" id="label_apiapi8" style="min-width:130px" origtitle="<?php _e("Get the previously played slide.", 'revslider');?>"><?php _e("Last Slide", 'revslider')?>:</span>
									<input type="text" style="width:180px" readonly class="api-input withlabel" id="apiapi8" value="<?php echo $api?>.revlastslide();"></span>
									<div class="tp-clearfix"></div>

<span class="label" id="label_apiapi9" style="min-width:130px" origtitle="<?php _e("Scroll page under the slider.", 'revslider');?>"><?php _e("External Scroll", 'revslider')?>:</span>
									<input type="text" style="width:180px" readonly class="api-input withlabel" id="apiapi9" value="<?php echo $api?>.revscroll(offset);"></span>
									<div class="tp-clearfix"></div>

<span class="label" id="label_apiapi10" style="min-width:130px" origtitle="<?php _e("Recalculate all positions, sizing etc in the slider.  This should be called i.e. if Slider was invisible and becomes visible without any window resize event.", 'revslider');?>"><?php _e("Redraw Slider", 'revslider')?>:</span>
									<input type="text" style="width:180px" readonly  class="api-input withlabel" id="apiapi10" value="<?php echo $api?>.revredraw();"></span>
									<div class="tp-clearfix"></div>

<span class="label" id="label_apiapi12" style="min-width:130px" origtitle="<?php _e("Remove One Slide with Slide Index from the Slider. Index starts with 0 which will remove the first slide.", 'revslider');?>"><?php _e("Remove Slide", 'revslider')?>:</span>
									<input type="text" style="width:180px" readonly  class="api-input withlabel" id="apiapi12" value="<?php echo $api?>.revremoveslide(slideindex);"></span>
									<div class="tp-clearfix"></div>

<span class="label" id="label_apiapi11" style="min-width:130px" origtitle="<?php _e("Unbind all listeners, remove current animations and delete containers. Ready for Garbage collection.", 'revslider');?>"><?php _e("Kill Slider", 'revslider')?>:</span>
									<input type="text" style="width:180px" readonly  class="api-input withlabel" id="apiapi11" value="<?php echo $api?>.revkill();"></span>
									<div class="tp-clearfix"></div>
								</div>
								<div id="api-events" style="display:none">
									<h4 style="margin-top:0px"><?php _e("Slider Loaded", 'revslider')?></h4>
									<textarea class="api_area" style="height:80px;" readonly>
<?php echo $api?>.bind("revolution.slide.onloaded",function (e) {
	console.log("slider loaded");
});</textarea>
<h4 style="margin-top:15px"><?php _e("Slider swapped to an other slide", 'revslider')?></h4>
<textarea class="api_area" style=" height:100px;" readonly>
<?php echo $api?>.bind("revolution.slide.onchange",function (e,data) {
	console.log("slide changed to: "+data.slideIndex);
	console.log("current slide <li> Index: "+data.slideLIIndex);
	//data.currentslide - <?php _e('Current  Slide as jQuery Object', 'revslider');?>

//data.prevslide - <?php _e('Previous Slide as jQuery Object', 'revslider');?>  
});</textarea>
<h4 style="margin-top:15px"><?php _e("Slider paused", 'revslider')?></h4>
<textarea class="api_area" style=" height:80px;" readonly>
<?php echo $api?>.bind("revolution.slide.onpause",function (e,data) {
	console.log("timer paused");
});</textarea>
<h4 style="margin-top:15px"><?php _e("Slider is Playing after pause", 'revslider')?></h4>
<textarea class="api_area" style=" height:80px;" readonly>
<?php echo $api?>.bind("revolution.slide.onresume",function (e,data) {
	console.log("timer resume");
});</textarea>
<h4 style="margin-top:15px"><?php _e("Video is playing in slider", 'revslider')?></h4>
<textarea class="api_area" style=" height:130px;" readonly>
<?php echo $api?>.bind("revolution.slide.onvideoplay",function (e,data) {
	console.log("video play");
	//data.video - <?php _e('The Video API to Manage Video functions', 'revslider');?>

//data.videotype - <?php _e('youtube, vimeo, html5', 'revslider');?>

//data.settings - <?php _e('Video Settings', 'revslider');?>
});</textarea>
<h4 style="margin-top:15px"><?php _e("Video stopped in slider", 'revslider')?></h4>
<textarea class="api_area" style=" height:130px;" readonly>
<?php echo $api?>.bind("revolution.slide.onvideostop",function (e,data) {
	console.log("video stop");
	//data.video - <?php _e('The Video API to Manage Video functions', 'revslider');?>

//data.videotype - <?php _e('youtube, vimeo, html5', 'revslider');?>

//data.settings - <?php _e('Video Settings', 'revslider');?>
});</textarea>
<h4 style="margin-top:15px"><?php _e("Slider reached the 'stop at' slide", 'revslider')?></h4>
<textarea class="api_area" style=" height:80px;" readonly>
<?php echo $api?>.bind("revolution.slide.onstop",function (e,data) {
	console.log("slider stopped");
});</textarea>
<h4 style="margin-top:15px"><?php _e("Prepared for slide change", 'revslider')?></h4>
<textarea class="api_area" style=" height:100px;" readonly>
<?php echo $api?>.bind("revolution.slide.onbeforeswap",function (e) {
	console.log("Slider Before Swap");
	//data.currentslide - <?php _e('Current Slide as jQuery Object', 'revslider');?>

//data.nextslide - <?php _e('Coming Slide as jQuery Object', 'revslider');?>
});</textarea>
<h4 style="margin-top:15px"><?php _e("Finnished with slide change", 'revslider')?></h4>
<textarea class="api_area" style=" height:100px;" readonly>
<?php echo $api?>.bind("revolution.slide.onafterswap",function (e) {
	console.log("Slider After Swap");
	//data.currentslide - <?php _e('Current Slide as jQuery Object', 'revslider');?>

//data.prevslide - <?php _e('Previous Slide as jQuery Object', 'revslider');?>
});</textarea>
<h4 style="margin-top:15px"><?php _e("Last slide starts", 'revslider')?></h4>
<textarea class="api_area" style=" height:80px;" readonly>
<?php echo $api?>.bind("revolution.slide.slideatend",function (e) {
	console.log("slide at end");
});</textarea>
<h4 style="margin-top:15px"><?php _e("Layer Events", 'revslider')?></h4>
<textarea class="api_area" style=" height:130px;" readonly>
<?php echo $api?>.bind("revolution.slide.layeraction",function (e) {
	//data.eventtype - <?php _e('Layer Action (enterstage, enteredstage, leavestage,leftstage)', 'revslider');?>

//data.layertype - <?php _e('Layer Type (image,video,html)', 'revslider');?>

//data.layersettings - <?php _e('Default Settings for Layer', 'revslider');?>

//data.layer - <?php _e('Layer as jQuery Object', 'revslider');?>

});</textarea>
								</div>
							</div>
						</div>
						<?php
}?>	
				</div>

<div id="form_toolbar">
				<div class="toolbar-title"></div>
				<div class="toolbar-content"></div>
				
				
				<div class="toolbar-sliderpreview">
					<div class="toolbar-slider">
						<div class="toolbar-slider-image"></div>
						<div class="toolbar-progressbar"></div>
						<div class="toolbar-dottedoverlay"></div>
						<div class="toolbar-navigation-right"></div>
						<div class="toolbar-navigation-left"></div>
						<div class="toolbar-navigation-bullets">
							<div class="toolbar-navigation-bullet"></div>
							<div class="toolbar-navigation-bullet"></div>
							<div class="toolbar-navigation-bullet" style="margin:0px !important"></div>
							<span class="tp-clearfix"></span>
						</div>

<div class="clear"></div>
		<script type="text/javascript">
			
			
			<?php
			$ph_presets_full = array();
			foreach($arr_navigations as $nav){
				if(isset($nav['settings']) && isset($nav['settings']['presets']) && !empty($nav['settings']['presets'])){
					foreach($nav['settings']['presets'] as $prsst){
						if(!isset($ph_presets_full[$nav['handle']][$prsst['type']])){
							$ph_presets_full[$nav['handle']][$prsst['type']] = array();
						}
						if(!isset($ph_presets_full[$nav['handle']][$prsst['type']][$prsst['handle']])){
							$ph_presets_full[$nav['handle']][$prsst['type']][$prsst['handle']] = $prsst;
						}
					}
				}
			}
			?>
			
			var phpfullresets = jQuery.parseJSON(<?php echo RevSliderFunctions::jsonEncodeForClientSide($ph_presets_full); ?>);
			
			if(phpfullresets == null) phpfullresets = [];
			
			var fullresetsstay = false;
			// Some Inline Script for Right Side Panel Actions.
			jQuery(document).ready(function($) {
				RevSliderSettings.createModernOnOff();

jQuery(".tp-moderncheckbox").each(function() {
					RevSliderSettings.onoffStatus(jQuery(this));
				});

jQuery('#def-background_fit').change(function(){
					if(jQuery(this).val() == 'percentage'){
						jQuery('input[name="def-bg_fit_x"]').show();
						jQuery('input[name="def-bg_fit_y"]').show();
					}else{
						jQuery('input[name="def-bg_fit_x"]').hide();
						jQuery('input[name="def-bg_fit_y"]').hide();
					}
				});

jQuery('#slide_bg_position').change(function(){
					if(jQuery(this).val() == 'percentage'){
						jQuery('input[name="def-bg_position_x"]').show();
						jQuery('input[name="def-bg_position_y"]').show();
					}else{
						jQuery('input[name="def-bg_position_x"]').hide();
						jQuery('input[name="def-bg_position_y"]').hide();
					}
				});

jQuery('#slide_bg_end_position').change(function(){
					if(jQuery(this).val() == 'percentage'){
						jQuery('input[name="def-bg_end_position_x"]').show();
						jQuery('input[name="def-bg_end_position_y"]').show();
					}else{
						jQuery('input[name="def-bg_end_position_x"]').hide();
						jQuery('input[name="def-bg_end_position_y"]').hide();
					}
				});

jQuery('input[name="def-kenburn_effect"]').change(function(){
					if(jQuery(this).attr('checked') == 'checked'){
						jQuery('#def-kenburns-wrapper').show();
					}else{
						jQuery('#def-kenburns-wrapper').hide();
					}
				});

// Accordion
				jQuery('.settings_wrapper').find('.setting_box h3').each(function() {
		    		jQuery(this).click(function() {
		    			var btn = jQuery(this),
		    				sb = jQuery(this).closest('.setting_box'),
		    				toclose = btn.hasClass("box_closed") ? true : false;

if (btn.closest('.settings_wrapper').hasClass("closeallothers"))
			    			btn.closest('.settings_wrapper').find('.setting_box').each(function() {
			    				var sb = jQuery(this);
			    				sb.find('h3').addClass("box_closed");
			    				sb.find('.inside').slideUp(200);
			    			});
			    		else
			    		{
			    			sb.find('h3').addClass("box_closed");
			    			sb.find('.inside').slideUp(200);
			    		}

if (toclose) {
		    				btn.removeClass("box_closed");
		    				sb.find('.inside').slideDown(200);
		    			}
		    		});
		    	});
				
				function rs_trigger_color_picker(){					
					jQuery('.my-color-field').not('.rev-cpicker-component').tpColorPicker({
						mode:"full",
						defaultValue:'#FFFFFF',
						wrapper:'<span class="rev-m-colorpickerspan"></span>',																		
						change:function(inputElement,color,gradientObj) {
							drawToolBarPreview();
							try{												
								inputElement.closest('.placeholder-single-wrapper').find('.placeholder-checkbox').attr('checked','checked');
							} catch(e) {

}
						}
					});

jQuery('.alpha-color-field').not('.rev-cpicker-component').tpColorPicker({
						mode:"single",						
						wrapper:'<span class="rev-m-colorpickerspan"></span>',
						change:function(inputElement,color,gradientObj) {
							drawToolBarPreview();
							try{												
								inputElement.closest('.placeholder-single-wrapper').find('.placeholder-checkbox').attr('checked','checked');
							} catch(e) {

}
						}
					});

}

rs_trigger_color_picker();

jQuery('.wp-color-result').on("click",function() {
					if (jQuery(this).hasClass("wp-picker-open"))
						jQuery(this).closest('.wp-picker-container').addClass("pickerisopen");
					else
						jQuery(this).closest('.wp-picker-container').removeClass("pickerisopen");
				});

jQuery("body").click(function(event) {
  					jQuery('.wp-picker-container.pickerisopen').removeClass("pickerisopen");
  				})

// PREPARE ON/OFF BUTTON
  				jQuery('.tp-onoffbutton .withlabel').each(function() {
  					var wl = jQuery(this),
  						tpo = wl.closest('.tp-onoffbutton');
  					tpo.attr('label',wl.attr('id'));
  					tpo.addClass("withlabel");
  				})

jQuery('.wp-picker-container .withlabel').each(function() {
  					var wl = jQuery(this),
  						tpo = wl.closest('.wp-picker-container');
  					tpo.attr('label',wl.attr('id'));
  					tpo.addClass("withlabel");
  				});

//----------------------------------------------------
				// 		DRAW PREVIEW OF NAVIGATION ELEMENTS
				//----------------------------------------------------

function convertAnytoRGBorRGBA(a,c) {
					if (a==="color" || a==="color-rgba") {						
						if (c.indexOf("rgb")>=0) {
							c = c.split('(')[1].split(")")[0];
						}
						else{							
							c = UniteAdminRev.convertHexToRGB(c);
							c = c[0]+","+c[1]+","+c[2];
						}

if (a==="color-rgba" && c.split(",").length<4) c = c+",1";						
						
					}
					return c;
				}

var previewNav = function(sbut,mclass,the_css,the_markup,settings) {

var ap = jQuery('#preview-nav-wrapper .rs-arrows-preview'),
						bp = jQuery('#preview-nav-wrapper .rs-bullets-preview'),
						tabp = jQuery('#preview-nav-wrapper .rs-tabs-preview'),
						thumbp = jQuery('#preview-nav-wrapper .rs-thumbs-preview'),
						sizer = jQuery('#preview-nav-wrapper .little-sizes'),
						navpre  = jQuery('#preview-nav-wrapper');

navpre.css({height:200});

ap.html("");
					bp.html("");
					tabp.html("");
					thumbp.html("");
					
					ap.hide();
					bp.hide();
					tabp.hide();
					thumbp.hide();
					sizer.hide();

rwith = convertAnytoRGBorRGBA(o.type,rwith);									
									the_css = the_css.replace('##'+sf+'##',rwith);
								}
							});							
						});

var t = '<style>'+the_css+'</style>';
						t = t + '<div class="'+mclass+' tparrows tp-leftarrow">'+the_markup+'</div>';
						t = t + '<div class="'+mclass+' tparrows tp-rightarrow">'+the_markup+'</div>';					
						ap.html(t);	
					
						var arh = ap.find('.tparrows').first().height()+40,
							pph = navpre.height();

if (pph<arh)
							navpre.css({height:arh});

} else 
					if (sbut=="bullets") {
						bp.show();

jQuery.each(sfor,function(i,sf) {
							jQuery.each(settings.placeholders,function(i,o) {
								if (sf===o.handle && o["nav-type"]==="bullets") {
									var rwith = "";
									if (jQuery('input[name="ph-'+mclass+'-bullets-'+o.handle+'-'+o.type+'-def"]').attr("checked")==="checked")
										rwith = jQuery('input[name="ph-'+mclass+'-bullets-'+o.handle+'-'+o.type+'"]').val()
									else
										rwith = o.data[o.type]

rwith = convertAnytoRGBorRGBA(o.type,rwith);

the_css = the_css.replace('##'+sf+'##',rwith);
									
								}
							});							
						});

bp.find('.tp-bullets').addClass("nav-pos-ver-"+jQuery('#bullets_align_vert').val()).addClass("nav-pos-hor-"+jQuery('#bullets_align_hor').val()).addClass("nav-dir-"+jQuery('#bullets_direction').val());

} else
					if (sbut=="tabs") {
						tabp.show();
						jQuery.each(sfor,function(i,sf) {
							jQuery.each(settings.placeholders,function(i,o) {
								if (sf===o.handle && o["nav-type"]==="tabs") {
									var rwith = "";
									if (jQuery('input[name="ph-'+mclass+'-tabs-'+o.handle+'-'+o.type+'-def"]').attr("checked")==="checked") 
										rwith = jQuery('input[name="ph-'+mclass+'-tabs-'+o.handle+'-'+o.type+'"]').val();
									else 
										rwith = o.data[o.type];
									rwith = convertAnytoRGBorRGBA(o.type,rwith);
									the_css = the_css.replace('##'+sf+'##',rwith);
								}
							});							
						});
						
						var t = '<style>'+the_css+'</style>';
						t = t + '<div class="'+mclass+'"><div class="tp-tab">'+the_markup+'</div></div>';
						tabp.html(t);
						var s = new Object();
						s.w = 160,
						s.h = 160;
						if (settings!="" && settings!=undefined) {							
							if (settings.width!=undefined && settings.width.tabs!=undefined)
								s.w=settings.width.tabs;
							if (settings.height!=undefined && settings.height.tabs!=undefined)
								s.h=settings.height.tabs;
						}
						tabp.find('.tp-tab').each(function(){
							jQuery(this).css({width:s.w+"px",height:s.h+"px"});
						});
						var tabc = tabp.find('.tp-tab');
						tabc.addClass("nav-pos-ver-"+jQuery('#tabs_align_vert').val()).addClass("nav-pos-hor-"+jQuery('#tabs_align_hor').val()).addClass("nav-dir-"+jQuery('#tabs_direction').val());

var arh = tabc.height()+40,
							pph = navpre.height();

if (pph<arh)
							navpre.css({height:arh});

return s;
					
					} else
					if (sbut=="thumbs") {
						thumbp.show();
						jQuery.each(sfor,function(i,sf) {
							jQuery.each(settings.placeholders,function(i,o) {
								if (sf===o.handle && o["nav-type"]==="thumbs") {
									var rwith="";
									if (jQuery('input[name="ph-'+mclass+'-thumbs-'+o.handle+'-'+o.type+'-def"]').attr("checked")==="checked") 
										rwith = jQuery('input[name="ph-'+mclass+'-thumbs-'+o.handle+'-'+o.type+'"]').val();
									else 
										rwith = o.data[o.type];
									rwith = convertAnytoRGBorRGBA(o.type,rwith);
									the_css = the_css.replace('##'+sf+'##',rwith);
								}
							});							
						});

var thumbsc = thumbp.find('.tp-thumb').parent();
						thumbsc.addClass("nav-pos-ver-"+jQuery('#thumbs_align_vert').val()).addClass("nav-pos-hor-"+jQuery('#thumbs_align_hor').val()).addClass("nav-dir-"+jQuery('#thumbs_direction').val());
						return s;
					}

}
				
				
				fillNavStylePlaceholderOnInit();

jQuery('.toggle-custom-navigation-style').click(function() {
					var p = jQuery(this).closest('.toggle-custom-navigation-style-wrapper'),
						c = p.find('.toggle-custom-navigation-styletarget'); 	
					
					if (c.hasClass("opened")) {
						c.removeClass("opened");
						c.slideUp(200);
					} else {
						c.slideDown(200);
						c.addClass("opened");
					}
				});
				
				
				function fillNavStylePlaceholderOnInit(){
					<?php
					$ph_types = array('navigation_arrow_style' => 'arrows', 'navigation_bullets_style' => 'bullets', 'tabs_style' => 'tabs', 'thumbnails_style' => 'thumbs');
					foreach($ph_types as $phname => $pht){

$ph_arr_type = RevSliderFunctions::getVal($arrFieldsParams, $phname, '');
						
						$ph_init = array();
						$ph_presets = array();
						foreach($arr_navigations as $nav){
							if($nav['handle'] == $ph_arr_type){ //check for settings, placeholders
								if(isset($nav['settings']) && isset($nav['settings']['placeholders'])){
									foreach($nav['settings']['placeholders'] as $placeholder){
										if(empty($placeholder)) continue;
										
										$ph_vals = array();
										$ph_vals_def = array();
										
										//$placeholder['type']
										foreach($placeholder['data'] as $k => $d){
											$ph_vals[$k] = stripslashes(RevSliderFunctions::getVal($arrFieldsParams, 'ph-'.$ph_arr_type.'-'.$pht.'-'.$placeholder['handle'].'-'.$k, $d));
											$ph_vals_def[$k] = stripslashes(RevSliderFunctions::getVal($arrFieldsParams, 'ph-'.$ph_arr_type.'-'.$pht.'-'.$placeholder['handle'].'-'.$k.'-def', 'off'));											
										}
										
										$ph_init[] = array('nav-type' => @$placeholder['nav-type'], 'title' => @$placeholder['title'], 'handle' => $placeholder['handle'], 'type' => $placeholder['type'], 'data' => $ph_vals, 'default' => $ph_vals_def);
									}
									if(!empty($ph_vals) && isset($nav['settings']['presets']) && !empty($nav['settings']['presets'])){
										$ph_presets[$nav['handle']] = $nav['settings']['presets'];
									}
								}
								break;
							}
						}
						
						if(!empty($ph_init)){
							?>
							var phvals = jQuery.parseJSON(<?php echo RevSliderFunctions::jsonEncodeForClientSide($ph_init); ?>);
							var phpresets = jQuery.parseJSON(<?php echo RevSliderFunctions::jsonEncodeForClientSide($ph_presets); ?>);
							
							//check for values
							showNavStylePlaceholder('<?php echo $pht; ?>', phvals, phpresets);
							<?php
						}
					}
					?>
				}
				
				
				function showNavStylePlaceholder(navtype, vals, phpresets){

var cur_edit_type;
					var cur_edit = {};
					var ph_div;
					var ph_preset_sel;
					switch(navtype){
						case 'arrows':
							cur_edit_type = jQuery('#navigation_arrow_style option:selected').attr('value');
							ph_div = jQuery('.navigation_arrow_placeholder');
							ph_preset_sel = jQuery('#navigation_arrows_preset');
						break;
						case 'bullets':
							cur_edit_type = jQuery('#navigation_bullets_style option:selected').attr('value');
							ph_div = jQuery('.navigation_bullets_placeholder');
							ph_preset_sel = jQuery('#navigation_bullets_preset');
						break;
						case 'tabs':
							cur_edit_type = jQuery('#tabs_style option:selected').attr('value');
							ph_div = jQuery('.navigation_tabs_placeholder');
							ph_preset_sel = jQuery('#navigation_tabs_preset');
						break;
						case 'thumbs':
							cur_edit_type = jQuery('#thumbnails_style option:selected').attr('value');
							ph_div = jQuery('.navigation_thumbs_placeholder');
							ph_preset_sel = jQuery('#navigation_thumbs_preset');
						break;
						default:
							return false;
						break;
					}
					
					
					var current_value = ph_preset_sel.val();
					
					ph_div.html('');
					ph_preset_sel.find('option').each(function(){
						if(!jQuery(this).hasClass('never')) jQuery(this).remove();
					});
					
					
					if(vals == undefined){
						for(var key in rs_navigations){									
							if(rs_navigations[key]['handle'] == cur_edit_type){								
								cur_edit = jQuery.extend(true, {}, rs_navigations[key]);
								break;
							}
						}
					}else{
						cur_edit = {'settings': {'placeholders': vals}};
					}

var tcnsw = ph_div.closest('.toggle-custom-navigation-style-wrapper'),
						holder_type = tcnsw.data('navtype');
					
					if (cur_edit['settings'] == undefined || cur_edit['settings']['placeholders'] == undefined) {
						tcnsw.find('.toggle-custom-navigation-style').removeClass("visible");
						return false;
					}
					
					var count = 0;
					for(var key in cur_edit['settings']['placeholders']){

var m = cur_edit['settings']['placeholders'][key];
						
						if (holder_type==m['nav-type']) count++;

if(m['default'] == undefined) m['default'] = {};
						
						if(jQuery.isEmptyObject(m)) continue;
						
						var deftype = (m["type"] == 'font-family') ? 'font_family' : m["type"];
						
						var isfor = 'ph-'+cur_edit_type+'-'+navtype+'-'+m['handle']+'-'+deftype,
							ph_title = (m['title'] == undefined) ? '##'+m['handle']+'##' : m['title'],
							ph_html = '<div class="placeholder-single-wrapper '+m["nav-type"]+'"><input type="checkbox" name="ph-'+cur_edit_type+'-'+navtype+'-'+m['handle']+'-'+deftype+'-def" data-isfor="'+isfor+'" class="tp-moderncheckbox placeholder-checkbox custom-preset-val triggernavstyle" data-unchecked="off" ';															
						
						ph_html+= (m['default'][deftype] == undefined || m['default'][deftype] == 'off') ? '>' : ' checked="checked">';
						ph_html+= '<span class="label placeholder-label triggernavstyle">'+ph_title+'</span>';

switch(m['type']){
							case 'color':																
								ph_html+= '<input type="text" name="ph-'+cur_edit_type+'-'+navtype+'-'+m['handle']+'-color" class="triggernavstyle alpha-color-field custom-preset-val" id="'+isfor+'" value="'+m['data']['color']+'">';																
							break;
							case 'color-rgba':																
								ph_html+= '<input type="text" name="ph-'+cur_edit_type+'-'+navtype+'-'+m['handle']+'-color-rgba" class="triggernavstyle alpha-color-field custom-preset-val" id="'+isfor+'" value="'+m['data']['color-rgba']+'">';																
							break;
							case 'font-family':								
								ph_html+= '<select style="width:112px" name="ph-'+cur_edit_type+'-'+navtype+'-'+m['handle']+'-font_family" class="triggernavstyle custom-preset-val" id="'+isfor+'">';
								<?php
								$font_families = $operations->getArrFontFamilys();
								foreach($font_families as $handle => $name){
									if($name['label'] == 'Dont Show Me') continue;
									?>
									ph_html+= '<option value="<?php echo esc_attr($name['label']); ?>"';
									if(m['data']['font_family'] == '<?php echo esc_attr($name['label']); ?>'){
										ph_html+= ' selected="selected"';
									}
									ph_html+= '><?php echo esc_attr($name['label']); ?></option>';
									<?php
								}
								?>
								ph_html+= '</select>';
								
							break;
							case 'custom':													
								ph_html+= '<input type="text" name="ph-'+cur_edit_type+'-'+navtype+'-'+m['handle']+'-custom" value="'+m['data']['custom']+'" class="triggernavstyle custom-preset-val" id="'+isfor+'">';																
							break;
							
						}

ph_html+= '</div><div class="clear"></div>';								
						if (holder_type==m['nav-type']) ph_div.prepend(ph_html);
					}
					
					
					if(phpresets !== undefined){
						//add presets in the box
						for(var key in phpresets){
							if(key == cur_edit_type){
								for(var kkey in phpresets[key]){
									if(phpresets[key][kkey]['type'] == navtype)
										ph_preset_sel.append('<option value="'+phpresets[key][kkey]['handle']+'">'+phpresets[key][kkey]['name']+'</option>');
								}
							}
						}
						
						//select the correct preset in select box
						ph_preset_sel.find('option[value="'+ph_preset_sel.data('startvalue')+'"]').attr('selected', true);
					
					}else{
						//phpfullresets
						//fill the field, as we have changed the nav type, and set the select to default
						for(var key in phpfullresets){
							if(key == cur_edit_type){
								if(phpfullresets[key][navtype] !== undefined){
									for(var kkey in phpfullresets[key][navtype]){
										ph_preset_sel.append('<option value="'+phpfullresets[key][navtype][kkey]['handle']+'">'+phpfullresets[key][navtype][kkey]['name']+'</option>');
									}
								}
							}
						}
						
						if(ph_preset_sel.find('option[value="'+current_value+'"]').length > 0){
							ph_preset_sel.find('option[value="'+current_value+'"]').attr('selected', true);
						}else{
							ph_preset_sel.find('option[value="default"]').attr('selected', true);
						}
						
						if(fullresetsstay !== false){
							if(ph_preset_sel.find('option[value="'+fullresetsstay+'"]').length > 0){
								ph_preset_sel.find('option[value="'+fullresetsstay+'"]').attr('selected', true);
							}
						}
						
						
						ph_preset_sel.change();
					}
					fullresetsstay = false;
					
					
					if (count>0) {
						tcnsw.find('.toggle-custom-navigation-style').addClass("visible");
						ph_div.append('<span class="overwrite-arrow"></span><span class="placeholder-description"><?php _e('Check to use Custom', 'revslider'); ?></span>');
					} else {
						tcnsw.find('.toggle-custom-navigation-style').removeClass("visible");
					}
					ph_div.append('<div class="tp-clear"></div><div class="save-navigation-style-as-preset"><?php _e("Save as Preset", 'revslider');?></div><div class="delete-navigation-style-as-preset"><?php _e("Delete Preset", 'revslider');?></div>');
					
					rs_trigger_color_picker();
				}
				
				
				/**
				 * If changed, set parent to Custom!
				 **/
				jQuery('body').on('change', '.custom-preset-val', function(){
					var navtype = jQuery(this).closest('.toggle-custom-navigation-style-wrapper').data('navtype');
					
					switch(navtype){
						case 'arrows':
							jQuery('#navigation_arrows_preset option[value="custom"]').attr('selected', true);
						break;
						case 'bullets':
							jQuery('#navigation_bullets_preset option[value="custom"]').attr('selected', true);
						break;
						case 'thumbs':
							jQuery('#navigation_thumbs_preset option[value="custom"]').attr('selected', true);
						break;
						case 'tabs':
							jQuery('#navigation_tabs_preset option[value="custom"]').attr('selected', true);
						break;
					}
				});
				
				
				jQuery('body').on('change', '#navigation_arrows_preset, #navigation_bullets_preset, #navigation_tabs_preset, #navigation_thumbs_preset', function(){
					var myv = jQuery(this).val();
					
					var type = 'arrows';
					var sel_value = '';
					switch(jQuery(this).attr('id')){
						case 'navigation_arrows_preset':
							type = 'arrows';
							sel_value = jQuery('#navigation_arrow_style option:selected').val();
						break;
						case 'navigation_bullets_preset':
							type = 'bullets';
							sel_value = jQuery('#navigation_bullets_style option:selected').val();
						break;
						case 'navigation_tabs_preset':
							type = 'tabs';
							sel_value = jQuery('#tabs_style option:selected').val();
						break;
						case 'navigation_thumbs_preset':
							type = 'thumbs';
							sel_value = jQuery('#thumbnails_style option:selected').val();
						break;
					}
					
					if(myv == 'default' || myv !== 'custom'){
						//uncheck all checkboxes, set the values to default values
						for(var key in rs_navigations){
							if(rs_navigations[key]['handle'] == sel_value){
								if(rs_navigations[key]['settings'] !== undefined && rs_navigations[key]['settings']['placeholders'] !== undefined){
									for(var kkey in rs_navigations[key]['settings']['placeholders']){
										var m = rs_navigations[key]['settings']['placeholders'][kkey];
										switch(m['type']){
											case 'color':
												jQuery('input[name="ph-'+sel_value+'-'+type+'-'+m['handle']+'-color"]').val(m['data']['color']);
												jQuery('input[name="ph-'+sel_value+'-'+type+'-'+m['handle']+'-color-def"]').attr('checked', false);												
											break;
											case 'color-rgba':
												jQuery('input[name="ph-'+sel_value+'-'+type+'-'+m['handle']+'-color"]').val(m['data']['color-rgba']);
												jQuery('input[name="ph-'+sel_value+'-'+type+'-'+m['handle']+'-color-def"]').attr('checked', false);												
											break;
											case 'font_family':
												jQuery('select name=["ph-'+sel_value+'-'+type+'-'+m['handle']+'-font_family"] option[value="'+m['data']['font_family']+'"]').attr('selected', true);
												jQuery('input[name="ph-'+sel_value+'-'+type+'-'+m['handle']+'-font-family-def"]').attr('checked', false);
											break;
											case 'custom':
												jQuery('input[name="ph-'+sel_value+'-'+type+'-'+m['handle']+'-custom"]').val(m['data']['custom']);
												jQuery('input[name="ph-'+sel_value+'-'+type+'-'+m['handle']+'-custom-def"]').attr('checked', false);
											break;
										}
									}
								}
								break;
							}
						}
					}
					
					if(myv == 'custom'){
						//leave all as it is
					}else{
						//default values were set before, now set the values of the preset
						if(phpfullresets !== null && phpfullresets[sel_value] !== undefined && phpfullresets[sel_value][type] !== undefined && phpfullresets[sel_value][type][myv] !== undefined){
							if(phpfullresets[sel_value][type][myv]['values'] !== undefined){
								for(var key in phpfullresets[sel_value][type][myv]['values']){
									jQuery('#'+key).val(phpfullresets[sel_value][type][myv]['values'][key]);
									jQuery('input[name="'+key+'-def"]').attr('checked', true);
								}
							}
						}
					}
				});
				
				
				jQuery('body').on('click', '.save-navigation-style-as-preset', function(){
					//what type am I
					var ce = jQuery(this);
					var nav_type = ce.closest('.toggle-custom-navigation-style-wrapper').data('navtype');
					
					//set a name
					jQuery('.rs-dialog-save-nav-preset').dialog({
						modal:true,
						resizable:false,
						minWidth:400,
						minHeight:300,
						closeOnEscape:true,
						buttons:{
							'<?php _e('Save As', 'revslider'); ?>':function(){
								
								var preset_name = jQuery('input[name="preset-name"]').val();
								var preset_handle = UniteAdminRev.sanitize_input(jQuery('input[name="preset-name"]').val());
								var preset_navigation = nav_type;
								var preset_values = {};
								var preset_nav_handle = '';
								
								switch(nav_type){
									case 'arrows':
										var ph_class = '.navigation_arrow_placeholder';
										preset_nav_handle = jQuery('#navigation_arrow_style option:selected').val();
									break;
									case 'bullets':
										var ph_class = '.navigation_bullets_placeholder';
										preset_nav_handle = jQuery('#navigation_bullets_style option:selected').val();
									break;
									case 'thumbs':
										var ph_class = '.navigation_thumbs_placeholder';
										preset_nav_handle = jQuery('#thumbnails_style option:selected').val();
									break;
									case 'tabs':
										var ph_class = '.navigation_tabs_placeholder';
										preset_nav_handle = jQuery('#tabs_style option:selected').val();
									break;
									default:
										return false;
									break;
								}
								
								var overwrite = false;
								//check if preset handle is already existing!
								if(typeof(phpfullresets[preset_nav_handle]) !== 'undefined' && typeof(phpfullresets[preset_nav_handle][nav_type]) !== 'undefined'){
									if(typeof(phpfullresets[preset_nav_handle][nav_type][preset_handle]) !== 'undefined'){
										//handle already exists, change it
										if(!confirm('<?php _e('Handle already exists, overwrite settings for this preset?', 'revslider'); ?>')){
											return false;
										}
										overwrite = true;
									}
								}
								
								//get values where checkbox is selected
								jQuery(ph_class+' input[type="checkbox"]').each(function(){
									if(jQuery(this).is(':checked')){
										var jqrobj = jQuery('#'+jQuery(this).data('isfor'));
										
										preset_values[jqrobj.attr('name')] = jqrobj.val();
									}
								});
								
								if(!jQuery.isEmptyObject(preset_values)){
									
									var data = {
										navigation: preset_nav_handle,
										name: preset_name,
										handle: preset_handle,
										type: preset_navigation,
										do_overwrite: overwrite,
										values: preset_values
									}
									
									UniteAdminRev.ajaxRequest('create_navigation_preset', data, function(response){
										reload_navigation_preset_fields(response.navs, preset_handle);
										
										jQuery('.rs-dialog-save-nav-preset').dialog('close');
									});
								}else{
									alert('<?php _e('No fields are checked, please check at least one field to save a preset', 'revslider'); ?>');
								}
								
							}
						}
					});
					
					
					//if exists, overwrite existing
				});
				
				jQuery('body').on('click', '.delete-navigation-style-as-preset', function(){
					//check if we are default or custom
					//if not, ask to really delete
					
					var nav_type = jQuery(this).closest('.toggle-custom-navigation-style-wrapper').data('navtype');
					
					var cur_preset = jQuery('#navigation_'+nav_type+'_preset option:selected').val();
					
					if(cur_preset !== 'default' && cur_preset !== 'custom' && cur_preset !== undefined){ //default and custom can not be deleted
						if(confirm('<?php _e('Delete this Navigation Preset?', 'revslider'); ?>')){
							var style_handle = '';
							switch(nav_type){
								case 'arrows':
									style_handle = jQuery('#navigation_arrow_style option:selected').val();
								break;
								case 'bullets':
									style_handle = jQuery('#navigation_bullets_style option:selected').val();
								break;
								case 'tabs':
									style_handle = jQuery('#tabs_style option:selected').val();
								break;
								case 'thumbs':
									style_handle = jQuery('#thumbnails_style option:selected').val();
								break;
							}
							
							//delete that entry
							var data = {
								style_handle: style_handle,
								handle: cur_preset,
								type: nav_type
							}
							
							
							UniteAdminRev.ajaxRequest('delete_navigation_preset', data, function(response){
								
								reload_navigation_preset_fields(response.navs);
								
							});
							
						}
					}
				});
				
				
				function reload_navigation_preset_fields(navs, stay_at_current){
					
					//reload select boxes!
					for(var key in navs){
						if(navs[key]['settings'] !== null && navs[key]['settings'] !== undefined && navs[key]['settings']['presets'] !== undefined){
							phpfullresets[navs[key]['handle']] = {};
							
							for(var kkey in navs[key]['settings']['presets']){ //push values into phpfullresets
								var m = navs[key]['settings']['presets'][kkey];
								
								if(phpfullresets[navs[key]['handle']][m['type']] == undefined) phpfullresets[navs[key]['handle']][m['type']] = {};
								
								phpfullresets[navs[key]['handle']][m['type']][m['handle']] = m;
							}
						}
					}
					
					//select the new created preset
					//and select the things on other elements as they have changed to default
					
					//now reset all fields with the new phpfullresets
					if(stay_at_current !== undefined){
						fullresetsstay = stay_at_current;
					}
					showNavStylePlaceholder('arrows');
					showNavStylePlaceholder('bullets');
					showNavStylePlaceholder('tabs');
					showNavStylePlaceholder('thumbs');
					
				}

function changeNavStyle(navtype) {
					var cur_edit = {},
						cur_edit_type,
						navtype,
						nav_id,
						mclass="";

if (navtype == "arrows")					
						cur_edit_type=jQuery('#navigation_arrow_style option:selected').attr('value');
					else 
					if (navtype == 'bullets')
						cur_edit_type=jQuery('#navigation_bullets_style option:selected').attr('value');
					else
					if (navtype == 'tabs')
						cur_edit_type=jQuery('#tabs_style option:selected').attr('value');
					else 
					if (navtype == 'thumbs')
						cur_edit_type=jQuery('#thumbnails_style option:selected').attr('value');
					
					for(var key in rs_navigations){									
						if(rs_navigations[key]['handle'] == cur_edit_type){
							cur_edit = jQuery.extend(true, {}, rs_navigations[key]);
							break;
						}
					}
					
					var the_css = (typeof(cur_edit['css']) !== 'undefined' && cur_edit['css'] !== null && typeof(cur_edit['css'][navtype]) !== 'undefined') ? cur_edit['css'][navtype] : '',
						the_markup = (typeof(cur_edit['markup']) !== 'undefined' && cur_edit['markup'] !== null && typeof(cur_edit['markup'][navtype]) !== 'undefined') ? cur_edit['markup'][navtype] : "",
						settings = (typeof(cur_edit['settings']) !== 'undefined' && cur_edit['settings'] !== null) ? cur_edit['settings'] : "";
					
					if (cur_edit["name"]==undefined) return false;
					var mclass = UniteAdminRev.sanitize_input(cur_edit["name"].toLowerCase());

if(cur_edit['css'] == null) return false;
					if(cur_edit['markup'] == null) return false;

return previewNav(navtype,mclass,the_css,the_markup,settings);
					
				}

}
  				
  					
  				jQuery('body').on('mouseenter','.label, .withlabel, .triggernavstyle, #form_toolbar',function() {  						
					drawToolBarPreview();

var lbl 	= jQuery(this).hasClass("withlabel") ? (jQuery(this).attr('id')===undefined ? jQuery("#label_"+jQuery(this).attr("label")) : jQuery("#label_"+jQuery(this).attr("id"))) : jQuery(this),
						ft      = jQuery('#form_slider_params').offset().top;
						tb      = jQuery('#form_toolbar'),
						title   = tb.find('.toolbar-title'),
						cont    = tb.find('.toolbar-content'),
						med     = tb.find('.toolbar-media'),
						prev    = tb.find('.toolbar-sliderpreview'),
						shads   = tb.find('.toolbar-shadows'),
						img     = tb.find('.toolbar-slider-image'),
						exti 	= tb.find('.toolbar-extended-info'),
						navpre  = jQuery('#preview-nav-wrapper');

if (jQuery(this).attr('id')!=="form_toolbar") {
						if (!jQuery(this).hasClass("triggernavstyle")) {
							navpre.css({height:200});
							title.html(lbl.html());
							cont.html(lbl.attr('origtitle'));
						}
						
						
						/*	if (lbl.attr('extendedinfo')!=undefined)
								exti.html(lbl.attr('extendedinfo'));

/*if (lbl.attr('origmedia')===undefined) {
								prev.slideUp(150);
								shads.slideUp(150);
							}*/

if (lbl.attr('origmedia')=="show" || lbl.attr('origmedia')=="showbg") {
							prev.slideDown(150);
							shads.slideDown(150);
						}

if (lbl.attr('origmedia')=="showbg")
							img.addClass('shownowbg');
						else
						img.removeClass('shownowbg');

var topp = (lbl.offset().top-ft-14),
							hh = tb.outerHeight(),
							so = jQuery(document).scrollTop(),
							foff = jQuery('#form_slider_params').offset().top,
							wh = jQuery(window).height(),
							diff = (so+wh-foff) - (topp+hh);

if (diff<0) topp = topp + diff;

if (lbl.hasClass("triggernavstyle")) {						
							callChangeNavStyle(jQuery(this));
						} else {
							cont.show();
							prev.show();
							navpre.hide();
						}
						punchgs.TweenLite.to(tb,0.5,{autoAlpha:1,right:"100%",top:topp,ease:punchgs.Power3.easeOut,overwrite:"all"});
					} else {
						punchgs.TweenLite.to(tb,0.5,{autoAlpha:1,overwrite:"all"});
					}
					
				});

jQuery('body').on('mouseleave','.label, .withlabel, .triggernavstyle, #form_toolbar',function() {					
					 punchgs.TweenLite.to(jQuery('#form_toolbar'),0.2,{autoAlpha:0,ease:punchgs.Power3.easeOut,delay:0.2});
				});

jQuery('body').on('click','.placeholder-single-wrapper input.custom-preset-val',function() {	
					if (!jQuery(this).is(":checkbox"))				
						jQuery(this).closest('.placeholder-single-wrapper').find('.placeholder-checkbox').attr('checked','checked');
					return true;
				});

jQuery('body').on('keyup','.placeholder-single-wrapper input',function() {										
					callChangeNavStyle(jQuery(this));						
				});

jQuery('body').on('mousemove','.toggle-custom-navigation-styletarget',function() {  					
					callChangeNavStyle(jQuery(this));
					punchgs.TweenLite.to(jQuery('#form_toolbar'),0.2,{autoAlpha:1,ease:punchgs.Power3.easeOut,overwrite:"auto"});
  				});

jQuery('#navigation_arrow_style, #navigation_bullets_style, #tabs_style, #thumbnails_style').on("change",function() {
					var e = jQuery(this),
						tb      = jQuery('#form_toolbar'),
						title   = tb.find('.toolbar-title'),
						cont    = tb.find('.toolbar-content');

if (e.closest('#nav_arrows_subs').length>0) 
						navtype = 'arrows';
					else 
					if (e.closest('#nav_bullets_subs').length>0) 
						navtype = 'bullets';	
					else 
					if (e.closest('#nav_tabs_subs').length>0)
						navtype = 'tabs';
					else 
					if (e.closest('#nav_thumbnails_subs').length>0)
						navtype = 'thumbs';
						
					var s = changeNavStyle(navtype,jQuery(this));
					
					showNavStylePlaceholder(navtype);
					
					if (s!=undefined)
						cont.html("<?php _e('Suggested Size:', 'revslider'); ?>"+s.w+" x "+s.h+"px");
					else cont.hide();
				});
				var rs_navigations = jQuery.parseJSON(<?php echo RevSliderFunctions::jsonEncodeForClientSide($arr_navigations); ?>);								
				
				/*var googlef_template_container = wp.template( "rs-preset-googlefont" );
				
				jQuery('#add_new_google_font').click(function(){
					var content = googlef_template_container({'value':''});
					jQuery('#rs-google-fonts').append(content);
				});
				
				jQuery('body').on('click', '.rs-google-remove-field', function(){
					jQuery(this).parent().remove();
				});
				
				<?php
				$google_font = RevSliderFunctions::getVal($arrFieldsParams, 'google_font', array());
				if(!empty($google_font) && is_array($google_font)){
					foreach($google_font as $gfont){
						?>
						jQuery('#rs-google-fonts').append(googlef_template_container({'value':'<?php echo esc_attr($gfont); ?>'}));
						<?php
					}
				}
				?>*/
				/*
				
				var data = {};
				data['value'] = key;
				data['name'] = revslider_presets[key]['settings']['name'];
				data['type'] = revslider_presets[key]['settings']['preset'];
				data['img'] = (typeof(revslider_presets[key]['settings']['image']) !== 'undefined') ? revslider_presets[key]['settings']['image'] : '';
				data['class'] = (typeof(revslider_presets[key]['settings']['class']) !== 'undefined') ? revslider_presets[key]['settings']['class'] : '';
				data['custom'] = (typeof(revslider_presets[key]['settings']['custom']) !== 'undefined' && revslider_presets[key]['settings']['custom'] == true) ? true : false;
				
				var content = googlef_template_container(data);
				
				jQuery('#rs-add-new-settings-preset').before(content);
				*/
				
				jQuery(".button-image-select-bg-img").click(function(){
					UniteAdminRev.openAddImageDialog("Choose Image",function(urlImage, imageID){
						//update input:
						jQuery("#background_image").val(urlImage);
					});
				});
				jQuery(".button-image-select-background-img").click(function(){
					UniteAdminRev.openAddImageDialog("Choose Image",function(urlImage, imageID){
						//update input:
						jQuery("#show_alternate_image").val(urlImage);
					});
				});
				
			});
		</script>
	</div>

</div>

<div id="dialog-rs-add-new-setting-presets" title="<?php _e('Save Settings as Preset', 'revslider');?>" style="display:none;">
	<div class="settings_wrapper unite_settings_wide">
		<p><label><?php _e('Preset Name', 'revslider');?></label> <input type="text" name="rs-preset-name" /></p>
		<p><label><?php _e('Select Image', 'revslider');?></label> <input type="button" value="<?php _e('Select');?>" name="rs-button-select-img" /></p>
		<input type="hidden" name="rs-preset-image-id" value="" />
		<div id="rs-preset-img-wrapper">

</div>
	</div>
</div>

<?php
$exampleID = '"slider1"';
?>

<div class="rs-dialog-embed-slider" style="display: none;">
	<div class="revyellow" style="background: none repeat scroll 0% 0% #F1C40F; left:0px;top:36px;position:absolute;height:224px;padding:20px 10px;"><i style="color:#fff;font-size:25px" class="revicon-arrows-ccw"></i></div>
	<div style="margin:5px 0px; padding-left: 55px;">
		<div style="font-size:14px;margin-bottom:10px;"><strong><?php _e("Standard Embeding",'revslider'); ?></strong></div>
		<?php _e("For the",'revslider'); ?> <b><?php _e("pages or posts editor",'revslider'); ?></b> <?php _e("insert the shortcode:",'revslider'); ?> <code class="rs-example-alias-1"></code>
		<div style="width:100%;height:10px"></div>
		<?php _e("From the",'revslider'); ?> <b><?php _e("widgets panel",'revslider'); ?></b> <?php _e("drag the \"Revolution Slider\" widget to the desired sidebar",'revslider'); ?>
		<div style="width:100%;height:25px"></div>
		<div id="advanced-emeding" style="font-size:14px;margin-bottom:10px;"><strong><?php _e("Advanced Embeding",'revslider'); ?></strong><i class="eg-icon-plus"></i></div>
		<div id="advanced-accord" style="display:none">
			<?php _e("From the",'revslider'); ?> <b><?php _e("theme html",'revslider'); ?></b> <?php _e("use",'revslider'); ?>: <code>&lt?php putRevSlider( '<span class="rs-example-alias">alias</span>' ); ?&gt</code><br>
			<span><?php _e("To add the slider only to homepage use",'revslider'); ?>: <code>&lt?php putRevSlider('<span class="rs-example-alias"><?php echo $exampleID; ?></span>', 'homepage'); ?&gt</code></span></br>
			<span><?php _e("To add the slider on specific pages or posts use",'revslider'); ?>: <code>&lt?php putRevSlider('<span class="rs-example-alias"><?php echo $exampleID; ?></span>', '2,10'); ?&gt</code></span></br>
		</div>
		
	</div>
</div>
<script>
 jQuery('#advanced-emeding').click(function() {
	jQuery('#advanced-accord').toggle(200);
 })
</script>

<div class="rs-dialog-save-nav-preset" title="<?php _e('Add Navigation Preset'); ?>" style="display: none;">
	<p><label><?php _e('Preset Name:'); ?></label><input type="text" name="preset-name" value="" /></p>
</div>

Ubuntu

Sid Gifari From Gifari Industries - BD Cyber Security Team