<?php if( !defined( 'ABSPATH') ) exit(); ?>

<div class="editor_buttons_wrapper  postbox unite-postbox" style="max-width:100% !important; min-width:1040px !important;">
	<div class="box-closed tp-accordion" style="border-bottom:5px solid #ddd;">
		<ul class="rs-slide-settings-tabs">
			<li data-content="#slide-main-image-settings-content" class="selected"><i style="height:45px" class="rs-mini-layer-icon eg-icon-picture-1 rs-toolbar-icon"></i><span><?php _e("Main Background",'revslider'); ?></span></li>
			<li data-content="#slide-general-settings-content"><i style="height:45px" class="rs-mini-layer-icon rs-icon-chooser-2 rs-toolbar-icon"></i><?php _e("General Settings",'revslider'); ?></li>
			<li data-content="#slide-thumbnail-settings-content"><i style="height:45px" class="rs-mini-layer-icon eg-icon-flickr-1 rs-toolbar-icon"></i><?php _e("Thumbnail",'revslider'); ?></li>
			<li data-content="#slide-animation-settings-content" id="slide-animation-settings-content-tab"><i style="height:45px" class="rs-mini-layer-icon rs-icon-chooser-3 rs-toolbar-icon"></i><?php _e("Slide Animation",'revslider'); ?></li>
			<li data-content="#slide-seo-settings-content"><i style="height:45px" class="rs-mini-layer-icon rs-icon-advanced rs-toolbar-icon"></i><?php _e("Link & Seo",'revslider'); ?></li>
			<li data-content="#slide-info-settings-content"><i style="height:45px; font-size:16px;" class="rs-mini-layer-icon eg-icon-info-circled rs-toolbar-icon"></i><?php _e("Slide Info",'revslider'); ?></li>						
		</ul>

		<div style="clear:both"></div>
		<script type="text/javascript">
			jQuery('document').ready(function() {
				jQuery('.rs-slide-settings-tabs li').click(function() {
					var tw = jQuery('.rs-slide-settings-tabs .selected'),
						tn = jQuery(this);
					jQuery(tw.data('content')).hide(0);
					tw.removeClass("selected");
					tn.addClass("selected");
					jQuery(tn.data('content')).show(0);
				});
			});
		</script>
	</div>
	<div style="padding:15px">
		<form name="form_slide_params" id="form_slide_params" class="slide-main-settings-form">
			
			<div id="slide-main-image-settings-content" class="slide-main-settings-form">

				<ul class="rs-layer-main-image-tabs" style="display:inline-block; ">
					<li data-content="#mainbg-sub-source" class="selected"><?php _e('Source', 'revslider'); ?></li>
					<li class="mainbg-sub-settings-selector" data-content="#mainbg-sub-setting"><?php _e('Source Settings', 'revslider'); ?></li>					
					<li class="mainbg-sub-parallax-selector" data-content="#mainbg-sub-parallax"><?php _e('Parallax / 3D', 'revslider'); ?></li>
					<li class="mainbg-sub-kenburns-selector" data-content="#mainbg-sub-kenburns"><?php _e('Ken Burns', 'revslider'); ?></li>
				</ul>

				<div class="tp-clearfix"></div>

				<script type="text/javascript">
					jQuery('document').ready(function() {
						jQuery('.rs-layer-main-image-tabs li').click(function() {
							var tw = jQuery('.rs-layer-main-image-tabs .selected'),
								tn = jQuery(this);
							jQuery(tw.data('content')).hide(0);
							tw.removeClass("selected");
							tn.addClass("selected");
							jQuery(tn.data('content')).show(0);
						});
					});
				</script>


				<!-- SLIDE MAIN IMAGE -->
				<span id="mainbg-sub-source" style="display:block">
					<div style="float:none; clear:both; margin-bottom: 15px;"></div>
					<input type="hidden" name="rs-gallery-type" value="<?php echo esc_attr($slider_type); ?>" />
					<span class="diblock bg-settings-block">
						<!-- IMAGE FROM MEDIAGALLERY -->												
						<?php
						if($slider_type == 'posts' || $slider_type == 'specific_posts' || $slider_type == 'woocommerce'){
							?>
							<label><?php _e("Featured Image",'revslider'); ?></label>
							<input type="radio" name="background_type" value="image" class="bgsrcchanger" data-callid="tp-bgimagewpsrc" data-imgsettings="on" data-bgtype="image" id="radio_back_image" <?php checked($bgType, 'image'); ?>>
							
							<?php
							/*
							<div class="tp-clearfix"></div>
							<label><?php _e("Meta Image",'revslider'); ?></label>
							<input type="radio" name="background_type" value="meta" class="bgsrcchanger" data-callid="tp-bgimagewpsrc" data-imgsettings="on" data-bgtype="meta" <?php checked($bgType, 'meta'); ?>>
							<span id="" class="" style="margin-left:20px;">
								<span style="margin-right: 10px"><?php _e('Meta Handle', 'revslider'); ?></span>
								<input type="text" id="meta_handle" name="meta_handle" value="<?php echo $meta_handle; ?>">
							</span>*/ ?>
							<?php
						}elseif($slider_type !== 'gallery'){
							?>
							<label><?php _e("Stream Image",'revslider'); ?></label>
							<input type="radio" name="background_type" value="image" class="bgsrcchanger" data-callid="tp-bgimagewpsrc" data-imgsettings="on" data-bgtype="image" id="radio_back_image" <?php checked($bgType, 'image'); ?>>
							<?php
							if($slider_type == 'vimeo' || $slider_type == 'youtube' || $slider_type == 'instagram' || $slider_type == 'twitter'){
								?>
								<div class="tp-clearfix"></div>
								<label><?php _e("Stream Video",'revslider'); ?></label>
								<input type="radio" name="background_type" value="stream<?php echo $slider_type; ?>" class="bgsrcchanger" data-callid="tp-bgimagewpsrc" data-imgsettings="on" data-bgtype="stream<?php echo $slider_type; ?>" <?php checked($bgType, 'stream'.$slider_type); ?>>
								<span id="streamvideo_cover" class="streamvideo_cover" style="display:none;margin-left:20px;">
									<span style="margin-right: 10px"><?php _e("Use Cover",'revslider'); ?></span>
									<input type="checkbox" class="tp-moderncheckbox" id="stream_do_cover" name="stream_do_cover" data-unchecked="off" <?php checked($stream_do_cover, 'on'); ?>>
								</span>
								
								<div class="tp-clearfix"></div>
								<label><?php _e("Stream Video + Image",'revslider'); ?></label>
								<input type="radio" name="background_type" value="stream<?php echo $slider_type; ?>both" class="bgsrcchanger" data-callid="tp-bgimagewpsrc" data-imgsettings="on" data-bgtype="stream<?php echo $slider_type; ?>both" <?php checked($bgType, 'stream'.$slider_type.'both'); ?>>
								<span id="streamvideo_cover_both" class="streamvideo_cover_both" style="display:none;margin-left:20px;">
									<span style="margin-right: 10px"><?php _e("Use Cover",'revslider'); ?></span>
									<input type="checkbox" class="tp-moderncheckbox" id="stream_do_cover_both" name="stream_do_cover_both" data-unchecked="off" <?php checked($stream_do_cover_both, 'on'); ?>>
								</span>
								<?php
							}
						}else{
							?>
							<label ><?php _e("Main / Background Image",'revslider'); ?></label>
							<input type="radio" name="background_type" value="image" class="bgsrcchanger" data-callid="tp-bgimagewpsrc" data-imgsettings="on" data-bgtype="image" id="radio_back_image" <?php checked($bgType, 'image'); ?>>
							
							<?php
						}
						?>
						<!-- THE BG IMAGE CHANGED DIV -->
						<span id="tp-bgimagewpsrc" class="bgsrcchanger-div" style="display:none;margin-left:20px;">
							<a href="javascript:void(0)" id="button_change_image" class="button-primary revblue" ><?php _e("Change Image", 'revslider'); ?></a>
						</span>
						
						<div class="tp-clearfix"></div>
						
						<!-- IMAGE FROM EXTERNAL -->
						<label><?php _e("External URL",'revslider'); ?></label>
						<input type="radio" name="background_type" value="external" data-callid="tp-bgimageextsrc" data-imgsettings="on" class="bgsrcchanger" data-bgtype="external" id="radio_back_external" <?php checked($bgType, 'external'); ?>>

						<!-- THE BG IMAGE FROM EXTERNAL SOURCE -->
						<span id="tp-bgimageextsrc" class="bgsrcchanger-div" style="display:none;margin-left:20px;">
							<input type="text" name="bg_external" id="slide_bg_external" value="<?php echo $slideBGExternal?>" <?php echo ($bgType != 'external') ? ' class="disabled"' : ''; ?>>
							<a href="javascript:void(0)" id="button_change_external" class="button-primary revblue" ><?php _e("Get External",'revslider'); ?></a>
						</span>
						
						<div class="tp-clearfix"></div>
						
						<!-- TRANSPARENT BACKGROUND -->
						<label><?php _e("Transparent",'revslider'); ?></label>
						<input type="radio" name="background_type" value="trans" data-callid="" class="bgsrcchanger" data-bgtype="trans" id="radio_back_trans" <?php checked($bgType, 'trans'); ?>>
						<div class="tp-clearfix"></div>
						
						<!-- COLORED BACKGROUND -->
						<label><?php _e("Solid Colored",'revslider'); ?></label>
						<input type="radio" name="background_type" value="solid"  data-callid="tp-bgcolorsrc" class="bgsrcchanger" data-bgtype="solid" id="radio_back_solid" <?php checked($bgType, 'solid'); ?>>
						
						<!-- THE COLOR SELECTOR -->
						<span id="tp-bgcolorsrc"  class="bgsrcchanger-div"  style="display:none;margin-left:20px;">
							<input type="text" name="bg_color" id="slide_bg_color" class="my-color-field" value="<?php echo $slideBGColor; ?>">
						</span>
						<div class="tp-clearfix"></div>

						<!-- THE YOUTUBE SELECTOR -->
						<label><?php _e("YouTube Video",'revslider'); ?></label>
						<input type="radio" name="background_type" value="youtube"  data-callid="tp-bgyoutubesrc" class="bgsrcchanger" data-bgtype="youtube" id="radio_back_youtube" <?php checked($bgType, 'youtube'); ?>>
						<div class="tp-clearfix"></div>
						
						<!-- THE BG IMAGE FROM YOUTUBE SOURCE -->
						<span id="tp-bgyoutubesrc" class="bgsrcchanger-div" style="display:none; margin-left:20px;">
							<label style="min-width:180px"><?php _e("ID:",'revslider'); ?></label>
							<input type="text" name="slide_bg_youtube" id="slide_bg_youtube" value="<?php echo $slideBGYoutube; ?>" <?php echo ($bgType != 'youtube') ? ' class="disabled"' : ''; ?>>							
							<?php _e('example: T8--OggjJKQ', 'revslider'); ?>
							<div class="tp-clearfix"></div>
							<label style="min-width:180px"><?php _e("Cover Image:",'revslider'); ?></label>
							<span id="youtube-image-picker"></span>
						</span>
						<div class="tp-clearfix"></div>
						
						<!-- THE VIMEO SELECTOR -->
						<label><?php _e("Vimeo Video",'revslider'); ?></label>
						<input type="radio" name="background_type" value="vimeo"  data-callid="tp-bgvimeosrc" class="bgsrcchanger" data-bgtype="vimeo" id="radio_back_vimeo" <?php checked($bgType, 'vimeo'); ?>>
						<div class="tp-clearfix"></div>

						<!-- THE BG IMAGE FROM VIMEO SOURCE -->
						<span id="tp-bgvimeosrc" class="bgsrcchanger-div" style="display:none; margin-left:20px;">
							<label style="min-width:180px"><?php _e("ID:",'revslider'); ?></label>
							<input type="text" name="slide_bg_vimeo" id="slide_bg_vimeo" value="<?php echo $slideBGVimeo; ?>" <?php echo ($bgType != 'vimeo') ? ' class="disabled"' : ''; ?>>							
							<?php _e('example: 30300114', 'revslider'); ?>
							<div class="tp-clearfix"></div>
							<label style="min-width:180px"><?php _e("Cover Image:",'revslider'); ?></label>
							<span id="vimeo-image-picker"></span>
						</span>
						<div class="tp-clearfix"></div>

						<!-- THE HTML5 SELECTOR -->
						<label><?php _e("HTML5 Video",'revslider'); ?></label>
						<input type="radio" name="background_type" value="html5"  data-callid="tp-bghtmlvideo" class="bgsrcchanger" data-bgtype="html5" id="radio_back_htmlvideo" <?php checked($bgType, 'html5'); ?>>
						<div class="tp-clearfix"></div>
						<!-- THE BG IMAGE FROM HTML5 SOURCE -->
						<span id="tp-bghtmlvideo" class="bgsrcchanger-div" style="display:none; margin-left:20px;">
							
							<label style="min-width:180px"><?php _e('MPEG:', 'revslider'); ?></label>
							<input type="text" name="slide_bg_html_mpeg" id="slide_bg_html_mpeg" value="<?php echo $slideBGhtmlmpeg; ?>" <?php echo ($bgType != 'html5') ? ' class="disabled"' : ''; ?>>
							<span class="vidsrcchanger-div" style="margin-left:20px;">
								<a href="javascript:void(0)" data-inptarget="slide_bg_html_mpeg" class="button_change_video button-primary revblue" ><?php _e('Change Video', 'revslider'); ?></a>
							</span>
							<div class="tp-clearfix"></div>
							<label style="min-width:180px"><?php _e('WEBM:', 'revslider'); ?></label>
							<input type="text" name="slide_bg_html_webm" id="slide_bg_html_webm" value="<?php echo $slideBGhtmlwebm; ?>" <?php echo ($bgType != 'html5') ? ' class="disabled"' : ''; ?>>
							<span class="vidsrcchanger-div" style="margin-left:20px;">
								<a href="javascript:void(0)" data-inptarget="slide_bg_html_webm" class="button_change_video button-primary revblue" ><?php _e('Change Video', 'revslider'); ?></a>
							</span>
							<div class="tp-clearfix"></div>
							<label style="min-width:180px"><?php _e('OGV:', 'revslider'); ?></label>
							<input type="text" name="slide_bg_html_ogv" id="slide_bg_html_ogv" value="<?php echo $slideBGhtmlogv; ?>" <?php echo ($bgType != 'html5') ? ' class="disabled"' : ''; ?>>							
							<span class="vidsrcchanger-div" style="margin-left:20px;">
								<a href="javascript:void(0)" data-inptarget="slide_bg_html_ogv" class="button_change_video button-primary revblue" ><?php _e('Change Video', 'revslider'); ?></a>
							</span>
							<div class="tp-clearfix"></div>
							<label style="min-width:180px"><?php _e('Cover Image:', 'revslider'); ?></label>
							<span id="html5video-image-picker"></span>
						</span>
					</span>
				</span>
				<span id="mainbg-sub-setting" style="display:none">
					<div class="rs-img-source-url">
						<div style="float:none; clear:both; margin-bottom: 15px;"></div>
						<label><?php _e('Source Info:', 'revslider'); ?></label>
						<span class="text-selectable" id="the_image_source_url" style="margin-right:20px"></span>
						<span class="description"><?php _e('Read Only ! Image can be changed from "Source Tab"','revslider'); ?></span>
					</div>

					<div class="rs-img-source-size">
						<div style="float:none; clear:both; margin-bottom: 15px;"></div>
						<label><?php _e('Image Source Size:', 'revslider'); ?></label>
						<span style="margin-right:20px">
							<select name="image_source_type">
								<?php
								foreach($img_sizes as $imghandle => $imgSize){
									$sel = ($bg_image_size == $imghandle) ? ' selected="selected"' : '';
									echo '<option value="'.sanitize_title($imghandle).'"'.$sel.'>'.$imgSize.'</option>';
								}
								?>
							</select>
						</span>
					</div>
					
					<span id="tp-bgimagesettings" class="bgsrcchanger-div" style="display:none;">
						<!-- ALT -->
						<p>
							<?php $alt_option = RevSliderFunctions::getVal($slideParams, 'alt_option', 'media_library'); ?>
							<label><?php _e("Alt:",'revslider'); ?></label>
							<select id="alt_option" name="alt_option">
								<option value="media_library" <?php selected($alt_option, 'media_library'); ?>><?php _e('From Media Library', 'revslider'); ?></option>
								<option value="file_name" <?php selected($alt_option, 'file_name'); ?>><?php _e('From Filename', 'revslider'); ?></option>
								<option value="custom" <?php selected($alt_option, 'custom'); ?>><?php _e('Custom', 'revslider'); ?></option>
							</select>
							<?php $alt_attr = RevSliderFunctions::getVal($slideParams, 'alt_attr', ''); ?>
							<input style="<?php echo ($alt_option !== 'custom') ? 'display:none;' : ''; ?>" type="text" id="alt_attr" name="alt_attr" value="<?php echo $alt_attr; ?>">
						</p>
						<p class="ext_setting" style="display: none;">
							<label><?php _e('Width:', 'revslider')?></label>
							<input type="text" name="ext_width" value="<?php echo $ext_width; ?>" />
						</p>
						<p class="ext_setting" style="display: none;">
							<label><?php _e('Height:', 'revslider')?></label>
							<input type="text" name="ext_height" value="<?php echo $ext_height; ?>" />
						</p>
					</span>					
					
					<span id="video-settings" style="display: block;">
						<p>
							<label for="video_force_cover" class="video-label"><?php _e('Force Cover:', 'revslider'); ?></label>
							<input type="checkbox" class="tp-moderncheckbox" id="video_force_cover" name="video_force_cover" data-unchecked="off" <?php checked($video_force_cover, 'on'); ?>>
						</p>
						<span id="video_dotted_overlay_wrap">
							<label for="video_dotted_overlay">
								<?php _e('Dotted Overlay:', 'revslider'); ?>
							</label>				
							<select id="video_dotted_overlay" name="video_dotted_overlay" style="width:100px">
								<option <?php selected($video_dotted_overlay, 'none'); ?> value="none"><?php _e('none', 'revslider'); ?></option>
								<option <?php selected($video_dotted_overlay, 'twoxtwo'); ?> value="twoxtwo"><?php _e('2 x 2 Black', 'revslider'); ?></option>
								<option <?php selected($video_dotted_overlay, 'twoxtwowhite'); ?> value="twoxtwowhite"><?php _e('2 x 2 White', 'revslider'); ?></option>
								<option <?php selected($video_dotted_overlay, 'threexthree'); ?> value="threexthree"><?php _e('3 x 3 Black', 'revslider'); ?></option>
								<option <?php selected($video_dotted_overlay, 'threexthreewhite'); ?> value="threexthreewhite"><?php _e('3 x 3 White', 'revslider'); ?></option>
							</select>
							<p style="clear: both;"></p>
						</span>
						<label for="video_ratio">
							<?php _e("Aspect Ratio:", 'revslider'); ?>
						</label>				
						<select id="video_ratio" name="video_ratio" style="width:100px">
							<option <?php selected($video_ratio, '16:9');?> value="16:9"><?php _e('16:9','revslider'); ?></option>
							<option <?php selected($video_ratio, '4:3');?> value="4:3"><?php _e('4:3','revslider'); ?></option>
						</select>
						<p style="clear: both;"></p>
						<p>
							<label for="video_ratio">
								<?php _e("Start At:", 'revslider'); ?>
							</label>				
							<input type="text" value="<?php echo $video_start_at; ?>" name="video_start_at"> <?php _e('For Example: 00:17', 'revslider'); ?>
							<p style="clear: both;"></p>
						</p>
						<p>
							<label for="video_ratio">
								<?php _e("End At:", 'revslider'); ?>
							</label>				
							<input type="text" value="<?php echo $video_end_at; ?>" name="video_end_at"> <?php _e('For Example: 02:17', 'revslider'); ?>
							<p style="clear: both;"></p>
						</p>
						<p>
							<label for="video_loop"><?php _e('Loop Video:', 'revslider'); ?></label>
							<select id="video_loop" name="video_loop" style="width: 200px;">
								<option <?php selected($video_loop, 'none');?> value="none"><?php _e('Disable', 'revslider'); ?></option>
								<option <?php selected($video_loop, 'loop');?> value="loop"><?php _e('Loop, Slide is paused', 'revslider'); ?></option>
								<option <?php selected($video_loop, 'loopandnoslidestop');?> value="loopandnoslidestop"><?php _e('Loop, Slide does not stop', 'revslider'); ?></option>
							</select>
						</p>
						
						<p>	
							<label for="video_nextslide"><?php _e('Next Slide On End:', 'revslider'); ?></label>
							<input type="checkbox" class="tp-moderncheckbox" id="video_nextslide" name="video_nextslide" data-unchecked="off" <?php checked($video_nextslide, 'on'); ?>>
						</p>
						<p>
							<label for="video_force_rewind"><?php _e('Rewind at Slide Start:', 'revslider'); ?></label>
							<input type="checkbox" class="tp-moderncheckbox" id="video_force_rewind" name="video_force_rewind" data-unchecked="off" <?php checked($video_force_rewind, 'on'); ?>>
						</p>
						
						<p>	
							<label for="video_mute"><?php _e('Mute Video:', 'revslider'); ?></label>
							<input type="checkbox" class="tp-moderncheckbox" id="video_mute" name="video_mute" data-unchecked="off" <?php checked($video_mute, 'on'); ?>>
						</p>
						
						<p class="vid-rev-vimeo-youtube video_volume_wrapper">
							<label for="video_volume"><?php _e('Video Volume:', 'revslider'); ?></label>
							<input type="text" id="video_volume" name="video_volume" <?php echo esc_attr($video_volume); ?>>
						</p>

						<span id="vid-rev-youtube-options">
							<p>
								<label for="video_speed"><?php _e('Video Speed:', 'revslider'); ?></label>
								<select id="video_speed" name="video_speed" style="width:75px">
									<option <?php selected($video_speed, '0.25');?> value="0.25"><?php _e('0.25', 'revslider'); ?></option>
									<option <?php selected($video_speed, '0.50');?> value="0.50"><?php _e('0.50', 'revslider'); ?></option>
									<option <?php selected($video_speed, '1');?> value="1"><?php _e('1', 'revslider'); ?></option>
									<option <?php selected($video_speed, '1.5');?> value="1.5"><?php _e('1.5', 'revslider'); ?></option>
									<option <?php selected($video_speed, '2');?> value="2"><?php _e('2', 'revslider'); ?></option>
								</select>
							</p>
							<p>
								<label><?php _e('Arguments YouTube:', 'revslider'); ?></label>
								<input type="text" id="video_arguments" name="video_arguments" style="width:350px;" value="<?php echo esc_attr($video_arguments); ?>">
							</p>
						</span>
						<p id="vid-rev-vimeo-options">
							<label><?php _e('Arguments Vimeo:', 'revslider'); ?></label>
							<input type="text" id="video_arguments_vim" name="video_arguments_vim" style="width:350px;" value="<?php echo esc_attr($video_arguments_vim); ?>">
						</p>
					</span>
					
					<span id="bg-setting-wrap">
						<p>
							<label for="slide_bg_fit"><?php _e('Background Fit:', 'revslider'); ?></label>
							<select name="bg_fit" id="slide_bg_fit" style="margin-right:20px">
								<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="bg_fit_x" style="min-width:54px;width:54px; <?php if($bgFit != 'percentage') echo 'display: none; '; ?> width:60px;margin-right:10px" value="<?php echo $bgFitX; ?>" />
							<input type="text" name="bg_fit_y" style="min-width:54px;width:54px;  <?php if($bgFit != 'percentage') echo 'display: none; '; ?> width:60px;margin-right:10px"  value="<?php echo $bgFitY; ?>" />
						</p>
						<p>
							<label for="slide_bg_position" id="bg-position-lbl"><?php _e('Background Position:', 'revslider'); ?></label>
							<span id="bg-start-position-wrapper">
								<select name="bg_position" id="slide_bg_position">
									<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>
									<option value="percentage"<?php selected($bgPosition, 'percentage'); ?>>(x%, y%)</option>
								</select>
								<input type="text" name="bg_position_x" style="min-width:54px;width:54px; <?php if($bgPosition != 'percentage') echo 'display: none;'; ?>width:60px;margin-right:10px" value="<?php echo $bgPositionX; ?>" />
								<input type="text" name="bg_position_y" style="min-width:54px;width:54px; <?php if($bgPosition != 'percentage') echo 'display: none;'; ?>width:60px;margin-right:10px" value="<?php echo $bgPositionY; ?>" />
							</span>
						</p>

						<p>
							<label><?php _e("Background Repeat:",'revslider')?></label>
							<span>
								<select name="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>
							</span>
						</p>
					</span>
					
				</span>

				<span id="mainbg-sub-parallax" style="display:none">
					<p>
						<?php 
						if ($use_parallax=="off") {						
							echo '<i style="color:#c0392b">';
							_e("Parallax Feature in Slider Settings is deactivated, parallax will be ignored.",'revslider'); 
							echo '</i>';
						} else {
						
								if ($parallaxisddd=="off") { 
							?>
							<label><?php _e("Parallax Level:",'revslider'); ?></label>
							<select name="slide_parallax_level" id="slide_parallax_level">
								<option value="-" <?php selected($slide_parallax_level, '-'); ?>><?php _e('No Parallax', 'revslider'); ?></option>
								<option value="1" <?php selected($slide_parallax_level, '1'); ?>>1 - (<?php echo $parallax_level[0]; ?>%)</option>
								<option value="2" <?php selected($slide_parallax_level, '2'); ?>>2 - (<?php echo $parallax_level[1]; ?>%)</option>
								<option value="3" <?php selected($slide_parallax_level, '3'); ?>>3 - (<?php echo $parallax_level[2]; ?>%)</option>
								<option value="4" <?php selected($slide_parallax_level, '4'); ?>>4 - (<?php echo $parallax_level[3]; ?>%)</option>
								<option value="5" <?php selected($slide_parallax_level, '5'); ?>>5 - (<?php echo $parallax_level[4]; ?>%)</option>
								<option value="6" <?php selected($slide_parallax_level, '6'); ?>>6 - (<?php echo $parallax_level[5]; ?>%)</option>
								<option value="7" <?php selected($slide_parallax_level, '7'); ?>>7 - (<?php echo $parallax_level[6]; ?>%)</option>
								<option value="8" <?php selected($slide_parallax_level, '8'); ?>>8 - (<?php echo $parallax_level[7]; ?>%)</option>
								<option value="9" <?php selected($slide_parallax_level, '9'); ?>>9 - (<?php echo $parallax_level[8]; ?>%)</option>
								<option value="10" <?php selected($slide_parallax_level, '10'); ?>>10 - (<?php echo $parallax_level[9]; ?>%)</option>
								<option value="11" <?php selected($slide_parallax_level, '11'); ?>>11 - (<?php echo $parallax_level[10]; ?>%)</option>
								<option value="12" <?php selected($slide_parallax_level, '12'); ?>>12 - (<?php echo $parallax_level[11]; ?>%)</option>
								<option value="13" <?php selected($slide_parallax_level, '13'); ?>>13 - (<?php echo $parallax_level[12]; ?>%)</option>
								<option value="14" <?php selected($slide_parallax_level, '14'); ?>>14 - (<?php echo $parallax_level[13]; ?>%)</option>
								<option value="15" <?php selected($slide_parallax_level, '15'); ?>>15 - (<?php echo $parallax_level[14]; ?>%)</option>							
							</select>
							<?php } else {
								if ($parallaxbgfreeze=="off") {
							?>							
								<label><?php _e("Selected 3D Depth:",'revslider'); ?></label>
								<input style="min-width:54px;width:54px" type="text" disabled value="<?php echo $parallax_level[15];?>%" />							
								<span><i><?php _e('3D Parallax is Enabled via Slider Settings !', 'revslider'); ?></i></span>
							<?php
								} else {								
									?>
										<label><?php _e("Background 3D is Disabled",'revslider'); ?></label>									
										<span style="display: inline-block;vertical-align: middle;line-height:32px"><i><?php _e('To Enable 3D Parallax for Background please change the Option "BG 3D Disabled" to "OFF" via the Slider Settings !', 'revslider'); ?></i></span>
									<?php
								}
							}
						}
						?>
					</p>
					
				</span>

				<span id="mainbg-sub-kenburns" style="display:none">
					<p>
						<label><?php _e('Ken Burns / Pan Zoom:', 'revslider'); ?></label>
						<input type="checkbox" class="tp-moderncheckbox withlabel" id="kenburn_effect" name="kenburn_effect" data-unchecked="off" <?php checked($kenburn_effect, 'on'); ?>>
					</p>
					<span id="kenburn_wrapper" <?php echo ($kenburn_effect == 'off') ? 'style="display: none;"' : ''; ?>>						
						<p>
							<label><?php _e('Scale: (in %):', 'revslider'); ?></label>
							<label style="min-width:40px"><?php _e('From', 'revslider'); ?></label>
							<input style="min-width:54px;width:54px" type="text" name="kb_start_fit" value="<?php echo intval($kb_start_fit); ?>" />
							<label style="min-width:20px"><?php _e('To', 'revslider')?></label>
							<input style="min-width:54px;width:54px" type="text" name="kb_end_fit" value="<?php echo intval($kb_end_fit); ?>" />
						</p>
						
						<p>
							<label><?php _e('Horizontal Offsets:', 'revslider')?></label>
							<label style="min-width:40px"><?php _e('From', 'revslider'); ?></label>							
							<input style="min-width:54px;width:54px" type="text" name="kb_start_offset_x" value="<?php echo $kbStartOffsetX; ?>" />
							<label style="min-width:20px"><?php _e('To', 'revslider')?></label>
							<input style="min-width:54px;width:54px" type="text" name="kb_end_offset_x" value="<?php echo $kbEndOffsetX; ?>" />
							<span><i><?php _e('Use Negative and Positive Values to offset from the Center !', 'revslider'); ?></i></span>
						</p>

						<p>
							<label><?php _e('Vertical Offsets:', 'revslider')?></label>		
							<label style="min-width:40px"><?php _e('From', 'revslider'); ?></label>												
							<input style="min-width:54px;width:54px" type="text" name="kb_start_offset_y" value="<?php echo $kbStartOffsetY; ?>" />
							<label style="min-width:20px"><?php _e('To', 'revslider')?></label>
							<input style="min-width:54px;width:54px" type="text" name="kb_end_offset_y" value="<?php echo $kbEndOffsetY; ?>" />
							<span><i><?php _e('Use Negative and Positive Values to offset from the Center !', 'revslider'); ?></i></span>
						</p>
						
						<p>
							<label><?php _e('Rotation:', 'revslider')?></label>		
							<label style="min-width:40px"><?php _e('From', 'revslider'); ?></label>												
							<input style="min-width:54px;width:54px" type="text" name="kb_start_rotate" value="<?php echo $kbStartRotate; ?>" />
							<label style="min-width:20px"><?php _e('To', 'revslider')?></label>
							<input style="min-width:54px;width:54px" type="text" name="kb_end_rotate" value="<?php echo $kbEndRotate; ?>" />
						</p>
						
						<p>
							<label><?php _e('Easing:', 'revslider'); ?></label>
							<select name="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>
						</p>
						<p>
							<label><?php _e('Duration (in ms):', 'revslider')?></label>
							<input type="text" name="kb_duration" value="<?php echo intval($kb_duration); ?>" />
						</p>
					</span>
				</span>
				
				<input type="hidden" id="image_url" name="image_url" value="<?php echo $imageUrl; ?>" />
				<input type="hidden" id="image_id" name="image_id" value="<?php echo $imageID; ?>" />
			</div>
			
			<div id="slide-general-settings-content" style="display:none">
				<!-- SLIDE TITLE -->
				<p style="display:none">
					<?php $title = RevSliderFunctions::getVal($slideParams, 'title','Slide'); ?>
					<label><?php _e("Slide Title",'revslider'); ?></label>
					<input type="text" class="medium" id="title" disabled="disabled" name="title" value="<?php echo $title; ?>">
					<span class="description"><?php _e("The title of the slide, will be shown in the slides list.",'revslider'); ?></span>
				</p>

				<!-- SLIDE DELAY -->
				<p>
					<?php $delay = RevSliderFunctions::getVal($slideParams, 'delay',''); ?>
					<label><?php _e('Slide "Delay":','revslider'); ?></label>
					<input type="text" class="small-text" id="delay" name="delay" value="<?php echo $delay; ?>">
					<span class="description"><?php _e("A new delay value for the Slide. If no delay defined per slide, the delay defined via Options (9000ms) will be used.",'revslider'); ?></span>
				</p>

				<!-- SLIDE STATE --->
				<p>
					<?php $state = RevSliderFunctions::getVal($slideParams, 'state','published'); ?>
					<label><?php _e("Slide State:",'revslider'); ?></label>
					<select id="state" name="state">
						<option value="published"<?php selected($state, 'published'); ?>><?php _e("Published",'revslider'); ?></option>
						<option value="unpublished"<?php selected($state, 'unpublished'); ?>><?php _e("Unpublished",'revslider'); ?></option>
					</select>
					<span class="description"><?php _e("The state of the slide. The unpublished slide will be excluded from the slider.",'revslider'); ?></span>
				</p>

				<!-- SLIDE HIDE AFTER LOOP -->
				<p>
					<?php $hideslideafter = RevSliderFunctions::getVal($slideParams, 'hideslideafter',0); ?>
					<label><?php _e('Hide Slide After Loop:','revslider'); ?></label>
					<input type="text" class="small-text" id="hideslideafter" name="hideslideafter" value="<?php echo $hideslideafter; ?>">
					<span class="description"><?php _e("After how many Loops should the Slide be hidden ? 0 = Slide is never hidden.",'revslider'); ?></span>
				</p>

				<!-- HIDE SLIDE ON MOBILE -->
				<p>
					<?php $hideslideonmobile = RevSliderFunctions::getVal($slideParams, 'hideslideonmobile', 'off'); ?>
					<label><?php _e('Hide Slide On Mobile:','revslider'); ?></label>
					<span style="display:inline-block; width:200px; margin-right:20px;line-height:27px">
						<input type="checkbox" class="tp-moderncheckbox" id="hideslideonmobile" name="hideslideonmobile" data-unchecked="off" <?php checked($hideslideonmobile, 'on'); ?>>
					</span>
					<span class="description"><?php _e("Show/Hide this Slide if Slider loaded on Mobile Device.",'revslider'); ?></span>
				</p>

				<!-- SLIDE LANGUAGE SELECTOR -->
				<?php
				if(isset($slider) && $slider->isInited()){
					$isWpmlExists = RevSliderWpml::isWpmlExists();
					$useWpml = $slider->getParam("use_wpml","off");

					if($isWpmlExists && $useWpml == "on"){
						$arrLangs = RevSliderWpml::getArrLanguages();
						$curset_lang = RevSliderFunctions::getVal($slideParams, "lang","all");
						?>
						<p>
							<label><?php _e("Language",'revslider'); ?></label>
							<select name="lang">
								<?php
								if(!empty($arrLangs) && is_array($arrLangs)){
									foreach($arrLangs as $lang_handle => $lang_name){
										$sel = ($lang_handle === $curset_lang) ? ' selected="selected"' : '';
										echo '<option value="'.$lang_handle.'"'.$sel.'>'.$lang_name.'</option>';
									}
								}
								?>
							</select>
							<span class="description"><?php _e("The language of the slide (uses WPML plugin).",'revslider'); ?></span>
						</p>
						<?php
					}
				}
				?>
				<!-- SLIDE VISIBLE FROM -->
				<p>
					<?php $date_from = RevSliderFunctions::getVal($slideParams, 'date_from',''); ?>
					<label><?php _e("Visible from:",'revslider'); ?></label>
					<input type="text" class="inputDatePicker" id="date_from" name="date_from" value="<?php echo $date_from; ?>">
					<span class="description"><?php _e("If set, slide will be visible after the date is reached.",'revslider'); ?></span>
				</p>

				<!-- SLIDE VISIBLE UNTIL -->
				<p>
					<?php $date_to = RevSliderFunctions::getVal($slideParams, 'date_to',''); ?>
					<label><?php _e("Visible until:",'revslider'); ?></label>
					<input type="text" class="inputDatePicker" id="date_to" name="date_to" value="<?php echo $date_to; ?>">
					<span class="description"><?php _e("If set, slide will be visible till the date is reached.",'revslider'); ?></span>
				</p>

				
				<!-- SLIDE VISIBLE FROM -->
				<p style="display:none">
					<?php $save_performance = RevSliderFunctions::getVal($slideParams, 'save_performance','off'); ?>
					<label><?php _e("Save Performance:",'revslider'); ?></label>
					<span style="display:inline-block; width:200px; margin-right:20px;">
						<input type="checkbox" class="tp-moderncheckbox withlabel" id="save_performance" name="save_performance" data-unchecked="off" <?php checked( $save_performance, "on" ); ?>>
					</span>
					<span class="description"><?php _e("Slide End Transition will first start when last Layer has been removed.",'revslider'); ?></span>
				</p>

			</div>

			<!-- THUMBNAIL SETTINGS -->
			<div id="slide-thumbnail-settings-content" style="display:none">
				<!-- THUMBNAIL SETTINGS -->
				<div style="margin-top:10px">
					<?php $slide_thumb = RevSliderFunctions::getVal($slideParams, 'slide_thumb',''); ?>
					<span style="display:inline-block; vertical-align: top;">
						<label><?php _e("Thumbnail:",'revslider'); ?></label>
					</span>
					<div style="display:inline-block; vertical-align: top;">
						<div id="slide_thumb_button_preview" class="setting-image-preview"><?php
						if(intval($slide_thumb) > 0){
							?>
							<div style="width:100px;height:70px;background:url('<?php echo admin_url( 'admin-ajax.php' ); ?>?action=revslider_show_image&amp;img=<?php echo $slide_thumb; ?>&amp;w=100&amp;h=70&amp;t=exact'); background-position:center center; background-size:cover;"></div>
							<?php
						}elseif($slide_thumb !== ''){
							?>
							<div style="width:100px;height:70px;background:url('<?php echo $slide_thumb; ?>'); background-position:center center; background-size:cover;"></div>
							<?php
						}
						?></div>
						<input type="hidden" id="slide_thumb" name="slide_thumb" value="<?php echo $slide_thumb; ?>">
						<span style="clear:both;display:block"></span>
						<input type="button" id="slide_thumb_button" style="width:110px !important; display:inline-block;" class="button-image-select button-primary revblue" value="Choose Image" original-title="">
						<input type="button" id="slide_thumb_button_remove" style="margin-right:20px !important; width:85px !important; display:inline-block;" class="button-image-remove button-primary revred"  value="Remove" original-title="">
						<span class="description"><?php _e("Slide Thumbnail. If not set - it will be taken from the slide image.",'revslider'); ?></span>
					</div>
				</div>
				<?php $thumb_dimension = RevSliderFunctions::getVal($slideParams, 'thumb_dimension', 'slider'); ?>
				<?php $thumb_for_admin = RevSliderFunctions::getVal($slideParams, 'thumb_for_admin', 'off'); ?>

				<p>
					<span style="display:inline-block; vertical-align: top;">
						<label><?php _e("Thumbnail Dimensions:",'revslider'); ?></label>
					</span>
					<select name="thumb_dimension">
						<option value="slider" <?php selected($thumb_dimension, 'slider'); ?>><?php _e('From Slider Settings', 'revslider'); ?></option>
						<option value="orig" <?php selected($thumb_dimension, 'orig'); ?>><?php _e('Original Size', 'revslider'); ?></option>
					</select>
					<span class="description"><?php _e("Width and height of thumbnails can be changed in the Slider Settings -> Navigation -> Thumbs tab.",'revslider'); ?></span>
				</p>

				<p style="display:none;" class="show_on_thumbnail_exist">
					<span style="display:inline-block; vertical-align: top;">
						<label><?php _e("Thumbnail Admin Purpose:",'revslider'); ?></label>
					</span>
					<span style="display:inline-block; width:200px; margin-right:20px;line-height:27px">
						<input type="checkbox" class="tp-moderncheckbox" id="thumb_for_admin" name="thumb_for_admin" data-unchecked="off" <?php checked($thumb_for_admin, 'on'); ?>>
					</span>
					<span class="description"><?php _e("Use the Thumbnail also for Admin purposes. This will use the selected Thumbnail to represent the Slide in all Slider Admin area.",'revslider'); ?></span>
				</p>
			</div>

			<!-- SLIDE ANIMATIONS -->
			<div id="slide-animation-settings-content" style="display:none">

				<!-- ANIMATION / TRANSITION -->
				<div id="slide_transition_row">
					<?php
						$slide_transition = RevSliderFunctions::getVal($slideParams, 'slide_transition',$def_transition);
						if(!is_array($slide_transition))
							$slide_transition = explode(',', $slide_transition);
						
						if(!is_array($slide_transition)) $slide_transition = array($slide_transition);
						$transitions = $operations->getArrTransition();
					?>
					<?php $slot_amount = (array) RevSliderFunctions::getVal($slideParams, 'slot_amount','default'); ?>
					<?php $transition_rotation = (array) RevSliderFunctions::getVal($slideParams, 'transition_rotation','0'); ?>
					<?php $transition_duration = (array) RevSliderFunctions::getVal($slideParams, 'transition_duration',$def_transition_duration); ?>
					<?php $transition_ease_in = (array) RevSliderFunctions::getVal($slideParams, 'transition_ease_in','default'); ?>
					<?php $transition_ease_out = (array) RevSliderFunctions::getVal($slideParams, 'transition_ease_out','default'); ?>
					<script type="text/javascript">
						var choosen_slide_transition = [];
						<?php
						$tr_count = count($slide_transition);
						foreach($slide_transition as $tr){
							echo 'choosen_slide_transition.push("'.$tr.'");'."\n";
						}
						?>
						var transition_settings = {
							'slot': [],
							'rotation': [],
							'duration': [],
							'ease_in': [],
							'ease_out': []
							};
						<?php
						foreach($slot_amount as $sa){
							echo 'transition_settings["slot"].push("'.$sa.'");'."\n";
						}
						$sac = count($slot_amount);
						if($sac < $tr_count){
							while($sac < $tr_count){
								$sac++;
								echo 'transition_settings["slot"].push("'.$slot_amount[0].'");'."\n";
							}
						}
						
						foreach($transition_rotation as $sa){
							echo 'transition_settings["rotation"].push("'.$sa.'");'."\n";
						}
						$sac = count($transition_rotation);
						if($sac < $tr_count){
							while($sac < $tr_count){
								$sac++;
								echo 'transition_settings["rotation"].push("'.$transition_rotation[0].'");'."\n";
							}
						}
						
						foreach($transition_duration as $sa){
							echo 'transition_settings["duration"].push("'.$sa.'");'."\n";
						}
						$sac = count($transition_duration);
						if($sac < $tr_count){
							while($sac < $tr_count){
								$sac++;
								echo 'transition_settings["duration"].push("'.$transition_duration[0].'");'."\n";
							}
						}
						
						foreach($transition_ease_in as $sa){
							echo 'transition_settings["ease_in"].push("'.$sa.'");'."\n";
						}
						$sac = count($transition_ease_in);
						if($sac < $tr_count){
							while($sac < $tr_count){
								$sac++;
								echo 'transition_settings["ease_in"].push("'.$transition_ease_in[0].'");'."\n";
							}
						}
						
						foreach($transition_ease_out as $sa){
							echo 'transition_settings["ease_out"].push("'.$sa.'");'."\n";
						}
						$sac = count($transition_ease_out);
						if($sac < $tr_count){
							while($sac < $tr_count){
								$sac++;
								echo 'transition_settings["ease_out"].push("'.$transition_ease_out[0].'");'."\n";
							}
						}
						
						?>
					</script>
					<div id="slide_transition"  multiple="" size="1" style="z-index: 100;">
						<?php
						if(!empty($transitions) && is_array($transitions)){
							$counter = 0;
							$optgroupexist = false;
							$transmenu = '<ul class="slide-trans-menu">';
							$lastclass = '';
							$transchecks ='';
							$listoftrans = '<div class="slide-trans-lists">';
							
							foreach($transitions as $tran_handle => $tran_name){

								$sel = (in_array($tran_handle, $slide_transition)) ? ' checked="checked"' : '';

								if (strpos($tran_handle, 'notselectable') !== false) {
									$listoftrans = $listoftrans.$transchecks;
									$lastclass = "slide-trans-".$tran_handle;
									$transmenu = $transmenu.'<li class="slide-trans-menu-element" data-reference="'.$lastclass.'">'.$tran_name.'</li>';
									$transchecks ='';		

								}
								else
									$transchecks = $transchecks.'<div class="slide-trans-checkelement '.$lastclass.'"><input name="slide_transition[]" type="checkbox" data-useval="true" value="'.$tran_handle.'"'.$sel.'>'.$tran_name.'</div>';							
							}

							$listoftrans = $listoftrans.$transchecks;
							$transmenu = $transmenu."</ul>";
							$listoftrans = $listoftrans."</div>";
							echo $transmenu;
							echo $listoftrans;							
						}
						?>
						
						<div class="slide-trans-example">
							<div class="slide-trans-example-inner">
								<div class="oldslotholder" style="overflow:hidden;width:100%;height:100%;position:absolute;top:0px;left:0px;z-index:1">
									<div class="tp-bgimg defaultimg"></div>
								</div>
								<div class="slotholder" style="overflow:hidden;width:100%;height:100%;position:absolute;top:0px;left:0px;z-index:1">
									<div class="tp-bgimg defaultimg"></div>
								</div>
							</div>
						</div>
						<div class="slide-trans-cur-selected">
							<p><?php _e("Used Transitions (Order in Loops)",'revslider'); ?></p>
							<ul class="slide-trans-cur-ul">
							</ul>
						</div>
						<div class="slide-trans-cur-selected-settings">
							<!-- SLOT AMOUNT -->
							
							<label><?php _e("Slot / Box Amount:",'revslider'); ?></label>
							<input type="text" class="small-text input-deepselects" id="slot_amount" name="slot_amount" value="<?php echo $slot_amount[0]; ?>" data-selects="1||Random||Custom||Default" data-svalues ="1||random||3||default" data-icons="thumbs-up||shuffle||wrench||key">
							<span class="tp-clearfix"></span>
							<span class="description"><?php _e("# of slots/boxes the slide is divided into.",'revslider'); ?></span>					
							<span class="tp-clearfix"></span>
							
							<!-- ROTATION -->
							
							<label><?php _e("Slot Rotation:",'revslider'); ?></label>
							<input type="text" class="small-text input-deepselects" id="transition_rotation" name="transition_rotation" value="<?php echo $transition_rotation[0]; ?>" data-selects="0||Random||Custom||Default||45||90||180||270||360" data-svalues ="0||random||-75||default||45||90||180||270||360" data-icons="thumbs-up||shuffle||wrench||key||star-empty||star-empty||star-empty||star-empty||star-empty">
							<span class="tp-clearfix"></span>
							<span class="description"><?php _e("Start Rotation of Transition (deg).",'revslider'); ?></span>
							<span class="tp-clearfix"></span>

							<!-- DURATION -->
							
							<label><?php _e("Animation Duration:",'revslider'); ?></label>
							<input type="text" class="small-text input-deepselects" id="transition_duration" name="transition_duration" value="<?php echo $transition_duration[0]; ?>" data-selects="300||Random||Custom||Default" data-svalues ="500||random||650||default" data-icons="thumbs-up||shuffle||wrench||key">
							<span class="tp-clearfix"></span>
							<span class="description"><?php _e("The duration of the transition.",'revslider'); ?></span>
							<span class="tp-clearfix"></span>

							<!-- IN EASE -->
							
							<label><?php _e("Easing In:",'revslider'); ?></label>
							<select name="transition_ease_in">
									<option value="default">Default</option>
									<option value="Linear.easeNone">Linear.easeNone</option>
									<option value="Power0.easeIn">Power0.easeIn  (linear)</option>
									<option value="Power0.easeInOut">Power0.easeInOut  (linear)</option>
									<option value="Power0.easeOut">Power0.easeOut  (linear)</option>
									<option value="Power1.easeIn">Power1.easeIn</option>
									<option value="Power1.easeInOut">Power1.easeInOut</option>
									<option value="Power1.easeOut">Power1.easeOut</option>
									<option value="Power2.easeIn">Power2.easeIn</option>
									<option value="Power2.easeInOut">Power2.easeInOut</option>
									<option value="Power2.easeOut">Power2.easeOut</option>
									<option value="Power3.easeIn">Power3.easeIn</option>
									<option value="Power3.easeInOut">Power3.easeInOut</option>
									<option value="Power3.easeOut">Power3.easeOut</option>
									<option value="Power4.easeIn">Power4.easeIn</option>
									<option value="Power4.easeInOut">Power4.easeInOut</option>
									<option value="Power4.easeOut">Power4.easeOut</option>
									<option value="Back.easeIn">Back.easeIn</option>
									<option value="Back.easeInOut">Back.easeInOut</option>
									<option value="Back.easeOut">Back.easeOut</option>
									<option value="Bounce.easeIn">Bounce.easeIn</option>
									<option value="Bounce.easeInOut">Bounce.easeInOut</option>
									<option value="Bounce.easeOut">Bounce.easeOut</option>
									<option value="Circ.easeIn">Circ.easeIn</option>
									<option value="Circ.easeInOut">Circ.easeInOut</option>
									<option value="Circ.easeOut">Circ.easeOut</option>
									<option value="Elastic.easeIn">Elastic.easeIn</option>
									<option value="Elastic.easeInOut">Elastic.easeInOut</option>
									<option value="Elastic.easeOut">Elastic.easeOut</option>
									<option value="Expo.easeIn">Expo.easeIn</option>
									<option value="Expo.easeInOut">Expo.easeInOut</option>
									<option value="Expo.easeOut">Expo.easeOut</option>
									<option value="Sine.easeIn">Sine.easeIn</option>
									<option value="Sine.easeInOut">Sine.easeInOut</option>
									<option value="Sine.easeOut">Sine.easeOut</option>
									<option value="SlowMo.ease">SlowMo.ease</option>
							</select>
							<span class="tp-clearfix"></span>
							<span class="description"><?php _e("The easing of Appearing transition.",'revslider'); ?></span>
							<span class="tp-clearfix"></span>

							<!-- OUT EASE -->
							
							<label><?php _e("Easing Out:",'revslider'); ?></label>
							<select name="transition_ease_out">
									<option value="default">Default</option>
									<option value="Linear.easeNone">Linear.easeNone</option>
									<option value="Power0.easeIn">Power0.easeIn  (linear)</option>
									<option value="Power0.easeInOut">Power0.easeInOut  (linear)</option>
									<option value="Power0.easeOut">Power0.easeOut  (linear)</option>
									<option value="Power1.easeIn">Power1.easeIn</option>
									<option value="Power1.easeInOut">Power1.easeInOut</option>
									<option value="Power1.easeOut">Power1.easeOut</option>
									<option value="Power2.easeIn">Power2.easeIn</option>
									<option value="Power2.easeInOut">Power2.easeInOut</option>
									<option value="Power2.easeOut">Power2.easeOut</option>
									<option value="Power3.easeIn">Power3.easeIn</option>
									<option value="Power3.easeInOut">Power3.easeInOut</option>
									<option value="Power3.easeOut">Power3.easeOut</option>
									<option value="Power4.easeIn">Power4.easeIn</option>
									<option value="Power4.easeInOut">Power4.easeInOut</option>
									<option value="Power4.easeOut">Power4.easeOut</option>
									<option value="Back.easeIn">Back.easeIn</option>
									<option value="Back.easeInOut">Back.easeInOut</option>
									<option value="Back.easeOut">Back.easeOut</option>
									<option value="Bounce.easeIn">Bounce.easeIn</option>
									<option value="Bounce.easeInOut">Bounce.easeInOut</option>
									<option value="Bounce.easeOut">Bounce.easeOut</option>
									<option value="Circ.easeIn">Circ.easeIn</option>
									<option value="Circ.easeInOut">Circ.easeInOut</option>
									<option value="Circ.easeOut">Circ.easeOut</option>
									<option value="Elastic.easeIn">Elastic.easeIn</option>
									<option value="Elastic.easeInOut">Elastic.easeInOut</option>
									<option value="Elastic.easeOut">Elastic.easeOut</option>
									<option value="Expo.easeIn">Expo.easeIn</option>
									<option value="Expo.easeInOut">Expo.easeInOut</option>
									<option value="Expo.easeOut">Expo.easeOut</option>
									<option value="Sine.easeIn">Sine.easeIn</option>
									<option value="Sine.easeInOut">Sine.easeInOut</option>
									<option value="Sine.easeOut">Sine.easeOut</option>
									<option value="SlowMo.ease">SlowMo.ease</option>
							</select>
							<span class="tp-clearfix"></span>
							<span class="description"><?php _e("The easing of Disappearing transition.",'revslider'); ?></span>
							
						</div>

					</div>
					
				</div>

				
			</div>
			
			<!-- SLIDE BASIC INFORMATION -->
			<div id="slide-info-settings-content" style="display:none">
				<p>
					<?php
					for($i=1;$i<=10;$i++){
						?>
						<p>
							<?php _e('Parameter', 'revslider'); echo ' '.$i; ?> <input type="text" name="params_<?php echo $i; ?>" value="<?php echo stripslashes(esc_attr(RevSliderFunctions::getVal($slideParams, 'params_'.$i,''))); ?>">
							<?php _e('Max. Chars', 'revslider'); ?> <input type="text" style="width: 50px; min-width: 50px;" name="params_<?php echo $i; ?>_chars" value="<?php echo esc_attr(RevSliderFunctions::getVal($slideParams, 'params_'.$i.'_chars',10, RevSlider::FORCE_NUMERIC)); ?>">
							<?php if($slider_type !== 'gallery'){ ?><i class="eg-icon-pencil rs-param-meta-open" data-curid="<?php echo $i; ?>"></i><?php } ?>
						</p>
						<?php
					}
					?>
				</p>
				<!-- BASIC DESCRIPTION -->
				<p>
					<?php $slide_description = stripslashes(RevSliderFunctions::getVal($slideParams, 'slide_description', '')); ?>
					<label><?php _e("Description of Slider:",'revslider'); ?></label>

					<textarea name="slide_description" style="height: 425px; width: 100%"><?php echo $slide_description; ?></textarea>
					<span class="description"><?php _e('Define a description here to show at the navigation if enabled in Slider Settings','revslider'); ?></span>
				</p>
			</div>

			<!-- SLIDE SEO INFORMATION -->
			<div id="slide-seo-settings-content" style="display:none">
				<!-- CLASS -->
				<p>
					<?php $class_attr = RevSliderFunctions::getVal($slideParams, 'class_attr',''); ?>
					<label><?php _e("Class:",'revslider'); ?></label>
					<input type="text" class="" id="class_attr" name="class_attr" value="<?php echo $class_attr; ?>">
					<span class="description"><?php _e('Adds a unique class to the li of the Slide like class="rev_special_class" (add only the classnames, seperated by space)','revslider'); ?></span>
				</p>

				<!-- ID -->
				<p>
					<?php $id_attr = RevSliderFunctions::getVal($slideParams, 'id_attr',''); ?>
					<label><?php _e("ID:",'revslider'); ?></label>
					<input type="text" class="" id="id_attr" name="id_attr" value="<?php echo $id_attr; ?>">
					<span class="description"><?php _e('Adds a unique ID to the li of the Slide like id="rev_special_id" (add only the id)','revslider'); ?></span>
				</p>

				<!-- CUSTOM FIELDS -->
				<p>
					<?php $data_attr = stripslashes(RevSliderFunctions::getVal($slideParams, 'data_attr','')); ?>
					<label><?php _e("Custom Fields:",'revslider'); ?></label>
					<textarea id="data_attr" name="data_attr"><?php echo $data_attr; ?></textarea>
					<span class="description"><?php _e('Add as many attributes as you wish here. (i.e.: data-layer="firstlayer" data-custom="somevalue").','revslider'); ?></span>
				</p>

				<!-- Enable Link -->
				<p>
					<?php $enable_link = RevSliderFunctions::getVal($slideParams, 'enable_link','false'); ?>
					<label><?php _e("Enable Link:",'revslider'); ?></label>
					<select id="enable_link" name="enable_link">
						<option value="true"<?php selected($enable_link, 'true'); ?>><?php _e("Enable",'revslider'); ?></option>
						<option value="false"<?php selected($enable_link, 'false'); ?>><?php _e("Disable",'revslider'); ?></option>
					</select>
					<span class="description"><?php _e('Link the Full Slide to an URL or Action.','revslider'); ?></span>
				</p>
				
				<div class="rs-slide-link-setting-wrapper">
					<!-- Link Type -->
					<p>
						<?php $enable_link = RevSliderFunctions::getVal($slideParams, 'link_type','regular'); ?>
						<label><?php _e("Link Type:",'revslider'); ?></label>
						<span style="display:inline-block; width:200px; margin-right:20px;">
							<input type="radio" id="link_type_1" value="regular" name="link_type"<?php checked($enable_link, 'regular'); ?>><span style="line-height:30px; vertical-align: middle; margin:0px 20px 0px 10px;"><?php _e('Regular','revslider'); ?></span>
							<input type="radio" id="link_type_2" value="slide" name="link_type"<?php checked($enable_link, 'slide'); ?>><span style="line-height:30px; vertical-align: middle; margin:0px 20px 0px 10px;"><?php _e('To Slide','revslider'); ?></span>
						</span>
						<span class="description"><?php _e('Regular - Link to URL,  To Slide - Call a Slide Action','revslider'); ?></span>
					</p>

					<div class="rs-regular-link-setting-wrap">
						<!-- SLIDE LINK -->
						<p>
							<?php $val_link = RevSliderFunctions::getVal($slideParams, 'link',''); ?>
							<label><?php _e("Slide Link:",'revslider'); ?></label>
							<input type="text" id="rev_link" name="link" value="<?php echo $val_link; ?>">
							<span class="description"><?php _e('A link on the whole slide pic (use {{link}} or {{meta:somemegatag}} in template sliders to link to a post or some other meta)','revslider'); ?></span>
						</p>
					
						<!-- LINK TARGET -->
						<p>
							<?php $link_open_in = RevSliderFunctions::getVal($slideParams, 'link_open_in','same'); ?>
							<label><?php _e("Link Target:",'revslider'); ?></label>
							<select id="link_open_in" name="link_open_in">
								<option value="same"<?php selected($link_open_in, 'same'); ?>><?php _e('Same Window','revslider'); ?></option>
								<option value="new"<?php selected($link_open_in, 'new'); ?>><?php _e('New Window','revslider'); ?></option>
							</select>
							<span class="description"><?php _e('The target of the slide link.','revslider'); ?></span>
						</p>
					</div>
					<!-- LINK TO SLIDE -->
					<p class="rs-slide-to-slide">
						<?php $slide_link = RevSliderFunctions::getVal($slideParams, 'slide_link','nothing');
						//num_slide_link
						$arrSlideLink = array();
						$arrSlideLink["nothing"] = __("-- Not Chosen --",'revslider');
						$arrSlideLink["next"] = __("-- Next Slide --",'revslider');
						$arrSlideLink["prev"] = __("-- Previous Slide --",'revslider');

						$arrSlideLinkLayers = $arrSlideLink;
						$arrSlideLinkLayers["scroll_under"] = __("-- Scroll Below Slider --",'revslider');
						$arrSlideNames = array();
						if(isset($slider) && $slider->isInited())
							$arrSlideNames = $slider->getArrSlideNames();
						if(!empty($arrSlideNames) && is_array($arrSlideNames)){
							foreach($arrSlideNames as $slideNameID=>$arr){
								$slideName = $arr["title"];
								$arrSlideLink[$slideNameID] = $slideName;
								$arrSlideLinkLayers[$slideNameID] = $slideName;
							}
						}
						?>
						<label><?php _e("Link To Slide:",'revslider'); ?></label>
						<select id="slide_link" name="slide_link">
							<?php
							if(!empty($arrSlideLinkLayers) && is_array($arrSlideLinkLayers)){
								foreach($arrSlideLinkLayers as $link_handle => $link_name){
									$sel = ($link_handle == $slide_link) ? ' selected="selected"' : '';
									echo '<option value="'.$link_handle.'"'.$sel.'>'.$link_name.'</option>';
								}
							}
							?>
						</select>
						<span class="description"><?php _e('Call Slide Action','revslider'); ?></span>
					</p>
					<!-- Link POSITION -->
					<p>
						<?php $link_pos = RevSliderFunctions::getVal($slideParams, 'link_pos','front'); ?>
						<label><?php _e("Link Sensibility:",'revslider'); ?></label>
						<span style="display:inline-block; width:200px; margin-right:20px;">
							<input type="radio" id="link_pos_1" value="front" name="link_pos"<?php checked($link_pos, 'front'); ?>><span style="line-height:30px; vertical-align: middle; margin:0px 20px 0px 10px;"><?php _e('Front','revslider'); ?></span>
							<input type="radio" id="link_pos_2" value="back" name="link_pos"<?php checked($link_pos, 'back'); ?>><span style="line-height:30px; vertical-align: middle; margin:0px 20px 0px 10px;"><?php _e('Back','revslider'); ?></span>
						</span>
						<span class="description"><?php _e('The z-index position of the link related to layers','revslider'); ?></span>
					</p>
				</div>
			</div>

		</form>

	</div>
</div>
<script type="text/javascript">
	var rs_plugin_url = '<?php echo RS_PLUGIN_URL; ?>';
	
	jQuery('document').ready(function() {
		
		jQuery('#enable_link').change(function(){
			if(jQuery(this).val() == 'true'){
				jQuery('.rs-slide-link-setting-wrapper').show();
			}else{
				jQuery('.rs-slide-link-setting-wrapper').hide();
			}
		});
		jQuery('#enable_link option:selected').change();
		
		jQuery('input[name="link_type"]').change(function(){
			if(jQuery(this).val() == 'regular'){
				jQuery('.rs-regular-link-setting-wrap').show();
				jQuery('.rs-slide-to-slide').hide();
			}else{
				jQuery('.rs-regular-link-setting-wrap').hide();
				jQuery('.rs-slide-to-slide').show();
			}
		});
		jQuery('input[name="link_type"]:checked').change();
		
	});
</script>