PageRenderTime 146ms CodeModel.GetById 50ms app.highlight 63ms RepoModel.GetById 17ms app.codeStats 2ms

/wp-content/plugins/revslider/views/templates/edit_layers.php

https://bitbucket.org/acipriani/madeinapulia.com
PHP | 1084 lines | 976 code | 102 blank | 6 comment | 177 complexity | 6f1df48e00b173e46ad0979efa84b393 MD5 | raw file

Large files files are truncated, but you can click here to view the full file

  1
  2	<div class="edit_slide_wrapper<?php echo ($slide->isStaticSlide()) ? ' rev_static_layers' : ''; ?>">
  3		<?php
  4		
  5		if(!$slide->isStaticSlide()){
  6			?>
  7			<div class="editor_buttons_wrapper  postbox unite-postbox" style="max-width:100% !important;">
  8				<h3 class="box-closed tp-accordion">
  9					<span class="postbox-arrow2">-</span><span><?php _e("Slider Main Image / Background",REVSLIDER_TEXTDOMAIN) ?></span>
 10				</h3>
 11				<div class="toggled-content">
 12					<div class="inner_wrapper p10 pb0 pt0 boxsized">
 13						<div class="editor_buttons_wrapper_top">
 14							<h3 style="cursor:default !important; background:none !important;border:none;box-shadow:none !important;font-size:12px;padding:0px;margin:10px 0px 0px;"><?php _e("Background Source:",REVSLIDER_TEXTDOMAIN)?></h3>
 15
 16							<!-- IMAGE FROM MEDIAGALLERY -->
 17							<input style="float:left" type="radio" name="radio_bgtype" class="bgsrcchanger" data-callid="tp-bgimagewpsrc" data-imgsettings="on" data-bgtype="image" id="radio_back_image" <?php if($bgType == "image") echo 'checked="checked"'?>>
 18							<label style="float:left;margin-left:5px;margin-top:2px;"  for="radio_back_image"><?php _e("Image BG",REVSLIDER_TEXTDOMAIN)?></label>
 19							<!-- THE BG IMAGE CHANGED DIV -->
 20							<div id="tp-bgimagewpsrc" class="bgsrcchanger-div" style="display:none;float:left;margin-top:-7px;">
 21								<a href="javascript:void(0)" id="button_change_image" class="button-primary revblue <?php if($bgType != "image") echo "button-disabled" ?>" style="margin-bottom:5px"><?php _e("Change Image",REVSLIDER_TEXTDOMAIN)?></a>
 22							</div>
 23
 24							<!-- IMAGE FROM EXTERNAL -->
 25							<input type="radio" name="radio_bgtype" style="float:left;margin-left:15px;" data-callid="tp-bgimageextsrc" data-imgsettings="on" class="bgsrcchanger" data-bgtype="external" id="radio_back_external" <?php if($bgType == "external") echo 'checked="solid"'?>>
 26							<label style="float:left;margin-left:5px;margin-top:2px;"for="radio_back_external"><?php _e("External URL",REVSLIDER_TEXTDOMAIN)?></label>
 27							<!-- THE BG IMAGE FROM EXTERNAL SOURCE -->
 28							<div id="tp-bgimageextsrc" class="bgsrcchanger-div" style="display:none;float:left;margin-top:-7px;">
 29								<input type="text" name="bg_external" id="slide_bg_external" value="<?php echo $slideBGExternal?>" <?php echo ($bgType != 'external') ? ' class="disabled"' : ''; ?>>
 30								<a href="javascript:void(0)" id="button_change_external" class="button-primary revblue <?php if($bgType != "external") echo "button-disabled" ?>" style="margin-bottom:5px"><?php _e("Get External",REVSLIDER_TEXTDOMAIN)?></a>
 31							</div>
 32
 33							<!-- TRANSPARENT BACKGROUND -->
 34							<input type="radio" name="radio_bgtype" style="float:left;margin-left:15px;" data-callid="" class="bgsrcchanger" data-bgtype="trans" id="radio_back_trans" <?php if($bgType == "trans") echo 'checked="checked"'?>>
 35							<label style="float:left;margin-left:5px;margin-top:2px;"for="radio_back_trans"><?php _e("Transparent",REVSLIDER_TEXTDOMAIN)?></label>
 36
 37							<!-- COLORED BACKGROUND -->
 38							<input type="radio" name="radio_bgtype" style="float:left;margin-left:15px;" data-callid="tp-bgcolorsrc" class="bgsrcchanger" data-bgtype="solid" id="radio_back_solid" <?php if($bgType == "solid") echo 'checked="solid"'?>>
 39							<label style="float:left;margin-left:5px;margin-top:2px;"for="radio_back_solid"><?php _e("Solid Colored",REVSLIDER_TEXTDOMAIN)?></label>
 40
 41							<!-- THE COLOR SELECTOR -->
 42							<div id="tp-bgcolorsrc"  class="bgsrcchanger-div"  style="display:none;float:left;margin-top:-5px;">
 43								<input type="text" name="bg_color" id="slide_bg_color" <?php echo $bgSolidPickerProps?> value="<?php echo $slideBGColor?>">
 44							</div>
 45							
 46							<div style="clear:both"></div>
 47							<!-- PREVIEW BUTTON -->
 48							<!-- THE BG IMAGE SETTINGS -->
 49							<div id="tp-bgimagesettings" class="bgsrcchanger-div" style="margin-top:10px;display:none">
 50								<div id="bg-setting-wrap">
 51									<h3 style="cursor:default !important; background:none !important;border:none;box-shadow:none !important;font-size:12px;padding:0px;margin:17px 0px 0px;"><?php _e("Background Settings:",REVSLIDER_TEXTDOMAIN)?></h3>
 52									<label for="slide_bg_fit"><?php _e("Background Fit:",REVSLIDER_TEXTDOMAIN)?></label>
 53									<select name="bg_fit" id="slide_bg_fit" style="margin-right:20px">
 54										<option value="cover"<?php if($bgFit == 'cover') echo ' selected="selected"'; ?>>cover</option>
 55										<option value="contain"<?php if($bgFit == 'contain') echo ' selected="selected"'; ?>>contain</option>
 56										<option value="percentage"<?php if($bgFit == 'percentage') echo ' selected="selected"'; ?>>(%, %)</option>
 57										<option value="normal"<?php if($bgFit == 'normal') echo ' selected="selected"'; ?>>normal</option>
 58									</select>
 59									<input type="text" name="bg_fit_x" style="<?php if($bgFit != 'percentage') echo 'display: none; '; ?> width:60px;margin-right:10px" value="<?php echo $bgFitX; ?>" />
 60									<input type="text" name="bg_fit_y" style="<?php if($bgFit != 'percentage') echo 'display: none; '; ?> width:60px;margin-right:10px"  value="<?php echo $bgFitY; ?>" />
 61
 62									<label for="slide_bg_repeat"><?php _e("Background Repeat:",REVSLIDER_TEXTDOMAIN)?></label>
 63									<select name="bg_repeat" id="slide_bg_repeat" style="margin-right:20px">
 64										<option value="no-repeat"<?php if($bgRepeat == 'no-repeat') echo ' selected="selected"'; ?>>no-repeat</option>
 65										<option value="repeat"<?php if($bgRepeat == 'repeat') echo ' selected="selected"'; ?>>repeat</option>
 66										<option value="repeat-x"<?php if($bgRepeat == 'repeat-x') echo ' selected="selected"'; ?>>repeat-x</option>
 67										<option value="repeat-y"<?php if($bgRepeat == 'repeat-y') echo ' selected="selected"'; ?>>repeat-y</option>
 68									</select>
 69									<label for="slide_bg_position" id="bg-position-lbl"><?php _e("Background Position:",REVSLIDER_TEXTDOMAIN)?></label>
 70									<div id="bg-start-position-wrapper">
 71										<select name="bg_position" id="slide_bg_position">
 72											<option value="center top"<?php if($bgPosition == 'center top') echo ' selected="selected"'; ?>>center top</option>
 73											<option value="center right"<?php if($bgPosition == 'center right') echo ' selected="selected"'; ?>>center right</option>
 74											<option value="center bottom"<?php if($bgPosition == 'center bottom') echo ' selected="selected"'; ?>>center bottom</option>
 75											<option value="center center"<?php if($bgPosition == 'center center') echo ' selected="selected"'; ?>>center center</option>
 76											<option value="left top"<?php if($bgPosition == 'left top') echo ' selected="selected"'; ?>>left top</option>
 77											<option value="left center"<?php if($bgPosition == 'left center') echo ' selected="selected"'; ?>>left center</option>
 78											<option value="left bottom"<?php if($bgPosition == 'left bottom') echo ' selected="selected"'; ?>>left bottom</option>
 79											<option value="right top"<?php if($bgPosition == 'right top') echo ' selected="selected"'; ?>>right top</option>
 80											<option value="right center"<?php if($bgPosition == 'right center') echo ' selected="selected"'; ?>>right center</option>
 81											<option value="right bottom"<?php if($bgPosition == 'right bottom') echo ' selected="selected"'; ?>>right bottom</option>
 82											<option value="percentage"<?php if($bgPosition == 'percentage') echo ' selected="selected"'; ?>>(x%, y%)</option>
 83										</select><input type="text" name="bg_position_x" <?php if($bgPosition != 'percentage') echo ' style="display: none;"'; ?> value="<?php echo $bgPositionX; ?>" /><input type="text" name="bg_position_y" <?php if($bgPosition != 'percentage') echo ' style="display: none;"'; ?> value="<?php echo $bgPositionY; ?>" />
 84									</div>
 85								</div>
 86								<div style="clear:both"></div>
 87								<h3 style="cursor:default !important; background:none !important;border:none;box-shadow:none !important;font-size:12px;padding:0px;margin:17px 0px 0px; float: left;"><?php _e("Ken Burns / Pan Zoom Settings:",REVSLIDER_TEXTDOMAIN)?></h3>
 88
 89								<div style="margin-top: 15px; margin-left: 10px; float: left;">
 90									<input type="radio" name="kenburn_effect" value="on" <?php echo ($kenburn_effect == 'on') ? 'checked="checked"' : ''; ?> /> <?php _e("On",REVSLIDER_TEXTDOMAIN)?>&nbsp;&nbsp;<input type="radio" name="kenburn_effect" value="off" <?php echo ($kenburn_effect == 'off') ? 'checked="checked"' : ''; ?> /> <?php _e("Off",REVSLIDER_TEXTDOMAIN)?>
 91								</div>
 92								<div class="clear"></div>
 93
 94								<table id="kenburn_wrapper" <?php echo ($kenburn_effect == 'off') ? 'style="display: none;"' : ''; ?>>
 95									<tr>
 96										<td><?php _e("Background",REVSLIDER_TEXTDOMAIN)?></td>
 97										<td></td>
 98										<td></td>
 99										<td style="width: 15px;">&nbsp;</td>
100										<td></td>
101										<td>&nbsp;<?php //_e("Start",REVSLIDER_TEXTDOMAIN)?></td>
102										<td><?php //_e("End",REVSLIDER_TEXTDOMAIN)?></td>
103										<td style="width: 15px;">&nbsp;</td>
104										<td colspan="2"></td>
105									</tr>
106									<tr>
107										<td><?php _e("Start Position:",REVSLIDER_TEXTDOMAIN)?></td>
108										<td colspan="2" id="bg-start-position-wrapper-kb">
109
110										</td>
111										<td></td>
112										<td><?php _e("Start Fit: (in %)",REVSLIDER_TEXTDOMAIN)?></td>
113										<td colspan="2"><input type="text" name="kb_start_fit" value="<?php echo intval($kb_start_fit); ?>" /></td>
114										<td></td>
115										<td><?php _e("Easing:",REVSLIDER_TEXTDOMAIN)?></td>
116										<td>
117											<select name="kb_easing">
118												<option <?php if($kb_easing == 'Linear.easeNone') echo ' selected="selected"'; ?> value="Linear.easeNone">Linear.easeNone</option>
119												<option <?php if($kb_easing == 'Power0.easeIn') echo ' selected="selected"'; ?> value="Power0.easeIn">Power0.easeIn  (linear)</option>
120												<option <?php if($kb_easing == 'Power0.easeInOut') echo ' selected="selected"'; ?> value="Power0.easeInOut">Power0.easeInOut  (linear)</option>
121												<option <?php if($kb_easing == 'Power0.easeOut') echo ' selected="selected"'; ?> value="Power0.easeOut">Power0.easeOut  (linear)</option>
122												<option <?php if($kb_easing == 'Power1.easeIn') echo ' selected="selected"'; ?> value="Power1.easeIn">Power1.easeIn</option>
123												<option <?php if($kb_easing == 'Power1.easeInOut') echo ' selected="selected"'; ?> value="Power1.easeInOut">Power1.easeInOut</option>
124												<option <?php if($kb_easing == 'Power1.easeOut') echo ' selected="selected"'; ?> value="Power1.easeOut">Power1.easeOut</option>
125												<option <?php if($kb_easing == 'Power2.easeIn') echo ' selected="selected"'; ?> value="Power2.easeIn">Power2.easeIn</option>
126												<option <?php if($kb_easing == 'Power2.easeInOut') echo ' selected="selected"'; ?> value="Power2.easeInOut">Power2.easeInOut</option>
127												<option <?php if($kb_easing == 'Power2.easeOut') echo ' selected="selected"'; ?> value="Power2.easeOut">Power2.easeOut</option>
128												<option <?php if($kb_easing == 'Power3.easeIn') echo ' selected="selected"'; ?> value="Power3.easeIn">Power3.easeIn</option>
129												<option <?php if($kb_easing == 'Power3.easeInOut') echo ' selected="selected"'; ?> value="Power3.easeInOut">Power3.easeInOut</option>
130												<option <?php if($kb_easing == 'Power3.easeOut') echo ' selected="selected"'; ?> value="Power3.easeOut">Power3.easeOut</option>
131												<option <?php if($kb_easing == 'Power4.easeIn') echo ' selected="selected"'; ?> value="Power4.easeIn">Power4.easeIn</option>
132												<option <?php if($kb_easing == 'Power4.easeInOut') echo ' selected="selected"'; ?> value="Power4.easeInOut">Power4.easeInOut</option>
133												<option <?php if($kb_easing == 'Power4.easeOut') echo ' selected="selected"'; ?> value="Power4.easeOut">Power4.easeOut</option>
134												<option <?php if($kb_easing == 'Back.easeIn') echo ' selected="selected"'; ?> value="Back.easeIn">Back.easeIn</option>
135												<option <?php if($kb_easing == 'Back.easeInOut') echo ' selected="selected"'; ?> value="Back.easeInOut">Back.easeInOut</option>
136												<option <?php if($kb_easing == 'Back.easeOut') echo ' selected="selected"'; ?> value="Back.easeOut">Back.easeOut</option>
137												<option <?php if($kb_easing == 'Bounce.easeIn') echo ' selected="selected"'; ?> value="Bounce.easeIn">Bounce.easeIn</option>
138												<option <?php if($kb_easing == 'Bounce.easeInOut') echo ' selected="selected"'; ?> value="Bounce.easeInOut">Bounce.easeInOut</option>
139												<option <?php if($kb_easing == 'Bounce.easeOut') echo ' selected="selected"'; ?> value="Bounce.easeOut">Bounce.easeOut</option>
140												<option <?php if($kb_easing == 'Circ.easeIn') echo ' selected="selected"'; ?> value="Circ.easeIn">Circ.easeIn</option>
141												<option <?php if($kb_easing == 'Circ.easeInOut') echo ' selected="selected"'; ?> value="Circ.easeInOut">Circ.easeInOut</option>
142												<option <?php if($kb_easing == 'Circ.easeOut') echo ' selected="selected"'; ?> value="Circ.easeOut">Circ.easeOut</option>
143												<option <?php if($kb_easing == 'Elastic.easeIn') echo ' selected="selected"'; ?> value="Elastic.easeIn">Elastic.easeIn</option>
144												<option <?php if($kb_easing == 'Elastic.easeInOut') echo ' selected="selected"'; ?> value="Elastic.easeInOut">Elastic.easeInOut</option>
145												<option <?php if($kb_easing == 'Elastic.easeOut') echo ' selected="selected"'; ?> value="Elastic.easeOut">Elastic.easeOut</option>
146												<option <?php if($kb_easing == 'Expo.easeIn') echo ' selected="selected"'; ?> value="Expo.easeIn">Expo.easeIn</option>
147												<option <?php if($kb_easing == 'Expo.easeInOut') echo ' selected="selected"'; ?> value="Expo.easeInOut">Expo.easeInOut</option>
148												<option <?php if($kb_easing == 'Expo.easeOut') echo ' selected="selected"'; ?> value="Expo.easeOut">Expo.easeOut</option>
149												<option <?php if($kb_easing == 'Sine.easeIn') echo ' selected="selected"'; ?> value="Sine.easeIn">Sine.easeIn</option>
150												<option <?php if($kb_easing == 'Sine.easeInOut') echo ' selected="selected"'; ?> value="Sine.easeInOut">Sine.easeInOut</option>
151												<option <?php if($kb_easing == 'Sine.easeOut') echo ' selected="selected"'; ?> value="Sine.easeOut">Sine.easeOut</option>
152												<option <?php if($kb_easing == 'SlowMo.ease') echo ' selected="selected"'; ?> value="SlowMo.ease">SlowMo.ease</option>
153											</select>
154										</td>
155									</tr>
156									<tr>
157										<td><?php _e("End Position:",REVSLIDER_TEXTDOMAIN)?></td>
158										<td colspan="2">
159											<select name="bg_end_position" id="slide_bg_end_position">
160												<option value="center top"<?php if($bgEndPosition == 'center top') echo ' selected="selected"'; ?>>center top</option>
161												<option value="center right"<?php if($bgEndPosition == 'center right') echo ' selected="selected"'; ?>>center right</option>
162												<option value="center bottom"<?php if($bgEndPosition == 'center bottom') echo ' selected="selected"'; ?>>center bottom</option>
163												<option value="center center"<?php if($bgEndPosition == 'center center') echo ' selected="selected"'; ?>>center center</option>
164												<option value="left top"<?php if($bgEndPosition == 'left top') echo ' selected="selected"'; ?>>left top</option>
165												<option value="left center"<?php if($bgEndPosition == 'left center') echo ' selected="selected"'; ?>>left center</option>
166												<option value="left bottom"<?php if($bgEndPosition == 'left bottom') echo ' selected="selected"'; ?>>left bottom</option>
167												<option value="right top"<?php if($bgEndPosition == 'right top') echo ' selected="selected"'; ?>>right top</option>
168												<option value="right center"<?php if($bgEndPosition == 'right center') echo ' selected="selected"'; ?>>right center</option>
169												<option value="right bottom"<?php if($bgEndPosition == 'right bottom') echo ' selected="selected"'; ?>>right bottom</option>
170												<option value="percentage"<?php if($bgEndPosition == 'percentage') echo ' selected="selected"'; ?>>(x%, y%)</option>
171											</select><input type="text" name="bg_end_position_x" <?php if($bgEndPosition != 'percentage') echo ' style="display: none;"'; ?> value="<?php echo $bgEndPositionX; ?>" /><input type="text" name="bg_end_position_y" <?php if($bgEndPosition != 'percentage') echo ' style="display: none;"'; ?> value="<?php echo $bgEndPositionY; ?>" />
172										</td>
173										<td></td>
174										<td><?php _e("End Fit: (in %)",REVSLIDER_TEXTDOMAIN)?></td>
175										<td colspan="2"><input type="text" name="kb_end_fit" value="<?php echo intval($kb_end_fit); ?>" /></td>
176										<?php /*<td>_e("Rotation (in °):",REVSLIDER_TEXTDOMAIN) ?></td>
177										<td><input type="text" name="kb_rotation_start" value="<?php echo intval($kb_rotation_start); ?>" /></td>
178										<td><input type="text" name="kb_rotation_end" value="<?php echo intval($kb_rotation_end); ?>" /></td>*/?>
179										<td></td>
180										<td><?php _e("Duration (in ms):",REVSLIDER_TEXTDOMAIN)?></td>
181										<td><input type="text" name="kb_duration" value="<?php echo intval($kb_duration); ?>" /></td>
182									</tr>
183
184								</table>
185
186							</div>
187						</div>
188					</div>
189					<div class="clear"></div>
190				</div>
191			</div>
192
193			<div class="clear"></div>
194
195			<div class="divide20"></div>
196			
197			<?php
198		}
199		?>
200		<?php
201		$slidertype = $slider->getParam("slider_type","fullwidth");
202		if($slidertype == 'fullwidth'){
203			$style .= ' margin: 0 auto;';
204			$style_wrapper .= ' width: 100%;';
205		}else{
206			$style_wrapper .= $style;
207		}
208		?>
209		<div class="editor_buttons_wrapper  postbox unite-postbox" style="max-width:100% !important;">
210			<h3 class="box-closed tp-accordion">
211				<span><?php if($slide->isStaticSlide()){ _e("Static / Global Layers",REVSLIDER_TEXTDOMAIN); }else{ ?><?php _e("Slide",REVSLIDER_TEXTDOMAIN); }?></span>
212			</h3>
213			<div class="layer-editor-toolbar">
214				<span class="setting_text_3"><?php _e("Helper Grid:",REVSLIDER_TEXTDOMAIN) ?></span>
215				<select name="rs-grid-sizes" id="rs-grid-sizes">
216					<option value="1"><?php _e("Disabled",REVSLIDER_TEXTDOMAIN) ?></option>
217					<option value="5">5 x 5</option>
218					<option value="10">10 x 10</option>
219					<option value="25">25 x 25</option>
220					<option value="50">50 x 50</option>
221				</select>
222				
223				<span class="setting_text_3"><?php _e("Snap to:",REVSLIDER_TEXTDOMAIN) ?></span>
224				<select name="rs-grid-snapto" id="rs-grid-snapto">
225					<option value=""><?php _e("None",REVSLIDER_TEXTDOMAIN) ?></option>
226					<option value=".helplines"><?php _e("Help Lines",REVSLIDER_TEXTDOMAIN) ?></option>
227					<option value=".slide_layer"><?php _e("Layers",REVSLIDER_TEXTDOMAIN) ?></option>
228				</select>
229				
230				<?php
231				//show/hide layers of specific slides
232				if($slide->isStaticSlide()){
233					$all_slides = $slider->getSlides(true);
234					?>
235					<span class="setting_text_3"><?php _e("Show Layers from Slide:",REVSLIDER_TEXTDOMAIN) ?></span>
236					<select name="rev_show_the_slides">
237						<option value="none">---</option>
238						<?php
239						foreach($all_slides as $c_slide){
240							
241							$c_params = $c_slide->getParams();
242							?>
243							<option value="<?php echo $c_slide->getID(); ?>"><?php echo UniteFunctionsRev::getVal($c_params, "title", 'Slide').' (ID: '.$c_slide->getID().')'; ?></option>
244							<?php
245						}
246						?>
247					</select>
248					<?php
249				}
250				?>
251				
252			</div>
253			<div id="divLayers-wrapper" style="<?php echo $style; ?>" class="slide_wrap_layers" >
254				<div id="divbgholder" style="<?php echo $style_wrapper.$divbgminwidth; ?>" class="<?php echo $class_wrapper; ?>"></div>
255				<div id="divLayers" class="<?php echo $divLayersClass?>" style="<?php echo $style.$divLayersWidth; ?>"></div>
256			</div>
257			<div class="clear"></div>
258			<div class="editor_buttons_wrapper  postbox unite-postbox" style="max-width:100% !important;">
259			<div style="width:100%; border-top:1px solid #f1f1f1; margin-top:0px;"></div>
260			<div class="toggled-content">
261				<div class="inner_wrapper p10 pb0 pt0 boxsized">
262					<?php
263					//show/hide layers of specific slides
264					$add_static = 'false';
265					if($slide->isStaticSlide()){
266						$add_static = 'true';
267					}
268					?>
269					<div class="editor_buttons_wrapper_bottom">
270						<div style="float:left">
271							<a href="javascript:void(0)" id="button_add_layer" 		 data-isstatic="<?php echo $add_static; ?>" class="button-primary revblue"><i class="revicon-layers-alt"></i><?php _e("Add Layer",REVSLIDER_TEXTDOMAIN)?></a>
272							<a href="javascript:void(0)" id="button_add_layer_image" data-isstatic="<?php echo $add_static; ?>" class="button-primary revblue"><i class="revicon-picture-1"></i><?php _e("Add Layer: Image",REVSLIDER_TEXTDOMAIN)?> </a>
273							<a href="javascript:void(0)" id="button_add_layer_video" data-isstatic="<?php echo $add_static; ?>" class="button-primary revblue"><i class="revicon-video"></i><?php _e("Add Layer: Video",REVSLIDER_TEXTDOMAIN)?> </a>
274							<a href="javascript:void(0)" id="button_duplicate_layer" class="button-primary revyellow button-disabled"><i class="revicon-picture"></i><?php _e("Duplicate Layer",REVSLIDER_TEXTDOMAIN)?></a>
275						</div>
276						<div style="float:right;">
277							<a href="javascript:void(0)" id="button_delete_layer"    class="button-primary  revred button-disabled"><i class="revicon-trash"></i><?php _e("Delete Layer",REVSLIDER_TEXTDOMAIN)?></a>
278							<a href="javascript:void(0)" id="button_delete_all"      class="button-primary  revred button-disabled"><i class="revicon-trash"></i><?php _e("Delete All Layers",REVSLIDER_TEXTDOMAIN)?> </a>
279						</div>
280					</div>
281				</div>
282				<div class="clear"></div>
283			</div>
284		</div>
285		</div>
286		<div class="clear"></div>
287		<div class="divide20"></div>
288			<div class="layer_props_wrapper">
289				<div class="edit_layers_right" style="position:relative;height:100%">
290					<div class="postbox unite-postbox layer_sortbox" style="height:100%;">
291						<div class="open_right_panel">
292							<div class="open_right_panel_bullet"></div>
293							<div class="open_right_panel_bullet bulsecond"></div>
294							<div class="open_right_panel_bullet bulthird"></div>																		
295						</div>							
296						<h3 class="no-accordion">
297							<span><?php _e("Layers Timing & Sorting",REVSLIDER_TEXTDOMAIN)?></span>																																				
298						</h3>
299						<div style="display:table; line-height:30px">
300							<div style="display:table-cell; padding:10px 15px; min-width:45px;"><?php _e("z-Index",REVSLIDER_TEXTDOMAIN)?></div>
301							<div style="display:table-cell; min-width:78px">
302								<div id="button_sort_visibility" class="tipsy_enabled_top" title="<?php _e('Hide All Layers',REVSLIDER_TEXTDOMAIN)?>"><i class="eg-icon-eye"></i><i class="eg-icon-eye-off"></i></div>
303								<div id="button_sort_lock" class="tipsy_enabled_top" title="<?php _e('Lock All Layers',REVSLIDER_TEXTDOMAIN)?>"><i class="eg-icon-lock-open"></i><i class="eg-icon-lock"></i></div>	
304								<div id="button_sort_tillend" class="tipsy_enabled_top" title="<?php _e('Snap to Slide End / Custom End',REVSLIDER_TEXTDOMAIN)?>"><i class="eg-icon-back-in-time"></i></div>											
305							</div>
306							<div style="display:table-cell;padding:10px 15px 10px 0px;width:100%"><?php _e("Timing",REVSLIDER_TEXTDOMAIN)?>
307								<div id="button_sort_timing" class="button-primary revblue" style="margin-left:15px !important" title="<?php _e('Show / Hide Timer Settings',REVSLIDER_TEXTDOMAIN)?>"><i class="eg-icon-equalizer"></i> <span class="onoff"> - on</span></div>
308							</div>									
309							<div style="display:table-cell;padding:10px 0px 10px 0px; min-width:50px;"><?php _e("Start",REVSLIDER_TEXTDOMAIN)?></div>									
310							<div style="display:table-cell;padding:10px 0px 10px 0px; min-width:54px;"><?php _e("End",REVSLIDER_TEXTDOMAIN)?></div>																		
311						</div>									
312						
313						<div class="inside" style="margin:0;">
314							<ul id="sortlist" class='sortlist'></ul>
315						</div>
316						
317						<div class="clear"></div>
318					</div>
319				</div>
320				
321						
322			<!-----  Left Layers Form ------>
323
324				<div class="edit_layers_left">
325
326					<form name="form_layers" id="form_layers">
327						<script type='text/javascript'>
328							g_settingsObj['form_layers'] = {}
329						</script>
330						
331						<?php
332						$show_static = 'display: none;';
333
334						if($slide->isStaticSlide())
335							$show_static = '';
336							$isTemplate = $slider->getParam("template", "false");
337						?>
338						<!-- THE GENERAL LAYER PARAMETERS -->
339						<div class='settings_wrapper' style="<?php echo $show_static; ?>">
340							<div class="postbox unite-postbox">
341								<h3 class='no-accordion tp-accordion'><span class="postbox-arrow2">-</span>
342									<span><?php _e("Static Options",REVSLIDER_TEXTDOMAIN)?> </span>
343								</h3>
344								<div class="toggled-content tp-closeifotheropen">
345									<ul class="list_settings">
346										<?php
347										if($isTemplate == "true"){
348											?>
349											<li>
350											<?php _e('Static Layers will be shown on every slide in template sliders', REVSLIDER_TEXTDOMAIN); ?>
351											</li>
352											<?php
353										}
354										?>
355										<div id="layer_static_wrapper"<?php echo ($isTemplate == "true") ? ' style="display: none;"' : ''; ?>>
356											<li>
357												<div id="static_start_on_wrap" class="setting_text"><?php _e('Start on Slide', REVSLIDER_TEXTDOMAIN); ?></div>
358												<select id="layer_static_start" name="static_start">
359													<?php
360													if(!empty($arrSlideNames)){
361														$si = 1;
362														end($arrSlideNames);
363														//fetch key of the last element of the array.
364														$lastElementKey = key($arrSlideNames);
365														foreach($arrSlideNames as $sid => $sparams){
366															if($lastElementKey == $sid) break; //break on the last element
367															?>
368															<option value="<?php echo $si; ?>"><?php echo $si; ?></option>
369															<?php
370															$si++;
371														}
372													}else{
373														?>
374														<option value="-1">-1</option>
375														<?php
376													}
377													?>
378												</select>
379											</li>
380											<div class="clear"></div>
381											<li>
382												<div id="static_end_on_wrap" class="setting_text"><?php _e('End on Slide', REVSLIDER_TEXTDOMAIN); ?></div>
383												<select id="layer_static_end" name="static_end">
384													<?php
385													if(!empty($arrSlideNames)){
386														$si = 1;
387														foreach($arrSlideNames as $sid => $sparams){
388															?>
389															<option value="<?php echo $si; ?>"><?php echo $si; ?></option>
390															<?php
391															$si++;
392														}
393													}else{
394														?>
395														<option value="-1">-1</option>
396														<?php
397													}
398													?>
399												</select>
400											</li>
401										</div>
402									</ul>
403								</div>
404							</div>
405						</div>
406						
407						<!-- THE GENERAL LAYER PARAMETERS -->
408						<div class='settings_wrapper'>
409							<div class="postbox unite-postbox">
410								<h3 class='no-accordion tp-accordion'><span class="postbox-arrow2">-</span>
411									<span><?php _e("Layer General Parameters",REVSLIDER_TEXTDOMAIN)?> </span>
412								</h3>
413								<div class="toggled-content tp-closeifotheropen">
414									<ul class="list_settings">
415										<li id="end_layer_sap" class="attribute_title" style="margin-top:-10px;">
416											<span class="setting_text_2 text-disabled" original-title=""><?php _e("Layer Content",REVSLIDER_TEXTDOMAIN)?></span>
417											<!--<hr>-->
418										</li>
419										<?php
420											$s = $settingsLayerOutput;
421											$s->drawSettingsByNames("layer_caption");
422
423											//add css editor
424											$s->drawCssEditor();
425
426											//add global styles editor
427											$s->drawGlobalCssEditor();
428
429											$s->drawSettingsByNames("layer_text,button_edit_video,button_change_image_source,layer_alt");
430										?>
431										<li style="clear:both">
432											<span class="setting_text_2 text-disabled" original-title=""><?php _e("Align, Position & Styling",REVSLIDER_TEXTDOMAIN)?></span>
433											<!--<hr>-->
434										</li>
435										<li class="align_table_wrapper">
436											<table id="align_table" class="align_table table_disabled">
437												<tr>
438													<td><a href="javascript:void(0)" id="linkalign_left_top" data-hor="left" data-vert="top"></a></td>
439													<td><a href="javascript:void(0)" id="linkalign_center_top" data-hor="center" data-vert="top"></a></td>
440													<td><a href="javascript:void(0)" id="linkalign_right_top" data-hor="right" data-vert="top"></a></td>
441												</tr>
442												<tr>
443													<td><a href="javascript:void(0)" id="linkalign_left_middle" data-hor="left" data-vert="middle"></a></td>
444													<td><a href="javascript:void(0)" id="linkalign_center_middle" data-hor="center" data-vert="middle"></a></td>
445													<td><a href="javascript:void(0)" id="linkalign_right_middle" data-hor="right" data-vert="middle"></a></td>
446												</tr>
447												<tr>
448													<td><a href="javascript:void(0)" id="linkalign_left_bottom" data-hor="left" data-vert="bottom"></a></td>
449													<td><a href="javascript:void(0)" id="linkalign_center_bottom" data-hor="center" data-vert="bottom"></a></td>
450													<td><a href="javascript:void(0)" id="linkalign_right_bottom" data-hor="right" data-vert="bottom"></a></td>
451												</tr>
452											</table>
453										</li>
454										<div style="float:left;width:300px;">
455											<div style="clear:both">
456											<?php
457												$s->drawSettingsByNames("layer_left,layer_top");
458											?>
459											</div>
460											<div style="clear:both">
461											<?php
462												$s->drawSettingsByNames("layer_whitespace");
463											?>
464											</div>
465
466											<div style="clear:both;display:none">
467											<?php
468												$s->drawSettingsByNames("layer_align_hor,layer_align_vert");
469											?>
470											</div>
471											<div style="clear:both"></div>
472											<div>
473											<?php
474												$s->drawSettingsByNames("layer_max_width,layer_max_height");
475											?>
476											</div>
477										</div>
478										
479										<li id="layer_scale_title_row" style="clear:both;">
480											<span class="setting_text_2 text-disabled" original-title=""><?php _e("Image Scale (dimensions in pixel)",REVSLIDER_TEXTDOMAIN)?></span>
481										</li>
482										<a id="reset-scale" class="revred button-primary" href="javascript:void(0);"><?php echo _e("Reset Size",REVSLIDER_TEXTDOMAIN)?></a>
483										<?php
484											$s->drawSettingsByNames("layer_scaleX,layer_scaleY");
485											$s->drawSettingsByNames("layer_proportional_scale");
486
487										$show_parallax = 'display: none;';
488
489										if(UniteFunctionsRev::getVal($sliderParams, "use_parallax","off") == 'on')
490											$show_parallax = '';
491
492										?>
493										
494										<li id="layer_2d_title_row" style="clear:both;">
495											<span class="setting_text_2 text-disabled" original-title=""><?php _e("Final Rotation",REVSLIDER_TEXTDOMAIN)?></span>
496										</li>
497										<div style="clear: both;">
498											<?php
499												$s->drawSettingsByNames("layer_2d_rotation");
500												$s->drawSettingsByNames("layer_2d_origin_x");
501												$s->drawSettingsByNames("layer_2d_origin_y");
502											?>
503										</div>
504										
505										<div id="parallax_wrapper_div" style="<?php echo $show_parallax; ?>">
506											<li id="parallax_title_row" style="clear:both;">
507												<span class="setting_text_2 text-disabled" original-title=""><?php _e("Parallax Setting",REVSLIDER_TEXTDOMAIN)?></span>
508											</li>
509											<?php
510												$s->drawSettingsByNames("parallax_level");
511											?>
512										</div>
513									</ul>
514									<div class="clear"></div>
515								</div>
516							</div>
517						</div>
518
519						<!-- THE ANIMATION PARAMETERS -->
520						<div class='settings_wrapper'>
521							<div class="postbox unite-postbox">
522								<h3 class='no-accordion tp-accordion tpa-closed'><span class="postbox-arrow2">+</span>
523									<span><?php _e("Layer Animation",REVSLIDER_TEXTDOMAIN)?> </span>
524								</h3>
525								<div class="toggled-content tp-closedatstart tp-closeifotheropen">
526									<ul class="list_settings">
527
528										<!--LAYER START ANIMATION -->
529										<li id="end_layer_sap" class="attribute_title" style="margin-top:-10px;">
530											<span class="setting_text_2 text-disabled" original-title=""><?php _e("Preview Transition (Star end Endtime is Ignored during Demo)",REVSLIDER_TEXTDOMAIN)?></span>
531										</li>
532										<div id="preview_caption_transition">
533
534											<div class="preview_caption_wrapper">
535												<div id="preview_caption_animateme">LAYER EXAMPLE</div>
536											</div>
537
538											<div id="preview_looper"><i class="revicon-arrows-ccw"></i><span class="replyinfo">ON</span></div>
539										</div>
540
541										<div class="divide10"></div>
542
543										<!--LAYER START ANIMATION -->
544										<li id="end_layer_sap" class="attribute_title" style="">
545											<span class="setting_text_2 text-disabled" original-title=""><?php _e("Start Transition",REVSLIDER_TEXTDOMAIN)?></span>
546										</li>
547										<div class="layer-animations">
548											<div style="float:left;margin-right:10px;"><?php
549												$s->drawSettingsByNames("layer_animation");
550											?></div>
551
552											<a href="javascript:void(0)" id="add_customanimation_in" 	class="button-primary revblue"><i class="revicon-equalizer"></i><?php _e("Custom Animation",REVSLIDER_TEXTDOMAIN)?></a>
553											<div class="clear"></div>
554											<?php
555												$s->drawSettingsByNames("layer_easing,layer_speed,layer_split,layer_splitdelay");
556											?>
557										</div>
558										<!--LAYER END ANIMATION -->
559										<li id="end_layer_sap" class="attribute_title" style="">
560											<span class="setting_text_2 text-disabled" original-title=""><?php _e("End Transition (optional)",REVSLIDER_TEXTDOMAIN)?></span>
561										</li>
562										<div class="layer-animations">
563										<div style="float:left;margin-right:10px;"><?php
564												$s->drawSettingsByNames("layer_endanimation");
565											?></div>
566
567											<a href="javascript:void(0)" id="add_customanimation_out" 	class="button-primary revblue"><i class="revicon-equalizer"></i><?php _e("Custom Animation",REVSLIDER_TEXTDOMAIN)?></a>
568											<div class="clear"></div>
569											<?php
570												$s->drawSettingsByNames("layer_endeasing,layer_endspeed,layer_endtime,layer_endsplit,layer_endsplitdelay");
571											?>
572
573										</div>
574
575										<!--LAYER LOOP ANIMATION -->
576										<li id="loop_layer_sap" class="attribute_title" style="">
577											<span class="setting_text_2 text-disabled" original-title=""><?php _e("Loop Animation",REVSLIDER_TEXTDOMAIN)?></span>
578										</li>
579										<?php
580											$s->drawSettingsByNames("layer_loop_animation");
581										?>
582										<div id="layer_speed_wrapper" style="display: none;">
583											<?php
584												$s->drawSettingsByNames("layer_loop_speed");
585											?>
586										</div>
587										<div id="layer_easing_wrapper" style="display: none;">
588											<?php
589												$s->drawSettingsByNames("layer_loop_easing");
590											?>
591										</div>
592										<div id="layer_degree_wrapper" style="display: none;">
593											<?php
594												$s->drawSettingsByNames("layer_loop_startdeg,layer_loop_enddeg");
595											?>
596										<div style="clear: both"></div>
597										</div>
598
599										<div id="layer_origin_wrapper" style="display: none;">
600											<?php
601												$s->drawSettingsByNames("layer_loop_xorigin,layer_loop_yorigin");
602											?>
603										<div style="clear: both"></div>
604										</div>
605										<div id="layer_x_wrapper" style="display: none;">
606											<?php
607												$s->drawSettingsByNames("layer_loop_xstart,layer_loop_xend");
608											?>
609											<div style="clear: both"></div>
610										</div>
611										<div id="layer_y_wrapper" style="display: none;">
612											<?php
613												$s->drawSettingsByNames("layer_loop_ystart,layer_loop_yend");
614											?>
615											<div style="clear: both"></div>
616										</div>
617										<div id="layer_zoom_wrapper" style="display: none;">
618											<?php
619												$s->drawSettingsByNames("layer_loop_zoomstart,layer_loop_zoomend");
620											?>
621											<div style="clear: both"></div>
622										</div>
623										<div id="layer_angle_wrapper" style="display: none;">
624											<?php
625												$s->drawSettingsByNames("layer_loop_angle");
626											?>
627										</div>
628										<div id="layer_radius_wrapper" style="display: none;">
629											<?php
630												$s->drawSettingsByNames("layer_loop_radius");
631											?>
632										</div>
633									</ul>
634									<div class="clear"></div>
635								</div>
636							</div>
637						</div><!-- END OF ANIMATION PARAMETERS -->
638
639
640						<!-- LAYER ANIMATION EDITOR  (DISPLAY NONE !!)-->
641						<div id="layeranimeditor_wrap" title="Layer Animation Editor" style="display:none;margin-bottom:0px; padding-bottom:0px;">
642							<div class="tp-present-wrapper-parent">
643								<div class="tp-present-wrapper">
644									<div class="tp-present-caption">
645										<div id="caption_custon_anim_preview" class="">LAYER EXAMPLE</div>
646									</div>
647								</div>
648							</div>
649
650							<div class="divide20"></div>
651							<div class="settings_wrapper">
652								<div class="postbox unite-postbox">
653									<h3 class="no-accordion tp-accordion">
654										<span style="font-size:13px;padding-left:4px;"><i class="revicon-equalizer"></i><?php _e("Layer Animation Settings Panel",REVSLIDER_TEXTDOMAIN)?></span>
655										<span style="float: right;"><a href="javascript:void(0);" style="margin-top:-7px;border: none;font-weight: 400;box-shadow: none;-webkit-box-shadow: none;-moz-box-shadow: none;" id="set-random-animation" class="button-primary revgreen"><i class="eg-icon-shuffle"></i><?php _e("Randomize",REVSLIDER_TEXTDOMAIN)?></a></span>
656									</h3>
657
658									<table style="border-spacing:0px">
659
660										<!-- TRANSITION -->
661										<tr class="css-edit-title graybasicbg" ><td colspan="6" style="padding:10px"><?php _e("Transition",REVSLIDER_TEXTDOMAIN)?></td></tr>
662
663										<tr class="graybasicbg">
664											<td><?php _e("X:",REVSLIDER_TEXTDOMAIN) ?></td>
665											<td style="padding-bottom:15px">
666												<div id='caption-movex-slider' class="rotationsliders"></div>
667												<input class="css_edit_novice tpshortinput" name="movex" type="text" value="0" />px
668											</td>
669
670											<td><?php _e("Y:",REVSLIDER_TEXTDOMAIN) ?></td>
671											<td style="padding-bottom:15px">
672												<div id='caption-movey-slider' class="rotationsliders"></div>
673												<input class="css_edit_novice tpshortinput" name="movey" type="text" value="0" />px
674											</td>
675
676											<td><?php _e("Z:",REVSLIDER_TEXTDOMAIN) ?></td>
677											<td style="padding-bottom:15px">
678												<div id='caption-movez-slider' class="rotationsliders"></div>
679												<input class="css_edit_novice tpshortinput" name="movez" type="text" value="0" />px
680											</td>
681
682										</tr>
683
684										<!-- ROTATION -->
685
686										<tr class="css-edit-title"><td colspan="6" style="padding:10px"><?php _e("Rotation",REVSLIDER_TEXTDOMAIN) ?></td></tr>
687										<tr>
688											<td><?php _e("X:",REVSLIDER_TEXTDOMAIN) ?></td>
689											<td style="padding-bottom:15px">
690												<div id='caption-rotationx-slider' class="rotationsliders"></div>
691												<input class="css_edit_novice tpshortinput" name="rotationx" type="text" value="0" />°
692											</td>
693
694											<td><?php _e("Y:",REVSLIDER_TEXTDOMAIN) ?></td>
695											<td style="padding-bottom:15px">
696												<div id='caption-rotationy-slider' class="rotationsliders"></div>
697												<input class="css_edit_novice tpshortinput" name="rotationy" type="text" value="0" />°
698											</td>
699
700											<td><?php _e("Z:",REVSLIDER_TEXTDOMAIN) ?></td>
701											<td style="padding-bottom:15px">
702												<div id='caption-rotationz-slider' class="rotationsliders"></div>
703												<input class="css_edit_novice tpshortinput" name="rotationz" type="text" value="0" />°
704											</td>
705
706										</tr>
707
708									</table>
709									<table style="border-spacing:0px">
710										<!-- SCALE && SKEW-->
711
712										<tr class="css-edit-title graybasicbg">
713											<td colspan="4" style="padding:10px"><?php _e("Scale",REVSLIDER_TEXTDOMAIN) ?></td>
714											<td colspan="4" style="padding:10px;padding-left:20px"><?php _e("Skew",REVSLIDER_TEXTDOMAIN) ?></td>
715										</tr>
716
717										<tr class="graybasicbg">
718											<!-- SCALE X -->
719											<td style="width:30px"><?php _e("X:",REVSLIDER_TEXTDOMAIN) ?></td>
720											<td style="width:100px; padding-bottom:15px; ">
721												<div id='caption-scalex-slider' class="rotationsliders"  style="width:100px !important;"></div>
722												<input class="css_edit_novice tpshortinput" name="scalex" type="text" value="0" />%
723											</td>
724											<!-- SCALE Y -->
725											<td style="width:30px;"><?php _e("Y:",REVSLIDER_TEXTDOMAIN) ?></td>
726											<td style="width:100px; padding-bottom:15px; ">
727												<div id='caption-scaley-slider' class="rotationsliders"  style="width:100px;"></div>
728												<input class="css_edit_novice tpshortinput" name="scaley" type="text" value="0" />%
729											</td>
730											<td style="width:30px;"><?php _e("X:",REVSLIDER_TEXTDOMAIN) ?></td>
731											<!-- SKEW X -->
732											<td style="width:100px; padding-bottom:15px; ">
733												<div id='caption-skewx-slider' class="rotationsliders" style="width:100px;"></div>
734												<input class="css_edit_novice tpshortinput" name="skewx" type="text" value="0" />°
735											</td>
736
737											<td style="width:30px"><?php _e("Y:",REVSLIDER_TEXTDOMAIN) ?></td>
738											<!-- SKEW Y -->
739											<td style="width:100px; padding-bottom:15px; ">
740												<div id='caption-skewy-slider' class="rotationsliders" style="width:100px;"></div>
741												<input class="css_edit_novice tpshortinput" name="skewy" type="text" value="0" />°
742											</td>
743
744										</tr>
745
746									</table>
747
748									<table style="border-spacing:0px padding-bottom:10px">
749										<!-- OPACITY -->
750
751										<tr class="css-edit-title">
752											<td colspan="2" style="padding:10px"><?php _e("Opacity",REVSLIDER_TEXTDOMAIN)?></td>
753											<td colspan="2" style="padding:10px;padding-left:20px"><?php _e("Perspective",REVSLIDER_TEXTDOMAIN)?></td>
754											<td colspan="2" style="padding:10px;padding-left:20px"><?php _e("Origin",REVSLIDER_TEXTDOMAIN)?></td>
755										</tr>
756
757										<tr class="">
758										<!-- OPACITY -->
759											<td style="width:30px"></td>
760											<td style="width:100px; padding-bottom:15px; ">
761												<div id='caption-opacity-slider' class="rotationsliders"  style="width:100px !important;"></div>
762												<input class="css_edit_novice tpshortinput" name="captionopacity" type="text" value="0" />%
763											</td>
764										<!-- PERSPECTIVE -->
765											<td style="width:30px;"></td>
766											<td style="width:100px; padding-bottom:15px; ">
767												<div id='caption-perspective-slider' class="rotationsliders"  style="width:100px;"></div>
768												<input class="css_edit_novice tpshortinput" name="captionperspective" type="text" value="0" />px
769											</td>
770										<!-- ORIGINX -->
771											<td style="width:30px;"><?php _e("X:",REVSLIDER_TEXTDOMAIN) ?></td>
772											<td style="width:100px; padding-bottom:15px; ">
773												<div id='caption-originx-slider' class="rotationsliders" style="width:100px;"></div>
774												<input class="css_edit_novice tpshortinput" name="originx" type="text" value="0" />%
775											</td>
776										<!-- ORIGINY -->
777											<td style="width:30px"><?php _e("Y:",REVSLIDER_TEXTDOMAIN) ?></td>
778											<td style="width:100px; padding-bottom:15px; ">
779												<div id='caption-originy-slider' class="rotationsliders" style="width:100px;"></div>
780												<input class="css_edit_novice tpshortinput" name="originy" type="text" value="0" />%
781											</td>
782
783										</tr>
784
785									</table>
786								</div>
787							</div>
788
789
790							<div class="settings_wrapper">
791								<div class="postbox unite-postbox">
792									<h3 class="no-accordion tp-accordion">
793										<span style="font-size:13px;padding-left:4px;"><i class="eg-icon-tools"></i><?php _e("Test Parameters",REVSLIDER_TEXTDOMAIN)?></span>
794										<span style="font-size: 9px;text-align: right;font-weight: 300;font-style: italic;white-space: nowrap;"><?php _e("*These Settings are only for Customizer. Settings can be set per Start and End Animation.",REVSLIDER_TEXTDOMAIN)?></span>
795									</h3>
796
797										<table>
798											<tr>
799												<td>Speed:</td>
800												<td style="vertical-align: middle; line-height: 25px;"><input class="css_edit_novice tpshortinput" style="margin-top:3px;margin-right:5px;" name="captionspeed" type="text" value="600" />ms</td>
801												<td>Easing:</td>
802												<td>
803													<select id="caption-easing-demo" name="caption-easing-demo" class="">
804														<option value="Linear.easeNone">Linear.easeNone</option>
805														<option value="Power0.easeIn">Power0.easeIn  (linear)</option>
806														<option value="Power0.easeInOut">Power0.easeInOut  (linear)</option>
807														<option value="Power0.easeOut">Power0.easeOut  (linear)</option>
808														<option value="Power1.easeIn">Power1.easeIn</option>
809														<option value="Power1.easeInOut">Power1.easeInOut</option>
810														<option value="Power1.easeOut">Power1.easeOut</option>
811														<option value="Power2.easeIn">Power2.easeIn</option>
812														<option value="Power2.easeInOut">Power2.easeInOut</option>
813														<option value="Power2.easeOut">Power2.easeOut</option>
814														<option value="Power3.easeIn">Power3.easeIn</option>
815														<option value="Power3.easeInOut">Power3.easeInOut</option>
816														<option value="Power3.easeOut">Power3.easeOut</option>
817														<option value="Power4.easeIn">Power4.easeIn</option>
818														<option value="Power4.easeInOut">Power4.easeInOut</option>
819														<option value="Power4.easeOut">Power4.easeOut</option>
820														<option value="Back.easeIn">Back.easeIn</option>
821														<option value="Back.easeInOut">Back.easeInOut</option>
822														<option value="Back.easeOut">Back.easeOut</option>
823														<option value="Bounce.easeIn">Bounce.easeIn</option>
824														<option value="Bounce.easeInOut">Bounce.easeInOut</option>
825														<option value="Bounce.easeOut">Bounce.easeOut</option>
826														<option value="Circ.easeIn">Circ.easeIn</option>
827														<option value="Circ.easeInOut">Circ.easeInOut</option>
828														<option value="Circ.easeOut">Circ.easeOut</option>
829														<option value="Elastic.easeIn">Elastic.easeIn</option>
830														<option value="Elastic.easeInOut">Elastic.easeInOut</option>
831														<option value="Elastic.easeOut">Elastic.easeOut</option>
832														<option value="Expo.easeIn">Expo.easeIn</option>
833														<option value="Expo.easeInOut">Expo.easeInOut</option>
834														<option value="Expo.easeOut">Expo.easeOut</option>
835														<option value="Sine.easeIn">Sine.easeIn</option>
836														<option value="Sine.easeInOut">Sine.easeInOut</option>
837														<option value="Sine.easeOut">Sine.easeOut</option>
838														<option value="SlowMo.ease">SlowMo.ease</option>
839													</select>
840												</td>
841											</tr>
842											<tr>
843												<td>Animate per:</td>
844												<td>
845													<select id="caption-split-demo" name="caption-split-demo" class="">
846														<option value="full">None</option>
847														<option value="chars">Chars</option>
848														<option value="words">Words</option>
849														<option value="lines">Lines</option>
850													</select>
851												</td>
852												<!-- DELAYS -->
853												<td>Delays:</td>
854												<td style="vertical-align: middle; line-height: 25px;"><input class="css_edit_novice tpshortinput" style="margin-top:3px;margin-right:5px;" name="captionsplitdelay" type="text" value="10" />ms</td>
855											</tr>
856										</table>
857
858										<div id="caption-inout-controll" class="caption-inout-controll">
859											<i id="revshowmetheinanim" class="revicon-login reviconinaction"></i><i id="revshowmetheoutanim" class="revicon-logout"></i><?php _e("Transition Direction",REVSLIDER_TEXTDOMAIN)?>
860										</div>
861
862
863
864										<div class="clear"></div>
865
866								</div>
867							</div>
868						</div>
869
870						<div id="dialog-change-layeranimation" title="Save Layer Animation" style="display:none;">
871							<p><span class="ui-icon ui-icon-alert" style="float: left; margin: 0 7px 50px 0;"></span><?php
872							_e('Overwrite the current selected Animation ',REVSLIDER_TEXTDOMAIN);
873							echo '"<span id="current-layer-handle"></span>"';
874							_e(' or save as a new Animation?',REVSLIDER_TEXTDOMAIN)?></p>
875						</div>
876
877						<div id="dialog-change-layeranimation-save-as" title="Save as" style="display:none;">
878							<p>
879								<?php _e('Save as Animation:',REVSLIDER_TEXTDOMAIN)?><br />
880								<input type="text" name="layeranimation_save_as" value="" />
881							</p>
882						</div>
883						<!-- END OF CUSTOM ANIMATION LAYER EDITOR -->
884
885
886						<!-- THE ADVANCED LAYER PARAMETERS -->
887						<div class='settings_wrapper'>
888							<div class="postbox unite-postbox">
889								<h3 class='no-accordion tp-accordion tpa-closed'><span class="postbox-arrow2">+</span>
890									<span><?php _e("Layer Links & Advanced Params",REVSLIDER_TEXTDOMAIN)?> </span>
891								</h3>
892								<div class="toggled-content tp-closedatstart tp-closeifotheropen">
893
894									<ul class="list_settings">
895										<li class="custom attrib

Large files files are truncated, but you can click here to view the full file