Slider by WD – Responsive Slider - Version 1.2.2

Version Description

  • Added: Background fill mode for slide.
  • Added: Auto height functionality for full width slider.
  • Added: Option to stretch slider to fill parent container.
  • Fixed: Video layer autoplay bug.
Download this release

Release Info

Developer webdorado
Plugin Icon 128x128 Slider by WD – Responsive Slider
Version 1.2.2
Comparing to
See all releases

Code changes from version 1.2.1 to 1.2.2

admin/controllers/WDSControllerSliders_wds.php CHANGED
@@ -52,11 +52,10 @@ class WDSControllerSliders_wds {
52
  }
53
 
54
  public function apply() {
55
- $id = isset($_POST['current_id']) ? (int) $_POST['current_id'] : 0;
56
  $this->save_slider_db();
57
  $this->save_slide_db();
58
  // TODO. need works the other version.
59
- // $this->create_frontend_js_file( $id );
60
  $this->edit();
61
  }
62
 
@@ -78,10 +77,10 @@ class WDSControllerSliders_wds {
78
  $name = ((isset($params_array['name'])) ? esc_html(stripslashes($params_array['name'])) : '');
79
  $published = ((isset($params_array['published'])) ? (int) esc_html(stripslashes($params_array['published'])) : 1);
80
  $full_width = ((isset($params_array['full_width'])) ? (int) esc_html(stripslashes($params_array['full_width'])) : 0);
 
81
  $width = ((isset($params_array['width'])) ? (int) esc_html(stripslashes($params_array['width'])) : 900);
82
  $height = ((isset($params_array['height'])) ? (int) esc_html((stripslashes($params_array['height']))) : 400);
83
- $bg_fit = ((isset($params_array['bg_fit'])) ? esc_html(stripslashes($params_array['bg_fit'])) : 'cover');
84
- $align = ((isset($params_array['align'])) ? esc_html(stripslashes($params_array['align'])) : 'center');
85
  $effect = ((isset($params_array['effect'])) ? esc_html(stripslashes($params_array['effect'])) : 'fade');
86
  $time_intervval = ((isset($params_array['time_intervval'])) ? (int) esc_html(stripslashes($params_array['time_intervval'])) : 5);
87
  $autoplay = ((isset($params_array['autoplay'])) ? (int) esc_html(stripslashes($params_array['autoplay'])) : 1);
@@ -216,9 +215,9 @@ class WDSControllerSliders_wds {
216
  'name' => $name,
217
  'published' => $published,
218
  'full_width' => $full_width,
 
219
  'width' => $width,
220
  'height' => $height,
221
- 'bg_fit' => $bg_fit,
222
  'align' => $align,
223
  'effect' => $effect,
224
  'time_intervval' => $time_intervval,
@@ -378,6 +377,7 @@ class WDSControllerSliders_wds {
378
  $video_duration = ((isset($params_array['video_duration' . $slide_id])) ? esc_html(stripslashes($params_array['video_duration' . $slide_id])) : '');
379
  $youtube_rel_video = ((isset($params_array['youtube_rel_video' . $slide_id]) && !WD_S_FREE) ? (int) esc_html(stripslashes($params_array['youtube_rel_video' . $slide_id])) : 0);
380
  $video_loop = ((isset($params_array['video_loop' . $slide_id]) && !WD_S_FREE) ? (int) esc_html(stripslashes($params_array['video_loop' . $slide_id])) : 0);
 
381
  $title_dimension = array();
382
  $title_dimension['title'] = $title;
383
  $title_dimension['att_width'] = $att_width;
@@ -396,6 +396,7 @@ class WDSControllerSliders_wds {
396
  'target_attr_slide' => $target_attr_slide,
397
  'youtube_rel_video' => $youtube_rel_video,
398
  'video_loop' => $video_loop,
 
399
  );
400
  if (strpos($slide_id, 'pr') !== FALSE || $save_as_copy) {
401
  $wpdb->insert($wpdb->prefix . 'wdsslide', $data);
@@ -765,9 +766,9 @@ class WDSControllerSliders_wds {
765
  'name' => $name,
766
  'published' => $slider_row->published,
767
  'full_width' => $slider_row->full_width,
 
768
  'width' => $slider_row->width,
769
  'height' => $slider_row->height,
770
- 'bg_fit' => $slider_row->bg_fit,
771
  'align' => $slider_row->align,
772
  'effect' => $slider_row->effect,
773
  'time_intervval' => $slider_row->time_intervval,
52
  }
53
 
54
  public function apply() {
 
55
  $this->save_slider_db();
56
  $this->save_slide_db();
57
  // TODO. need works the other version.
58
+ // $this->create_frontend_js_file( $id );
59
  $this->edit();
60
  }
61
 
77
  $name = ((isset($params_array['name'])) ? esc_html(stripslashes($params_array['name'])) : '');
78
  $published = ((isset($params_array['published'])) ? (int) esc_html(stripslashes($params_array['published'])) : 1);
79
  $full_width = ((isset($params_array['full_width'])) ? (int) esc_html(stripslashes($params_array['full_width'])) : 0);
80
+ $auto_height = ((isset($params_array['auto_height'])) ? (int) esc_html(stripslashes($params_array['auto_height'])) : 0);
81
  $width = ((isset($params_array['width'])) ? (int) esc_html(stripslashes($params_array['width'])) : 900);
82
  $height = ((isset($params_array['height'])) ? (int) esc_html((stripslashes($params_array['height']))) : 400);
83
+ $align = ((isset($params_array['align'])) ? esc_html(stripslashes($params_array['align'])) : 'center');
 
84
  $effect = ((isset($params_array['effect'])) ? esc_html(stripslashes($params_array['effect'])) : 'fade');
85
  $time_intervval = ((isset($params_array['time_intervval'])) ? (int) esc_html(stripslashes($params_array['time_intervval'])) : 5);
86
  $autoplay = ((isset($params_array['autoplay'])) ? (int) esc_html(stripslashes($params_array['autoplay'])) : 1);
215
  'name' => $name,
216
  'published' => $published,
217
  'full_width' => $full_width,
218
+ 'auto_height' => $auto_height,
219
  'width' => $width,
220
  'height' => $height,
 
221
  'align' => $align,
222
  'effect' => $effect,
223
  'time_intervval' => $time_intervval,
377
  $video_duration = ((isset($params_array['video_duration' . $slide_id])) ? esc_html(stripslashes($params_array['video_duration' . $slide_id])) : '');
378
  $youtube_rel_video = ((isset($params_array['youtube_rel_video' . $slide_id]) && !WD_S_FREE) ? (int) esc_html(stripslashes($params_array['youtube_rel_video' . $slide_id])) : 0);
379
  $video_loop = ((isset($params_array['video_loop' . $slide_id]) && !WD_S_FREE) ? (int) esc_html(stripslashes($params_array['video_loop' . $slide_id])) : 0);
380
+ $fillmode = ((isset($params_array['fillmode' . $slide_id])) ? esc_html(stripslashes($params_array['fillmode' . $slide_id])) : '');
381
  $title_dimension = array();
382
  $title_dimension['title'] = $title;
383
  $title_dimension['att_width'] = $att_width;
396
  'target_attr_slide' => $target_attr_slide,
397
  'youtube_rel_video' => $youtube_rel_video,
398
  'video_loop' => $video_loop,
399
+ 'fillmode' => $fillmode
400
  );
401
  if (strpos($slide_id, 'pr') !== FALSE || $save_as_copy) {
402
  $wpdb->insert($wpdb->prefix . 'wdsslide', $data);
766
  'name' => $name,
767
  'published' => $slider_row->published,
768
  'full_width' => $slider_row->full_width,
769
+ 'auto_height' => $slider_row->auto_height,
770
  'width' => $slider_row->width,
771
  'height' => $slider_row->height,
 
772
  'align' => $slider_row->align,
773
  'effect' => $slider_row->effect,
774
  'time_intervval' => $slider_row->time_intervval,
admin/models/WDSModelSliders_wds.php CHANGED
@@ -121,8 +121,8 @@ class WDSModelSliders_wds {
121
  $row->id = $id;
122
  $row->width = 900;
123
  $row->height = 400;
124
- $row->full_width = 0;
125
- $row->bg_fit = 'cover';
126
  $row->align = 'center';
127
  $row->effect = 'fade';
128
  $row->published = 1;
@@ -260,30 +260,30 @@ class WDSModelSliders_wds {
260
  * @return string $guid
261
  */
262
  public function get_slide_preview_post() {
263
- global $wpdb;
264
  $post_type = 'wds-slider';
265
  $row = get_posts(array( 'post_type' => $post_type ));
266
  if ( !empty($row[0]) ) {
267
- return $row[0]->guid;
268
  }
269
  else {
270
  $post_params = array(
271
- 'post_author' => 1,
272
- 'post_status' => 'publish',
273
- 'post_content' => '[SliderPreview]',
274
- 'post_title' => 'Preview',
275
- 'post_type' => 'wds-slider',
276
- 'comment_status' => 'closed',
277
- 'ping_status' => 'closed',
278
- 'post_parent' => 0,
279
- 'menu_order' => 0,
280
- 'import_id' => 0,
281
  );
282
  // Create new post by fmformpreview type.
283
  if ( wp_insert_post($post_params) ) {
284
  flush_rewrite_rules();
 
285
 
286
- return get_the_guid($wpdb->insert_id);
287
  }
288
  else {
289
  return "";
121
  $row->id = $id;
122
  $row->width = 900;
123
  $row->height = 400;
124
+ $row->full_width = 2;
125
+ $row->auto_height = 0;
126
  $row->align = 'center';
127
  $row->effect = 'fade';
128
  $row->published = 1;
260
  * @return string $guid
261
  */
262
  public function get_slide_preview_post() {
 
263
  $post_type = 'wds-slider';
264
  $row = get_posts(array( 'post_type' => $post_type ));
265
  if ( !empty($row[0]) ) {
266
+ return get_post_permalink($row[0]->ID);
267
  }
268
  else {
269
  $post_params = array(
270
+ 'post_author' => 1,
271
+ 'post_status' => 'publish',
272
+ 'post_content' => '[SliderPreview]',
273
+ 'post_title' => 'Preview',
274
+ 'post_type' => 'wds-slider',
275
+ 'comment_status' => 'closed',
276
+ 'ping_status' => 'closed',
277
+ 'post_parent' => 0,
278
+ 'menu_order' => 0,
279
+ 'import_id' => 0,
280
  );
281
  // Create new post by fmformpreview type.
282
  if ( wp_insert_post($post_params) ) {
283
  flush_rewrite_rules();
284
+ global $wpdb;
285
 
286
+ return get_post_permalink($wpdb->insert_id);
287
  }
288
  else {
289
  return "";
admin/views/WDSViewSliders_wds.php CHANGED
@@ -12,15 +12,17 @@ class WDSViewSliders_wds {
12
  $order_by = (isset($_POST['order_by']) ? esc_html(stripslashes($_POST['order_by'])) : 'id');
13
  $order_class = 'manage-column column-title sorted ' . $asc_or_desc;
14
  $ids_string = '';
15
- $header_title = __('Sliders', 'wds');
16
- $slider_button_array = array(
17
- 'publish_all' => __('Publish', 'wds'),
18
- 'unpublish_all' => __('Unpublish', 'wds'),
19
- 'delete_all' => __('Delete', 'wds'),
20
- 'duplicate_all' => __('Duplicate', 'wds'),
21
- 'export' => __('Export', 'wds'),
22
- 'merge_sliders' => __('Merge', 'wds')
23
  );
 
 
24
  global $wp_version;
25
  if (version_compare($wp_version, '4','<')) {
26
  ?>
@@ -87,7 +89,7 @@ class WDSViewSliders_wds {
87
  </span>
88
  <select class="bulk_action">
89
  <option value=""><?php _e('Bulk Actions', 'wds'); ?></option>
90
- <?php
91
  foreach ($slider_button_array as $key => $value) {
92
  ?>
93
  <option value="<?php echo $key; ?>"><?php echo $value; ?></option>
@@ -176,7 +178,7 @@ class WDSViewSliders_wds {
176
  |
177
  </span>
178
  <span>
179
- <a href="<?php echo add_query_arg( array('slider_id' => $row_data->id), $this->model->get_slide_preview_post() ); ?>" target="_blank"><?php _e('Preview', WD_S_PREFIX); ?></a>
180
  </span>
181
  </div>
182
  <button class="toggle-row" type="button">
@@ -251,10 +253,9 @@ class WDSViewSliders_wds {
251
  $layer_callbacks = $options_values['layer_callbacks'];
252
  $text_alignments = $options_values['text_alignments'];
253
  $built_in_watermark_fonts = $options_values['built_in_watermark_fonts'];
254
-
255
  $free_effects = array('none', 'fade', 'sliceH', 'fan', 'scaleIn');
256
  $fv = (WD_S_FREE && get_option("wds_theme_version") ? TRUE : FALSE);
257
-
258
  ?>
259
  <div class="spider_message_cont"></div>
260
  <div class="spider_load">
@@ -337,22 +338,31 @@ class WDSViewSliders_wds {
337
  <div class="wd-box-section">
338
  <div class="wd-box-content">
339
  <span class="wd-group">
340
- <label class="wd-label"><?php _e('Full width', 'wds'); ?></label>
341
- <input type="radio" onclick="hide_dimmension_ratio()" id="full_width1" name="full_width" <?php echo (($row->full_width) ? 'checked="checked"' : ''); ?> value="1" /><label <?php echo (($row->full_width) ? 'class="selected_color"' : ''); ?> for="full_width1"><?php _e('Yes', 'wds'); ?></label>
342
- <input type="radio" onclick="hide_dimmension_ratio()" id="full_width0" name="full_width" <?php echo (($row->full_width) ? '' : 'checked="checked"'); ?> value="0" /><label <?php echo ($row->full_width) ? '' : 'class="selected_color"'; ?> for="full_width0"><?php _e('No', 'wds'); ?></label>
343
- <p class="description"><?php _e('The slider will take the full width of the page. Height will be applied based on the ratio of dimensions.', 'wds'); ?></p>
 
 
 
 
 
 
 
 
 
 
 
 
 
344
  </span>
345
  <span class="wd-group" id="dimensions">
346
  <label class="wd-label"><?php _e('Dimensions', 'wds'); ?></label>
347
  <input type="text" name="width" id="width" value="<?php echo $row->width; ?>" class="spider_int_input" onchange="wds_whr('width')" onkeypress="return spider_check_isnum(event)" /> x
348
  <input type="text" name="height" id="height" value="<?php echo $row->height; ?>" class="spider_int_input" onchange="wds_whr('height')" onkeypress="return spider_check_isnum(event)" /> px
 
349
  <p class="description"><?php _e('Maximum width and height for slider.', 'wds'); ?></p>
350
  </span>
351
- <span class="wd-group" id="ratio_container">
352
- <label class="wd-label" for="ratio"><?php _e('Ratio', 'wds'); ?></label>
353
- <input type="text" name="ratio" id="ratio" value="" class="spider_int_input" onchange="wds_whr('ratio')" onkeypress="return spider_check_isnum(event)" />
354
- <p class="description"><?php _e('The slider height will be applied based on the ratio of dimensions.', 'wds'); ?></p>
355
- </span>
356
  <span class="wd-group">
357
  <label class="wd-label" for="effect"><?php _e('Effect', 'wds'); ?></label>
358
  <select class="select_icon select_icon_320" name="effect" id="effect">
@@ -381,16 +391,12 @@ class WDSViewSliders_wds {
381
  <input type="text" id="full_width_for_mobile" name="full_width_for_mobile" value="<?php echo $row->full_width_for_mobile; ?>" class="spider_int_input" onkeypress="return spider_check_isnum(event)" /> px
382
  <p class="description"><?php _e('The slider will have full width when screen size is smaller than this value.', 'wds'); ?></p>
383
  </span>
384
- <span class="wd-group">
385
- <label class="wd-label"><?php _e('Background fit', 'wds'); ?></label>
386
- <input onClick="wds_enable_disable('', 'tr_smart_crop', 'bg_fit_cover')" type="radio" name="bg_fit" id="bg_fit_cover" value="cover" <?php if ($row->bg_fit == 'cover') echo 'checked="checked"'; ?> onchange="jQuery('div[id^=\'wds_preview_image\']').css({backgroundSize: 'cover'})" /><label <?php echo $row->bg_fit == 'cover' ? 'class="selected_color"' : ''; ?> for="bg_fit_cover"><?php _e('Cover', 'wds'); ?></label>
387
- <input onClick="wds_enable_disable('none', 'tr_smart_crop', 'bg_fit_fill'); jQuery('#smart_crop0').click();" type="radio" name="bg_fit" id="bg_fit_fill" value="100% 100%" <?php if ($row->bg_fit == '100% 100%') echo 'checked="checked"'; ?> onchange="jQuery('div[id^=\'wds_preview_image\']').css({backgroundSize: '100% 100%'})" /><label <?php echo $row->bg_fit == '100% 100%' ? 'class="selected_color"' : ''; ?> for="bg_fit_fill"><?php _e('Fill', 'wds'); ?></label>
388
- <input onClick="wds_enable_disable('', 'tr_smart_crop', 'bg_fit_contain')" type="radio" name="bg_fit" id="bg_fit_contain" value="contain" <?php if ($row->bg_fit == 'contain') echo 'checked="checked"'; ?> onchange="jQuery('div[id^=\'wds_preview_image\']').css({backgroundSize: 'contain'})" /><label <?php echo $row->bg_fit == 'contain' ? 'class="selected_color"' : ''; ?> for="bg_fit_contain"><?php _e('Contain', 'wds'); ?></label>
389
- </span>
390
  <span class="wd-group" id="tr_smart_crop">
391
  <label class="wd-label"><?php _e('Smart Crop', 'wds'); ?></label>
392
- <input onClick="wds_enable_disable('', 'tr_crop_pos', 'smart_crop1')" type="radio" id="smart_crop1" name="smart_crop" <?php echo (($row->smart_crop) ? 'checked="checked"' : ''); ?> value="1" /><label <?php echo (($row->smart_crop) ? 'class="selected_color"' : ''); ?> for="smart_crop1"><?php _e('Yes', 'wds'); ?></label>
393
- <input onClick="wds_enable_disable('none', 'tr_crop_pos', 'smart_crop0')" type="radio" id="smart_crop0" name="smart_crop" <?php echo (($row->smart_crop) ? '' : 'checked="checked"'); ?> value="0" /><label <?php echo ((!$row->smart_crop) ? 'class="selected_color"' : ''); ?> for="smart_crop0"><?php _e('No', 'wds'); ?></label>
 
 
394
  <p class="description"></p>
395
  </span>
396
  <span class="wd-group" id="tr_crop_pos">
@@ -417,44 +423,58 @@ class WDSViewSliders_wds {
417
  </span>
418
  <span class="wd-group">
419
  <label class="wd-label"><?php _e('Fixed background:', 'wds'); ?></label>
420
- <input type="radio" id="fixed_bg1" name="fixed_bg" <?php echo (($row->fixed_bg) ? 'checked="checked"' : ''); ?> value="1" /><label <?php echo (($row->fixed_bg) ? 'class="selected_color"' : ''); ?> for="fixed_bg1"><?php _e('Yes', 'wds'); ?></label>
421
- <input type="radio" id="fixed_bg0" name="fixed_bg" <?php echo (($row->fixed_bg) ? '' : 'checked="checked"'); ?> value="0" /><label <?php echo ((!$row->fixed_bg) ? 'class="selected_color"' : ''); ?> for="fixed_bg0"><?php _e('No', 'wds'); ?></label>
 
 
422
  <p class="description"></p>
423
  </span>
424
  <span class="wd-group">
425
  <label class="wd-label"><?php _e('Slides order direction:', 'wds'); ?></label>
426
- <input type="radio" id="order_dir1" name="order_dir" <?php echo checked('asc', $row->order_dir); ?> value="asc" /><label <?php echo (($row->order_dir == 'asc') ? 'class="selected_color"' : ''); ?> for="order_dir1"><?php _e('Ascending', 'wds'); ?></label>
427
- <input type="radio" id="order_dir0" name="order_dir" <?php checked('desc', $row->order_dir); ?> value="desc" /><label <?php echo (($row->order_dir == 'desc') ? 'class="selected_color"' : ''); ?> for="order_dir0"><?php _e('Descending', 'wds'); ?></label>
 
 
428
  <p class="description"></p>
429
  </span>
430
  <span class="wd-group<?php echo (WD_S_FREE ? ' wd-free' : ''); ?>">
431
  <label class="wd-label"><?php _e('Parallax Effect', 'wds'); ?></label>
432
- <input <?php echo (WD_S_FREE ? 'disabled="disabled" title="' . __('This functionality is disabled in free version.', 'wds') . '"' : ''); ?> type="radio" id="parallax_effect1" name="parallax_effect" <?php echo (($row->parallax_effect) ? 'checked="checked"' : ''); ?> value="1" /><label <?php echo (($row->parallax_effect) ? 'class="selected_color"' : ''); ?> for="parallax_effect1"><?php _e('Yes', 'wds'); ?></label>
433
- <input <?php echo (WD_S_FREE ? 'disabled="disabled" title="' . __('This functionality is disabled in free version.', 'wds') . '"' : ''); ?> type="radio" id="parallax_effect0" name="parallax_effect" <?php echo (($row->parallax_effect) ? '' : 'checked="checked"'); ?> value="0" /><label <?php echo (($row->parallax_effect) ? '' : 'class="selected_color"'); ?> for="parallax_effect0"><?php _e('No', 'wds'); ?></label>
 
 
434
  <p class="description"><?php _e('The direction of the movement, as well as the layer moving pace depend on the z-index value.', 'wds'); ?></p>
435
  </span>
436
  <span class="wd-group">
437
  <label class="wd-label"><?php _e('Smart Load', 'wds'); ?></label>
438
- <input type="radio" id="preload_images1" name="preload_images" <?php echo (($row->preload_images) ? 'checked="checked"' : ''); ?> value="1" /><label <?php echo (($row->preload_images) ? 'class="selected_color"' : ''); ?> for="preload_images1"><?php _e('Yes', 'wds'); ?></label>
439
- <input type="radio" id="preload_images0" name="preload_images" <?php echo (($row->preload_images) ? '' : 'checked="checked"'); ?> value="0" /><label <?php echo (($row->preload_images) ? '' : 'class="selected_color"'); ?> for="preload_images0"><?php _e('No', 'wds'); ?></label>
 
 
440
  <p class="description"><?php _e('Turn this option on to have faster loading for the first few images and process the rest meanwhile.', 'wds'); ?></p>
441
  </span>
442
  <span class="wd-group">
443
  <label class="wd-label"><?php _e('Right click protection', 'wds'); ?></label>
444
- <input type="radio" name="image_right_click" id="image_right_click_1" value="1" <?php if ($row->image_right_click) echo 'checked="checked"'; ?> /><label <?php echo $row->image_right_click ? 'class="selected_color"' : ''; ?> for="image_right_click_1"><?php _e('Yes', 'wds'); ?></label>
445
- <input type="radio" name="image_right_click" id="image_right_click_0" value="0" <?php if (!$row->image_right_click) echo 'checked="checked"'; ?> /><label <?php echo $row->image_right_click ? '' : 'class="selected_color"'; ?> for="image_right_click_0"><?php _e('No', 'wds'); ?></label>
 
 
446
  <p class="description"><?php _e('Disable right-click on slider images.', 'wds'); ?></p>
447
  </span>
448
  <span class="wd-group<?php echo (WD_S_FREE ? ' wd-free' : ''); ?>">
449
  <label class="wd-label"><?php _e('Layer out on next', 'wds'); ?></label>
450
- <input <?php echo (WD_S_FREE ? 'disabled="disabled" title="' . __('This functionality is disabled in free version.', 'wds') . '"' : ''); ?> type="radio" name="layer_out_next" id="layer_out_next_1" value="1" <?php if ($row->layer_out_next) echo 'checked="checked"'; ?> /><label <?php echo $row->layer_out_next ? 'class="selected_color"' : ''; ?> for="layer_out_next_1"><?php _e('Yes', 'wds'); ?></label>
451
- <input <?php echo (WD_S_FREE ? 'disabled="disabled" title="' . __('This functionality is disabled in free version.', 'wds') . '"' : ''); ?> type="radio" name="layer_out_next" id="layer_out_next_0" value="0" <?php if (!$row->layer_out_next) echo 'checked="checked"'; ?> /><label <?php echo $row->layer_out_next ? '' : 'class="selected_color"'; ?> for="layer_out_next_0"><?php _e('No', 'wds'); ?></label>
 
 
452
  <p class="description"><?php _e('Enable this option to have the layer effect out regardless of the timing between the hit to the next slider.', 'wds'); ?></p>
453
  </span>
454
  <span class="wd-group">
455
  <label class="wd-label"><?php _e('Published', 'wds'); ?></label>
456
- <input type="radio" id="published1" name="published" <?php echo (($row->published) ? 'checked="checked"' : ''); ?> value="1" /><label <?php echo (($row->published) ? 'class="selected_color"' : ''); ?> for="published1"><?php _e('Yes', 'wds'); ?></label>
457
- <input type="radio" id="published0" name="published" <?php echo (($row->published) ? '' : 'checked="checked"'); ?> value="0" /><label <?php echo (($row->published) ? '' : 'class="selected_color"'); ?> for="published0"><?php _e('No', 'wds'); ?></label>
 
 
458
  <p class="description"></p>
459
  </span>
460
  </div>
@@ -465,8 +485,10 @@ class WDSViewSliders_wds {
465
  <div class="wd-box-content">
466
  <span class="wd-group">
467
  <label class="wd-label"><?php _e('Autoplay', 'wds'); ?></label>
468
- <input type="radio" id="autoplay1" name="autoplay" <?php echo (($row->autoplay) ? 'checked="checked"' : ''); ?> value="1" /><label <?php echo (($row->autoplay) ? 'class="selected_color"' : ''); ?> for="autoplay1"><?php _e('Yes', 'wds'); ?></label>
469
- <input type="radio" id="autoplay0" name="autoplay" <?php echo (($row->autoplay) ? '' : 'checked="checked"'); ?> value="0" /><label <?php echo (($row->autoplay) ? '' : 'class="selected_color"'); ?> for="autoplay0"><?php _e('No', 'wds'); ?></label>
 
 
470
  <p class="description"><?php _e('Enable this option to autoplay the slider.', 'wds'); ?></p>
471
  </span>
472
  <span class="wd-group">
@@ -476,26 +498,34 @@ class WDSViewSliders_wds {
476
  </span>
477
  <span class="wd-group">
478
  <label class="wd-label"><?php _e('Enable loop', 'wds'); ?></label>
479
- <input type="radio" id="slider_loop1" name="slider_loop" <?php echo (($row->slider_loop) ? 'checked="checked"' : ''); ?> value="1" /><label <?php echo (($row->slider_loop) ? 'class="selected_color"' : ''); ?> for="slider_loop1"><?php _e('Yes', 'wds'); ?></label>
480
- <input type="radio" id="slider_loop0" name="slider_loop" <?php echo (($row->slider_loop) ? '' : 'checked="checked"'); ?> value="0" /><label <?php echo (($row->slider_loop) ? '' : 'class="selected_color"'); ?> for="slider_loop0"><?php _e('No', 'wds'); ?></label>
 
 
481
  <p class="description"></p>
482
  </span>
483
  <span class="wd-group">
484
  <label class="wd-label"><?php _e('Shuffle', 'wds'); ?></label>
485
- <input type="radio" id="shuffle1" name="shuffle" <?php echo (($row->shuffle) ? 'checked="checked"' : ''); ?> value="1" /><label <?php echo (($row->shuffle) ? 'class="selected_color"' : ''); ?> for="shuffle1"><?php _e('Yes', 'wds'); ?></label>
486
- <input type="radio" id="shuffle0" name="shuffle" <?php echo (($row->shuffle) ? '' : 'checked="checked"'); ?> value="0" /><label <?php echo (($row->shuffle) ? '' : 'class="selected_color"'); ?> for="shuffle0"><?php _e('No', 'wds'); ?></label>
 
 
487
  <p class="description"><?php _e('Enable this setting to have the slides change in random order during autoplay.', 'wds'); ?></p>
488
  </span>
489
  <span class="wd-group">
490
  <label class="wd-label"><?php _e('Two way slideshow', 'wds'); ?></label>
491
- <input type="radio" id="twoway_slideshow1" name="twoway_slideshow" <?php echo (($row->twoway_slideshow) ? 'checked="checked"' : ''); ?> value="1" /><label <?php echo (($row->twoway_slideshow) ? 'class="selected_color"' : ''); ?> for="twoway_slideshow1"><?php _e('Yes', 'wds'); ?></label>
492
- <input type="radio" id="twoway_slideshow0" name="twoway_slideshow" <?php echo (($row->twoway_slideshow) ? '' : 'checked="checked"'); ?> value="0" /><label <?php echo (($row->twoway_slideshow) ? '' : 'class="selected_color"'); ?> for="twoway_slideshow0"><?php _e('No', 'wds'); ?></label>
 
 
493
  <p class="description"><?php _e('If the user switches to previous slide, the slideshow starts to go backwards during autoplay.', 'wds'); ?></p>
494
  </span>
495
  <span class="wd-group">
496
  <label class="wd-label"><?php _e('Stop on hover', 'wds'); ?></label>
497
- <input type="radio" id="stop_animation1" name="stop_animation" <?php echo (($row->stop_animation) ? 'checked="checked"' : ''); ?> value="1" /><label <?php echo (($row->stop_animation) ? 'class="selected_color"' : ''); ?> for="stop_animation1"><?php _e('Yes', 'wds'); ?></label>
498
- <input type="radio" id="stop_animation0" name="stop_animation" <?php echo (($row->stop_animation) ? '' : 'checked="checked"'); ?> value="0" /><label <?php echo (($row->stop_animation) ? '' : 'class="selected_color"'); ?> for="stop_animation0"><?php _e('No', 'wds'); ?></label>
 
 
499
  <p class="description"><?php _e('The option works when autoplay is on.', 'wds'); ?></p>
500
  </span>
501
  <span class="wd-group">
@@ -505,8 +535,10 @@ class WDSViewSliders_wds {
505
  </span>
506
  <span class="wd-group">
507
  <label class="wd-label"><?php _e('Music', 'wds'); ?></label>
508
- <input type="radio" id="music1" name="music" <?php echo (($row->music) ? 'checked="checked"' : ''); ?> value="1" onClick="wds_enable_disable('', 'tr_music_url', 'music1')" /><label <?php echo (($row->music) ? 'class="selected_color"' : ''); ?> for="music1"><?php _e('Yes', 'wds'); ?></label>
509
- <input type="radio" id="music0" name="music" <?php echo (($row->music) ? '' : 'checked="checked"'); ?> value="0" onClick="wds_enable_disable('none', 'tr_music_url', 'music0')" /><label <?php echo (($row->music) ? '' : 'class="selected_color"'); ?> for="music0"><?php _e('No', 'wds'); ?></label>
 
 
510
  <p class="description"><?php _e('You can have music/audio track playback with the slider.', 'wds'); ?></p>
511
  </span>
512
  <span class="wd-group" id="tr_music_url">
@@ -581,8 +613,10 @@ class WDSViewSliders_wds {
581
  ?>
582
  <span class="wd-group">
583
  <label class="wd-label"><?php _e('Carousel:', 'wds'); ?></label>
584
- <input <?php echo (WD_S_FREE ? 'disabled="disabled" title="' . __('This functionality is disabled in free version.', 'wds') . '"' : ''); ?> type="radio" id="carousel1" name="carousel" <?php echo (($row->carousel) ? 'checked="checked"' : ''); ?> value="1" onClick="showhide_for_carousel_fildes(1)"/><label <?php echo (($row->carousel) ? 'class="selected_color"' : ''); ?> for="carousel1"><?php _e('Yes', 'wds'); ?></label>
585
- <input <?php echo (WD_S_FREE ? 'disabled="disabled" title="' . __('This functionality is disabled in free version.', 'wds') . '"' : ''); ?> type="radio" id="carousel0" name="carousel" <?php echo (($row->carousel) ? '' : 'checked="checked"'); ?> value="0" onClick="showhide_for_carousel_fildes(0)"/><label <?php echo (($row->carousel) ? '' : 'class="selected_color"'); ?> for="carousel0"><?php _e('No', 'wds'); ?></label>
 
 
586
  <p class="description"><?php _e('Use this option to activate Carousel feature. Note, that the effects you have selected in Global settings for your slider will not apply.', 'wds'); ?></p>
587
  </span>
588
  <span class="wd-group">
@@ -597,8 +631,10 @@ class WDSViewSliders_wds {
597
  </span>
598
  <span class="wd-group">
599
  <label class="wd-label"><?php _e('Container fit:', 'wds'); ?></label>
600
- <input <?php echo (WD_S_FREE ? 'disabled="disabled" title="' . __('This functionality is disabled in free version.', 'wds') . '"' : ''); ?> type="radio" id="carousel_fit_containerWidth1" name="carousel_fit_containerWidth" <?php echo (($row->carousel_fit_containerWidth) ? 'checked="checked"' : ''); ?> value="1" /><label <?php echo (($row->carousel_fit_containerWidth) ? 'class="selected_color"' : ''); ?> for="carousel_fit_containerWidth1"><?php _e('Yes', 'wds'); ?></label>
601
- <input <?php echo (WD_S_FREE ? 'disabled="disabled" title="' . __('This functionality is disabled in free version.', 'wds') . '"' : ''); ?> type="radio" id="carousel_fit_containerWidth0" name="carousel_fit_containerWidth" <?php echo (($row->carousel_fit_containerWidth) ? '' : 'checked="checked"'); ?> value="0" /><label <?php echo (($row->carousel_fit_containerWidth) ? '' : 'class="selected_color"'); ?> for="carousel_fit_containerWidth0"><?php _e('No', 'wds'); ?></label>
 
 
602
  <p class="description"></p>
603
  </span>
604
  </div>
@@ -639,45 +675,60 @@ class WDSViewSliders_wds {
639
  <div class="wd-box-content">
640
  <span class="wd-group">
641
  <label class="wd-label"><?php _e('Next / Previous buttons:', 'wds'); ?></label>
642
- <input type="radio" name="prev_next_butt" id="prev_next_butt_1" value="1" <?php if ($row->prev_next_butt) echo 'checked="checked"'; ?> /><label <?php echo $row->prev_next_butt ? 'class="selected_color"' : ''; ?> for="prev_next_butt_1"><?php _e('Yes', 'wds'); ?></label>
643
- <input type="radio" name="prev_next_butt" id="prev_next_butt_0" value="0" <?php if (!$row->prev_next_butt) echo 'checked="checked"'; ?> /><label <?php echo $row->prev_next_butt ? '' : 'class="selected_color"'; ?> for="prev_next_butt_0"><?php _e('No', 'wds'); ?></label>
 
 
644
  <p class="description"><?php _e('Enable this option to display Previous and Next buttons.', 'wds'); ?></p>
645
  </span>
646
  <span class="wd-group">
647
  <label class="wd-label"><?php _e('Mouse swipe navigation:', 'wds'); ?></label>
648
- <input type="radio" name="mouse_swipe_nav" id="mouse_swipe_nav_1" value="1" <?php if ($row->mouse_swipe_nav) echo 'checked="checked"'; ?> /><label <?php echo $row->mouse_swipe_nav ? 'class="selected_color"' : ''; ?> for="mouse_swipe_nav_1"><?php _e('Yes', 'wds'); ?></label>
649
- <input type="radio" name="mouse_swipe_nav" id="mouse_swipe_nav_0" value="0" <?php if (!$row->mouse_swipe_nav) echo 'checked="checked"'; ?> /><label <?php echo $row->mouse_swipe_nav ? '' : 'class="selected_color"'; ?> for="mouse_swipe_nav_0"><?php _e('No', 'wds'); ?></label>
 
 
650
  <p class="description"></p>
651
  </span>
652
  <span class="wd-group">
653
  <label class="wd-label"><?php _e('Touch swipe navigation:', 'wds'); ?></label>
654
- <input type="radio" name="touch_swipe_nav" id="touch_swipe_nav_1" value="1" <?php if ($row->touch_swipe_nav) echo 'checked="checked"'; ?> /><label <?php echo $row->touch_swipe_nav ? 'class="selected_color"' : ''; ?> for="touch_swipe_nav_1"><?php _e('Yes', 'wds'); ?></label>
655
- <input type="radio" name="touch_swipe_nav" id="touch_swipe_nav_0" value="0" <?php if (!$row->touch_swipe_nav) echo 'checked="checked"'; ?> /><label <?php echo $row->touch_swipe_nav ? '' : 'class="selected_color"'; ?> for="touch_swipe_nav_0"><?php _e('No', 'wds'); ?></label>
 
 
656
  <p class="description"></p>
657
  </span>
658
  <span class="wd-group">
659
  <label class="wd-label"><?php _e('Mouse wheel navigation:', 'wds'); ?></label>
660
- <input type="radio" name="mouse_wheel_nav" id="mouse_wheel_nav_1" value="1" <?php if ($row->mouse_wheel_nav) echo 'checked="checked"'; ?> /><label <?php echo $row->mouse_wheel_nav ? 'class="selected_color"' : ''; ?> for="mouse_wheel_nav_1"><?php _e('Yes', 'wds'); ?></label>
661
- <input type="radio" name="mouse_wheel_nav" id="mouse_wheel_nav_0" value="0" <?php if (!$row->mouse_wheel_nav) echo 'checked="checked"'; ?> /><label <?php echo $row->mouse_wheel_nav ? '' : 'class="selected_color"'; ?> for="mouse_wheel_nav_0"><?php _e('No', 'wds'); ?></label>
 
 
662
  <p class="description"></p>
663
  </span>
664
  <span class="wd-group">
665
  <label class="wd-label"><?php _e('Keyboard navigation:', 'wds'); ?></label>
666
- <input type="radio" name="keyboard_nav" id="keyboard_nav_1" value="1" <?php if ($row->keyboard_nav) echo 'checked="checked"'; ?> /><label <?php echo $row->keyboard_nav ? 'class="selected_color"' : ''; ?> for="keyboard_nav_1"><?php _e('Yes', 'wds'); ?></label>
667
- <input type="radio" name="keyboard_nav" id="keyboard_nav_0" value="0" <?php if (!$row->keyboard_nav) echo 'checked="checked"'; ?> /><label <?php echo $row->keyboard_nav ? '' : 'class="selected_color"'; ?> for="keyboard_nav_0"><?php _e('No', 'wds'); ?></label>
 
 
668
  <p class="description"></p>
669
  </span>
670
  <span class="wd-group">
671
  <label class="wd-label"><?php _e('Show Navigation buttons:', 'wds'); ?></label>
672
- <input type="radio" name="navigation" id="navigation_1" value="hover" <?php if ($row->navigation == 'hover') echo 'checked="checked"'; ?> /><label <?php echo $row->navigation == 'hover' ? 'class="selected_color"' : ''; ?> for="navigation_1"><?php _e('On hover', 'wds'); ?></label>
673
- <input type="radio" name="navigation" id="navigation_0" value="always" <?php if ($row->navigation == 'always' ) echo 'checked="checked"'; ?> /><label <?php echo $row->navigation == 'always' ? 'class="selected_color"' : ''; ?> for="navigation_0"><?php _e('Always', 'wds'); ?></label>
 
 
674
  <p class="description"></p>
675
  </span>
676
  <span class="wd-group">
677
  <label class="wd-label"><?php _e('Image for Next / Previous buttons:', 'wds'); ?></label>
678
- <input type="radio" name="rl_butt_img_or_not" id="rl_butt_img_or_not_our" value="our" <?php if ($row->rl_butt_img_or_not == 'our') echo 'checked="checked"'; ?> onClick="image_for_next_prev_butt('our')" /><label <?php if ($row->rl_butt_img_or_not == 'our') echo 'class="selected_color"'; ?> for="rl_butt_img_or_not_our"><?php _e('Default', 'wds'); ?></label>
679
- <input type="radio" name="rl_butt_img_or_not" id="rl_butt_img_or_not_cust" value="custom" <?php if ($row->rl_butt_img_or_not == 'custom') echo 'checked="checked"'; ?> onClick="image_for_next_prev_butt('custom')" /><label <?php if ($row->rl_butt_img_or_not == 'custom') echo 'class="selected_color"'; ?> for="rl_butt_img_or_not_cust"><?php _e('Custom', 'wds'); ?></label>
680
- <input type="radio" name="rl_butt_img_or_not" id="rl_butt_img_or_not_style" value="style" <?php if ($row->rl_butt_img_or_not == 'style') echo 'checked="checked"'; ?> onClick="image_for_next_prev_butt('style')" /><label <?php if ($row->rl_butt_img_or_not == 'style') echo 'class="selected_color"'; ?> for="rl_butt_img_or_not_style"><?php _e('Styled', 'wds'); ?></label>
 
 
 
681
  <input type="hidden" id="right_butt_url" name="right_butt_url" value="<?php echo $row->right_butt_url; ?>" />
682
  <input type="hidden" id="right_butt_hov_url" name="right_butt_hov_url" value="<?php echo $row->right_butt_hov_url; ?>" />
683
  <input type="hidden" id="left_butt_url" name="left_butt_url" value="<?php echo $row->left_butt_url; ?>" />
@@ -931,15 +982,20 @@ class WDSViewSliders_wds {
931
  <div class="wd-box-content">
932
  <span class="wd-group">
933
  <label class="wd-label"><?php _e('Play / Pause button:', 'wds'); ?></label>
934
- <input type="radio" name="play_paus_butt" id="play_paus_butt_1" value="1" <?php if ($row->play_paus_butt) echo 'checked="checked"'; ?> /><label <?php if ($row->play_paus_butt) echo 'class="selected_color"'; ?> for="play_paus_butt_1"><?php _e('Yes', 'wds'); ?></label>
935
- <input type="radio" name="play_paus_butt" id="play_paus_butt_0" value="0" <?php if (!$row->play_paus_butt) echo 'checked="checked"'; ?> /><label <?php if (!$row->play_paus_butt) echo 'class="selected_color"'; ?> for="play_paus_butt_0"><?php _e('No', 'wds'); ?></label>
 
 
936
  <p class="description"><?php _e('Select this option to display Play and Pause buttons.', 'wds'); ?></p>
937
  </span>
938
  <span class="wd-group">
939
  <label class="wd-label"><?php _e('Image for Play / Pause buttons:', 'wds'); ?></label>
940
- <input type="radio" name="play_paus_butt_img_or_not" id="play_pause_butt_img_or_not_our" value="our" <?php if ($row->play_paus_butt_img_or_not == 'our') echo 'checked="checked"'; ?> onClick="image_for_play_pause_butt('our')" /><label <?php if ($row->play_paus_butt_img_or_not == 'our') echo 'class="selected_color"'; ?> for="play_pause_butt_img_or_not_our"><?php _e('Default', 'wds'); ?></label>
941
- <input type="radio" name="play_paus_butt_img_or_not" id="play_pause_butt_img_or_not_cust" value="custom" <?php if ($row->play_paus_butt_img_or_not == 'custom') echo 'checked="checked"'; ?> onClick="image_for_play_pause_butt('custom')" /><label <?php if ($row->play_paus_butt_img_or_not == 'custom') echo 'class="selected_color"'; ?> for="play_pause_butt_img_or_not_cust"><?php _e('Custom', 'wds'); ?></label>
942
- <input type="radio" name="play_paus_butt_img_or_not" id="play_pause_butt_img_or_not_select" value="style" <?php if ($row->play_paus_butt_img_or_not == 'style') echo 'checked="checked"'; ?> onClick="image_for_play_pause_butt('style')" /><label <?php if ($row->play_paus_butt_img_or_not == 'style') echo 'class="selected_color"'; ?> for="play_pause_butt_img_or_not_select"><?php _e('Styled', 'wds'); ?></label>
 
 
 
943
  <input type="hidden" id="play_butt_url" name="play_butt_url" value="<?php echo $row->play_butt_url; ?>" />
944
  <input type="hidden" id="play_butt_hov_url" name="play_butt_hov_url" value="<?php echo $row->play_butt_hov_url; ?>" />
945
  <input type="hidden" id="paus_butt_url" name="paus_butt_url" value="<?php echo $row->paus_butt_url; ?>" />
@@ -1219,20 +1275,26 @@ class WDSViewSliders_wds {
1219
  <div class="wd-box-content">
1220
  <span class="wd-group">
1221
  <label class="wd-label"><?php _e('Enable bullets:', 'wds'); ?></label>
1222
- <input type="radio" id="enable_bullets1" name="enable_bullets" <?php echo (($row->enable_bullets) ? 'checked="checked"' : ''); ?> value="1" /><label <?php echo (($row->enable_bullets) ? 'class="selected_color"' : ''); ?> for="enable_bullets1"><?php _e('Yes', 'wds'); ?></label>
1223
- <input type="radio" id="enable_bullets0" name="enable_bullets" <?php echo (($row->enable_bullets) ? '' : 'checked="checked"'); ?> value="0" /><label <?php echo (($row->enable_bullets) ? '' : 'class="selected_color"'); ?> for="enable_bullets0"><?php _e('No', 'wds'); ?></label>
 
 
1224
  <p class="description"><?php _e('Enable navigation bullets with this option.', 'wds'); ?></p>
1225
  </span>
1226
  <span class="wd-group">
1227
  <label class="wd-label"><?php _e('Show bullets:', 'wds'); ?></label>
1228
- <input type="radio" name="bull_hover" id="bull_hover_0" value="0" <?php if ($row->bull_hover == 0) echo 'checked="checked"'; ?> /><label <?php if ($row->bull_hover == 0) echo 'class="selected_color"'; ?> for="bull_hover_0"><?php _e('On hover', 'wds'); ?></label>
1229
- <input type="radio" name="bull_hover" id="bull_hover_1" value="1" <?php if ($row->bull_hover == 1) echo 'checked="checked"'; ?> /><label <?php if ($row->bull_hover == 1) echo 'class="selected_color"'; ?> for="bull_hover_1"><?php _e('Always', 'wds'); ?></label>
 
 
1230
  <p class="description"><?php _e('You can display navigation bullets always or only when hovered.', 'wds'); ?></p>
1231
  </span>
1232
  <span class="wd-group">
1233
  <label class="wd-label"><?php _e('Show thumbnail on bullet hover:', 'wds'); ?></label>
1234
- <input onClick="wds_enable_disable('', 'tr_thumb_size', 'show_thumbnail1')" type="radio" id="show_thumbnail1" name="show_thumbnail" <?php echo (($row->show_thumbnail) ? 'checked="checked"' : ''); ?> value="1" /><label <?php echo (($row->show_thumbnail) ? 'class="selected_color"' : ''); ?> for="show_thumbnail1"><?php _e('Yes', 'wds'); ?></label>
1235
- <input onClick="wds_enable_disable('none', 'tr_thumb_size', 'show_thumbnail0')" type="radio" id="show_thumbnail0" name="show_thumbnail" <?php echo (($row->show_thumbnail) ? '' : 'checked="checked"'); ?> value="0" /><label for="show_thumbnail0"><?php _e('No', 'wds'); ?></label>
 
 
1236
  <p class="description"></p>
1237
  </span>
1238
  <span class="wd-group" id="tr_thumb_size">
@@ -1250,10 +1312,14 @@ class WDSViewSliders_wds {
1250
  </span>
1251
  <span class="wd-group">
1252
  <label class="wd-label"><?php _e('Bullets type:', 'wds'); ?></label>
1253
- <input type="radio" name="bull_butt_img_or_not" id="bull_butt_img_or_not_our" value="our" <?php if ($row->bull_butt_img_or_not == 'our') echo 'checked="checked"'; ?> onClick="image_for_bull_butt('our')" /><label <?php if ($row->bull_butt_img_or_not == 'our') echo 'class="selected_color"'; ?> for="bull_butt_img_or_not_our"><?php _e('Default', 'wds'); ?></label>
1254
- <input type="radio" name="bull_butt_img_or_not" id="bull_butt_img_or_not_cust" value="custom" <?php if ($row->bull_butt_img_or_not == 'custom') echo 'checked="checked"'; ?> onClick="image_for_bull_butt('custom')" /><label <?php if ($row->bull_butt_img_or_not == 'custom') echo 'class="selected_color"'; ?> for="bull_butt_img_or_not_cust"><?php _e('Custom', 'wds'); ?></label>
1255
- <input type="radio" name="bull_butt_img_or_not" id="bull_butt_img_or_not_stl" value="style" <?php if ($row->bull_butt_img_or_not == 'style') echo 'checked="checked"'; ?> onClick="image_for_bull_butt('style')" /><label <?php if ($row->bull_butt_img_or_not == 'style') echo 'class="selected_color"'; ?> for="bull_butt_img_or_not_stl"><?php _e('Styled', 'wds'); ?></label>
1256
- <input type="radio" name="bull_butt_img_or_not" id="bull_butt_img_or_not_txt" value="text" <?php if ($row->bull_butt_img_or_not == 'text') echo 'checked="checked"'; ?> onClick="image_for_bull_butt('text')" /><label <?php if ($row->bull_butt_img_or_not == 'text') echo 'class="selected_color"'; ?> for="bull_butt_img_or_not_txt"><?php _e('Text', 'wds'); ?></label>
 
 
 
 
1257
  <input type="hidden" id="bullets_img_main_url" name="bullets_img_main_url" value="<?php echo $row->bullets_img_main_url; ?>" />
1258
  <input type="hidden" id="bullets_img_hov_url" name="bullets_img_hov_url" value="<?php echo $row->bullets_img_hov_url; ?>" />
1259
  <p class="description"></p>
@@ -1358,13 +1424,13 @@ class WDSViewSliders_wds {
1358
  <?php
1359
  if (!$spider_uploader) {
1360
  ?>
1361
- <input class="button button-secondary wds_ctrl_btn_upload" type="button" onclick="wds_media_uploader('bullets_hov_but', event, false); return false;" value="<?php _e('Deactive Button', 'wds'); ?>" />
1362
  <?php
1363
  }
1364
  else {
1365
  ?>
1366
- <a href="<?php echo add_query_arg(array('callback' => 'wds_add_image', 'image_for' => 'bullets_hov_but', 'dir' => '/arrows', 'TB_iframe' => '1'), $query_url); ?>" class="button button-secondary thickbox thickbox-preview wds_ctrl_btn_upload" title="<?php _e('Deactive Button', 'wds'); ?>" onclick="return false;">
1367
- <?php _e('Deactive Button', 'wds'); ?>
1368
  </a>
1369
  <?php
1370
  }
@@ -1514,8 +1580,10 @@ class WDSViewSliders_wds {
1514
  ?>
1515
  <span class="wd-group">
1516
  <label class="wd-label"><?php _e('Enable filmstrip:', 'wds'); ?></label>
1517
- <input <?php echo (WD_S_FREE ? 'disabled="disabled" title="' . __('This functionality is disabled in free version.', 'wds') . '"' : ''); ?> type="radio" id="enable_filmstrip1" name="enable_filmstrip" <?php echo (($row->enable_filmstrip) ? 'checked="checked"' : ''); ?> value="1" /><label <?php echo (($row->enable_filmstrip) ? 'class="selected_color"' : ''); ?> for="enable_filmstrip1"><?php _e('Yes', 'wds'); ?></label>
1518
- <input <?php echo (WD_S_FREE ? 'disabled="disabled" title="' . __('This functionality is disabled in free version.', 'wds') . '"' : ''); ?> type="radio" id="enable_filmstrip0" name="enable_filmstrip" <?php echo (($row->enable_filmstrip) ? '' : 'checked="checked"'); ?> value="0" /><label <?php echo (($row->enable_filmstrip) ? '' : 'class="selected_color"'); ?> for="enable_filmstrip0"><?php _e('No', 'wds'); ?></label>
 
 
1519
  <p class="description"><?php _e('Enable this option to display thumbnails of the slides in a filmstrip.', 'wds'); ?></p>
1520
  </span>
1521
  <span class="wd-group" id="filmstrip_position">
@@ -1566,7 +1634,7 @@ class WDSViewSliders_wds {
1566
  <p class="description"><?php _e('The thumbnail for the currently displayed image will have a border. You can set its size, type and color.', 'wds'); ?></p>
1567
  </span>
1568
  <span class="wd-group">
1569
- <label class="wd-label" for="film_dac_transparent"><?php _e('Deactive transparency:', 'wds'); ?></label>
1570
  <input <?php echo (WD_S_FREE ? 'disabled="disabled" title="' . __('This functionality is disabled in free version.', 'wds') . '"' : ''); ?> type="text" name="film_dac_transparent" id="film_dac_transparent" value="<?php echo $row->film_dac_transparent; ?>" class="spider_int_input" onkeypress="return spider_check_isnum(event)"/> %
1571
  <p class="description"><?php _e('You can set a transparency level for the inactive filmstrip items which must be between 0 to 100..', 'wds'); ?></p>
1572
  </span>
@@ -1582,8 +1650,10 @@ class WDSViewSliders_wds {
1582
  <div class="wd-box-content">
1583
  <span class="wd-group">
1584
  <label class="wd-label"><?php _e('Enable timer bar:', 'wds'); ?></label>
1585
- <input type="radio" id="enable_time_bar1" name="enable_time_bar" <?php echo (($row->enable_time_bar) ? 'checked="checked"' : ''); ?> value="1" /><label <?php echo (($row->enable_time_bar) ? 'class="selected_color"' : ''); ?> for="enable_time_bar1"><?php _e('Yes', 'wds'); ?></label>
1586
- <input type="radio" id="enable_time_bar0" name="enable_time_bar" <?php echo (($row->enable_time_bar) ? '' : 'checked="checked"'); ?> value="0" /><label <?php echo (($row->enable_time_bar) ? '' : 'class="selected_color"'); ?> for="enable_time_bar0"><?php _e('No', 'wds'); ?></label>
 
 
1587
  <p class="description"><?php _e('You can add a bar, which displays the time left untill the slider switches to the next slide on autoplay.', 'wds'); ?></p>
1588
  </span>
1589
  <span class="wd-group">
@@ -1790,7 +1860,7 @@ class WDSViewSliders_wds {
1790
  foreach ($callback_items as $key => $callback_item) {
1791
  ?>
1792
  <div class="callbeck-item">
1793
- <span class="spider_label_options"><?php echo $slider_callbacks[$key]; ?></span>
1794
  <textarea class="callbeck-textarea" name="<?php echo $key; ?>"><?php echo $callback_item; ?></textarea>
1795
  <button type="button" id="remove_callback" class="action_buttons remove_callback" onclick="remove_callback_item(this);"><?php _e('Remove', 'wds'); ?></button>
1796
  </div>
@@ -1817,14 +1887,14 @@ class WDSViewSliders_wds {
1817
  $slides_name[$slide_row->id] = $slide_row->title;
1818
  ?>
1819
  <div id="wds_subtab_wrap<?php echo $slide_row->id; ?>" class="wds_subtab_wrap connectedSortable">
1820
- <div id="wbs_subtab<?php echo $slide_row->id; ?>" class="tab_link <?php echo (((($id == 0 || !$sub_tab_type) || (strpos($sub_tab_type, 'pr') !== FALSE)) && $key == 0) || ('slide' . $slide_row->id == $sub_tab_type)) ? 'wds_sub_active' : ''; ?>" href="#" >
1821
  <div style='background-image:url("<?php echo $slide_row->type != 'image' ? ($slide_row->type == 'video' && ctype_digit($slide_row->thumb_url) ? (wp_get_attachment_url(get_post_thumbnail_id($slide_row->thumb_url)) ? wp_get_attachment_url(get_post_thumbnail_id($slide_row->thumb_url)) : WD_S_URL . '/images/no-video.png') : $slide_row->thumb_url) : $slide_row->thumb_url ?>");background-position: center' class="tab_image" id="wds_tab_image<?php echo $slide_row->id; ?>" data-id="<?php echo $slide_row->id; ?>">
1822
  <div class="tab_buttons">
1823
  <div class="handle_wrap">
1824
  <div class="handle" title="<?php _e('Drag to re-order', 'wds'); ?>"></div>
1825
  </div>
1826
  <div class="wds_tab_title_wrap">
1827
- <input type="text" id="title<?php echo $slide_row->id; ?>" name="title<?php echo $slide_row->id; ?>" value="<?php echo $slide_row->title; ?>" class="wds_tab_title" tab_type="slide<?php echo $slide_row->id; ?>" data-id="<?php echo $slide_row->id; ?>" />
1828
  </div>
1829
  <input type="hidden" name="order<?php echo $slide_row->id; ?>" id="order<?php echo $slide_row->id; ?>" value="<?php echo $slide_row->order; ?>" />
1830
  </div>
@@ -1858,28 +1928,187 @@ class WDSViewSliders_wds {
1858
  echo $this->wds_socialLayerTemplate( $social_buttons, $layer_effects_in, $layer_effects_out );
1859
  ?>
1860
  </table>
1861
- <?php
1862
- foreach ($slides_row as $key => $slide_row) {
1863
- ?>
1864
- <div class="wds_box <?php echo (((($id == 0 || !$sub_tab_type) || (strpos($sub_tab_type, 'pr') !== FALSE)) && $key == 0) || ('slide' . $slide_row->id == $sub_tab_type)) ? 'wds_sub_active' : ''; ?> wds_slide<?php echo $slide_row->id; ?>">
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1865
  <table class="ui-sortable<?php echo $slide_row->id; ?>">
1866
  <tbody>
1867
- <input type="hidden" name="type<?php echo $slide_row->id; ?>" id="type<?php echo $slide_row->id; ?>" value="<?php echo $slide_row->type; ?>" />
1868
- <input type="hidden" name="wds_video_type<?php echo $slide_row->id; ?>" id="wds_video_type<?php echo $slide_row->id; ?>" />
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1869
  <tr class="bgcolor">
1870
  <td colspan="4">
1871
- <h2 class="titles"><?php _e('Slide', 'wds'); ?></h2>
1872
  <div class="wds-preview-overflow">
1873
  <div id="wds_preview_wrapper_<?php echo $slide_row->id; ?>" class="wds_preview_wrapper" style="width: <?php echo $row->width; ?>px; height: <?php echo $row->height; ?>px;">
1874
- <div class="wds_preview" style="overflow: hidden; position: absolute; width: inherit; height: inherit; background-color: transparent; background-image: none; display: block;">
1875
  <div id="wds_preview_image<?php echo $slide_row->id; ?>" class="wds_preview_image<?php echo $slide_row->id; ?> wds_preview_image"
1876
- style='background-color: <?php echo WDW_S_Library::spider_hex2rgba($row->background_color, (100 - $row->background_transparent) / 100); ?>;
1877
- background-image: url("<?php echo $slide_row->type != 'image' ? ($slide_row->type == 'video' && ctype_digit($slide_row->thumb_url) ? (wp_get_attachment_url(get_post_thumbnail_id($slide_row->thumb_url)) ? wp_get_attachment_url(get_post_thumbnail_id($slide_row->thumb_url)) : WD_S_URL . '/images/no-video.png') : $slide_row->thumb_url) : $slide_row->image_url . '?date=' . date('Y-m-d H:i:s'); ?>");
1878
- background-position: <?php echo ($row->smart_crop == '1' && ($row->bg_fit == 'cover' || $row->bg_fit == 'contain')) ? $row->crop_image_position : 'center center'; ?>;
1879
- background-repeat: no-repeat;
1880
- background-size: <?php echo $row->bg_fit; ?>;
1881
- width: inherit;
1882
- height: inherit;'>
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1883
  <?php
1884
  $layers_row = $this->model->get_layers_row_data($slide_row->id);
1885
  if ($layers_row) {
@@ -1920,22 +2149,22 @@ class WDSViewSliders_wds {
1920
  case 'hotspots': {
1921
  ?>
1922
  <span id="<?php echo $prefix; ?>_div"
1923
- data-text_position="<?php echo $layer->hotp_text_position; ?>"
1924
  class="hotspot_container wds_draggable_<?php echo $slide_row->id; ?> wds_draggable ui-draggable"
1925
  onclick="wds_showhide_layer('<?php echo $prefix; ?>_tbody', 1)"
1926
- style="width: <?php echo $layer->hotp_width ? $layer->hotp_width : 20; ?>px;
1927
  height: <?php echo $layer->hotp_width ? $layer->hotp_width : 20; ?>px;
1928
  z-index: <?php echo $layer->depth; ?>;
1929
  position: absolute;
1930
  left: <?php echo $layer->left ? $layer->left : 20; ?>px;
1931
  top: <?php echo $layer->top ? $layer->top : 20; ?>px;
1932
- display: inline-block;">
1933
  <span class="wds_layer_<?php echo $layer->id; ?> wds_layer"
1934
  data-displaytype="<?php echo $hotspot_text_display; ?>"
1935
  id="<?php echo $prefix; ?>_round"
1936
  style="top: 0;
1937
  left: 0;
1938
- width: <?php echo $layer->hotp_width ? $layer->hotp_width : 20; ?>px;
1939
  height: <?php echo $layer->hotp_width ? $layer->hotp_width : 20; ?>px;
1940
  border-radius: <?php echo $layer->hotp_border_radius ? $layer->hotp_border_radius : '20px'; ?>;
1941
  border: <?php echo $layer->hotp_border_width; ?>px <?php echo $layer->hotp_border_style; ?> #<?php echo $layer->hotp_border_color; ?>;
@@ -1950,7 +2179,7 @@ class WDSViewSliders_wds {
1950
  wds_fsize="<?php echo $layer->size; ?>"
1951
  style="top: 0;
1952
  left: 0;
1953
- width: <?php echo $layer->hotp_width ? $layer->hotp_width : 20; ?>px;
1954
  height: <?php echo $layer->hotp_width ? $layer->hotp_width : 20; ?>px;
1955
  border-radius: <?php echo $layer->hotp_border_radius ? $layer->hotp_border_radius : '20px'; ?>;
1956
  border: <?php echo $layer->hotp_border_width; ?>px <?php echo $layer->hotp_border_style; ?> transparent;
@@ -1962,7 +2191,7 @@ class WDSViewSliders_wds {
1962
  -moz-animation: point-anim 1.5s ease <?php echo mt_rand(0, 300) / 100; ?>s infinite;
1963
  -webkit-animation: point-anim 1.5s ease <?php echo mt_rand(0, 300) / 100; ?>s infinite;
1964
  -o-animation: point-anim 1.5s ease <?php echo mt_rand(0, 300) / 100; ?>s infinite;
1965
- <?php } ?>">
1966
  </span>
1967
  <span id="<?php echo $prefix; ?>"
1968
  data-type="hotspot_text"
@@ -1970,7 +2199,7 @@ class WDSViewSliders_wds {
1970
  style="<?php echo $layer->image_width ? 'width: ' . $layer->image_width . 'px; ' : 'white-space: nowrap;'; ?>
1971
  <?php echo $layer->image_height ? 'height: ' . $layer->image_height . 'px; ' : ''; ?>
1972
  position: absolute;
1973
- word-break: <?php echo ($layer->image_scale ? 'normal' : 'break-all'); ?>;
1974
  display: none;
1975
  z-index: <?php echo $layer->depth; ?>;
1976
  color: #<?php echo $layer->color; ?>;
@@ -2007,93 +2236,11 @@ class WDSViewSliders_wds {
2007
  <input type="hidden" id="att_height<?php echo $slide_row->id; ?>" name="att_height<?php echo $slide_row->id; ?>" value="<?php echo $slide_row->att_height; ?>" />
2008
  </td>
2009
  </tr>
2010
- <tr>
2011
- <td>
2012
- <div class="postbox closed">
2013
- <button class="button-link handlediv" type="button" aria-expanded="true">
2014
- <span class="screen-reader-text"><?php _e('Toggle panel:', WD_S_PREFIX); ?></span>
2015
- <span class="toggle-indicator" aria-hidden="true"></span>
2016
- </button>
2017
- <h2 class="hndle">
2018
- <span><?php _e('Slide options', WD_S_PREFIX); ?></span>
2019
- </h2>
2020
- <div class="inside">
2021
- <div class="wd-table">
2022
- <div class="wd-table-col wd-table-col-50 wd-table-col-left">
2023
- <div class="wd-box-section">
2024
- <div class="wd-box-content">
2025
- <span class="wd-group">
2026
- <?php
2027
- if ( !$spider_uploader ) {
2028
- ?>
2029
- <input type="button" class="button button-secondary" id="button_image_url<?php echo $slide_row->id; ?>" onclick="wds_media_uploader('<?php echo 'add_update_thumbnail__' . $slide_row->id; ?>', event, false); return false;" value="<?php _e('Edit thumbnail', WD_S_PREFIX); ?>" />
2030
- <?php
2031
- }
2032
- else {
2033
- ?>
2034
- <a class="button button-secondary thickbox thickbox-preview" href="<?php echo add_query_arg(array('callback' => 'wds_add_image', 'image_for' => 'add_update_thumbnail', 'slide_id' => $slide_row->id, 'TB_iframe' => '1'), $query_url); ?>" title="<?php _e('Edit thumbnail', WD_S_PREFIX); ?>" onclick="return false;">
2035
- <?php _e('Edit thumbnail', WD_S_PREFIX); ?>
2036
- </a>
2037
- <?php
2038
- }
2039
- ?>
2040
- <p class="description"><?php _e('Note, that thumbnail will be used in the filmstrip only.', WD_S_PREFIX); ?></p>
2041
- </span>
2042
- <span class="wd-group">
2043
- <label class="wd-label"><?php _e('Published', WD_S_PREFIX); ?></label>
2044
- <input type="radio" id="published<?php echo $slide_row->id; ?>1" name="published<?php echo $slide_row->id; ?>" <?php echo (($slide_row->published) ? 'checked="checked"' : ''); ?> value="1" /><label <?php echo (($slide_row->published) ? 'class="selected_color"' : ''); ?> for="published<?php echo $slide_row->id; ?>1"><?php _e('Yes', 'wds'); ?></label>
2045
- <input type="radio" id="published<?php echo $slide_row->id; ?>0" name="published<?php echo $slide_row->id; ?>" <?php echo (($slide_row->published) ? '' : 'checked="checked"'); ?> value="0" /><label <?php echo (($slide_row->published) ? '' : 'class="selected_color"'); ?> for="published<?php echo $slide_row->id; ?>0"><?php _e('No', 'wds'); ?></label>
2046
- <p class="description"></p>
2047
- </span>
2048
- </div>
2049
- </div>
2050
- </div>
2051
- <div class="wd-table-col wd-table-col-50 wd-table-col-right">
2052
- <div class="wd-box-section">
2053
- <div class="wd-box-content">
2054
- <span class="wd-group" id="controls<?php echo $slide_row->id; ?>" <?php echo $slide_row->type == 'video' ? '' : 'style="display: none;"'; ?>>
2055
- <label class="wd-label"><?php _e('Controls', WD_S_PREFIX); ?></label>
2056
- <input type="radio" onClick="wds_enable_disable('', 'autoplay<?php echo $slide_row->id; ?>', 'controls<?php echo $slide_row->id; ?>_1')" id="controls<?php echo $slide_row->id; ?>_1" name="controls<?php echo $slide_row->id; ?>" <?php echo (($slide_row->link == '1' || empty($slide_row->link) ) ? 'checked="checked"' : ''); ?> value="1" /><label <?php echo ($slide_row->link == '1' || empty($slide_row->link) ) ? 'class="selected_color"' : ''; ?> for="controls<?php echo $slide_row->id; ?>_1"><?php _e('Yes', 'wds'); ?></label>
2057
- <input type="radio" onClick="wds_enable_disable('none', 'autoplay<?php echo $slide_row->id; ?>', 'controls<?php echo $slide_row->id; ?>_0')" id="controls<?php echo $slide_row->id; ?>_0" name="controls<?php echo $slide_row->id; ?>" <?php echo (($slide_row->link == "0") ? 'checked="checked"' : '' ); ?> value="0" /><label <?php echo (($slide_row->link == "0") ? 'class="selected_color"' : '' ); ?> for="controls<?php echo $slide_row->id; ?>_0"><?php _e('No', 'wds'); ?></label>
2058
- <p class="description"></p>
2059
- </span>
2060
- <span class="wd-group" id="autoplay<?php echo $slide_row->id; ?>" <?php echo (($slide_row->type == 'video' && $slide_row->link == '1') || $slide_row->type == 'EMBED_OEMBED_YOUTUBE_VIDEO'|| $slide_row->type == 'EMBED_OEMBED_VIMEO_VIDEO') ? '' : 'style="display: none;"'; ?>>
2061
- <label class="wd-label"><?php _e('Autoplay', WD_S_PREFIX); ?></label>
2062
- <input type="radio" id="autoplay<?php echo $slide_row->id; ?>_1" name="wds_slide_autoplay<?php echo $slide_row->id; ?>" <?php echo (($slide_row->target_attr_slide) ? 'checked="checked"' : ''); ?> value="1" /><label <?php echo (($slide_row->target_attr_slide) ? 'class="selected_color"' : ''); ?> for="autoplay<?php echo $slide_row->id; ?>_1"><?php _e('Yes', 'wds'); ?></label>
2063
- <input type="radio" id="autoplay<?php echo $slide_row->id; ?>_0" name="wds_slide_autoplay<?php echo $slide_row->id; ?>" <?php echo (($slide_row->target_attr_slide) ? '' : 'checked="checked"'); ?> value="0" /><label <?php echo (($slide_row->target_attr_slide) ? '' : 'class="selected_color"'); ?> for="autoplay<?php echo $slide_row->id; ?>_0"><?php _e('No', 'wds'); ?></label>
2064
- <p class="description"></p>
2065
- </span>
2066
- <span class="wd-group" id="youtube_rel_video<?php echo $slide_row->id; ?>" <?php echo $slide_row->type == 'EMBED_OEMBED_YOUTUBE_VIDEO' ? '' : 'style="display: none;"'; ?>>
2067
- <label class="wd-label"><?php _e('Youtube related video', WD_S_PREFIX); ?></label>
2068
- <input type="radio" id="youtube_rel_video<?php echo $slide_row->id; ?>_1" name="youtube_rel_video<?php echo $slide_row->id; ?>" <?php echo (($slide_row->youtube_rel_video) ? 'checked="checked"' : ''); ?> value="1" /><label <?php echo (($slide_row->youtube_rel_video) ? 'class="selected_color"' : ''); ?> for="youtube_rel_video<?php echo $slide_row->id; ?>_1"><?php _e('Yes', 'wds'); ?></label>
2069
- <input type="radio" id="youtube_rel_video<?php echo $slide_row->id; ?>_0" name="youtube_rel_video<?php echo $slide_row->id; ?>" <?php echo (($slide_row->youtube_rel_video) ? '' : 'checked="checked"'); ?> value="0" /><label <?php echo (($slide_row->youtube_rel_video) ? '' : 'class="selected_color"'); ?> for="youtube_rel_video<?php echo $slide_row->id; ?>_0"><?php _e('No', 'wds'); ?></label>
2070
- <p class="description"></p>
2071
- </span>
2072
- <span class="wd-group" id="video_loop<?php echo $slide_row->id; ?>" <?php echo ($slide_row->type == 'video')? '' : 'style="display: none;"'; ?>>
2073
- <label class="wd-label"><?php _e('Video Loop', WD_S_PREFIX); ?></label>
2074
- <input type="radio" id="video_loop<?php echo $slide_row->id; ?>_1" name="video_loop<?php echo $slide_row->id; ?>" <?php echo (($slide_row->video_loop) ? 'checked="checked"' : ''); ?> value="1" /><label <?php echo (($slide_row->video_loop) ? 'class="selected_color"' : ''); ?> for="video_loop<?php echo $slide_row->id; ?>_1"><?php _e('Yes', 'wds'); ?></label>
2075
- <input type="radio" id="video_loop<?php echo $slide_row->id; ?>_0" name="video_loop<?php echo $slide_row->id; ?>" <?php echo (($slide_row->video_loop) ? '' : 'checked="checked"'); ?> value="0" /><label <?php echo (($slide_row->video_loop) ? '' : 'class="selected_color"'); ?> for="video_loop<?php echo $slide_row->id; ?>_0"><?php _e('No', 'wds'); ?></label>
2076
- <p class="description"></p>
2077
- </span>
2078
- <span class="wd-group" id="trlink<?php echo $slide_row->id; ?>" <?php echo $slide_row->type == 'image' ? '' : 'style="display: none;"'; ?>>
2079
- <label class="wd-label" for="link<?php echo $slide_row->id; ?>"><?php _e('Link the slide to', WD_S_PREFIX); ?></label>
2080
- <input class="wds_external_link" id="link<?php echo $slide_row->id; ?>" type="text" value="<?php echo $slide_row->link; ?>" name="link<?php echo $slide_row->id; ?>" />
2081
- <input id="target_attr_slide<?php echo $slide_row->id; ?>" type="checkbox" name="target_attr_slide<?php echo $slide_row->id; ?>" <?php echo (($slide_row->target_attr_slide) ? 'checked="checked"' : ''); ?> value="1" /><label for="target_attr_slide<?php echo $slide_row->id; ?>"><?php _e('Open in a new window', 'wds'); ?></label>
2082
- <p class="description"><?php _e('You can add a URL, to which the users will be redirected upon clicking on the slide. Use http:// and https:// for external links.', 'wds'); ?></p>
2083
- </span>
2084
- </div>
2085
- </div>
2086
- </div>
2087
- </div>
2088
- </div>
2089
- </div>
2090
- </td>
2091
- </tr>
2092
  <tr class="bgcolor">
2093
  <td colspan="4">
2094
  <h2 class="titles"><?php _e('Layers', 'wds'); ?></h2>
2095
  <div id="layer_add_buttons">
2096
- <div class="layer_add_buttons_wrap">
2097
  <button class="action_buttons add_text_layer button-small<?php echo !$fv ? "" : " wds_free_button"; ?>" onclick="<?php echo $fv ? "alert('". addslashes(__('This functionality is disabled in free version.', 'wds')) ."')" : "wds_add_layer('text', '" . $slide_row->id . "')"; ?>; return false;"><?php _e('Add Text Layer', 'wds'); ?></button>
2098
  </div>
2099
  <?php
@@ -2117,13 +2264,13 @@ class WDSViewSliders_wds {
2117
  <div class="layer_add_buttons_wrap">
2118
  <input type="button" class="action_buttons add_video_layer button-small<?php echo !WD_S_FREE ? "" : " wds_free_button"; ?>" id="button_video_url<?php echo $slide_row->id; ?>" onclick="<?php echo WD_S_FREE ? "alert('". addslashes(__('This functionality is disabled in free version.', 'wds')) ."')" : "wds_add_layer('upvideo', '" . $slide_row->id . "')"; ?>; return false;" value="<?php _e('Add Video Layer', 'wds'); ?>" />
2119
  </div>
2120
- <div class="layer_add_buttons_wrap">
2121
  <input type="button" class="action_buttons add_embed_layer button-small<?php echo !WD_S_FREE ? "" : " wds_free_button"; ?>" onclick="<?php echo WD_S_FREE ? "alert('". addslashes(__('This functionality is disabled in free version.', 'wds')) ."')" : "wds_add_video('" . $slide_row->id . "', 'video_layer')"; ?>" value="<?php _e('Embed Media Layer', 'wds'); ?>" />
2122
  </div>
2123
- <div class="layer_add_buttons_wrap">
2124
  <button class="action_buttons add_social_layer button-small<?php echo !WD_S_FREE ? "" : " wds_free_button"; ?>" onclick="<?php echo WD_S_FREE ? "alert('". addslashes(__('This functionality is disabled in free version.', 'wds')) ."')" : "wds_add_layer('social', '" . $slide_row->id . "')"; ?>; return false;"><?php _e('Social Button Layer', 'wds'); ?></button>
2125
  </div>
2126
- <div class="layer_add_buttons_wrap">
2127
  <button class="action_buttons add_hotspot_layer button-small<?php echo !WD_S_FREE ? "" : " wds_free_button"; ?>" onclick="<?php echo WD_S_FREE ? "alert('". addslashes(__('This functionality is disabled in free version.', 'wds')) ."')" : "wds_add_layer('hotspots', '" . $slide_row->id . "')"; ?>; return false;" ><?php _e('Add Hotspot Layer', 'wds'); ?></button>
2128
  </div>
2129
  <div class="clear"></div>
@@ -2200,7 +2347,7 @@ class WDSViewSliders_wds {
2200
  <script>
2201
  jQuery(document).ready(function() {
2202
  image_for_next_prev_butt('<?php echo $row->rl_butt_img_or_not; ?>');
2203
- image_for_bull_butt('<?php echo $row->bull_butt_img_or_not; ?>');
2204
  image_for_play_pause_butt('<?php echo $row->play_paus_butt_img_or_not; ?>');
2205
  showhide_for_carousel_fildes('<?php echo $row->carousel; ?>');
2206
  wds_whr('width');
@@ -2256,8 +2403,13 @@ class WDSViewSliders_wds {
2256
  </script>
2257
  <?php
2258
  $slide_ids_string .= $slide_row->id . ',';
2259
- }
2260
- ?>
 
 
 
 
 
2261
  </div>
2262
  <div class="wds_box wds_howto_box meta-box-sortables">
2263
  <div class="clear"></div>
@@ -2332,18 +2484,15 @@ class WDSViewSliders_wds {
2332
  <input type="text" id="embed_url" name="embed_url" value="" />
2333
  <input class="button button-primary" type="button" onclick="if (wds_get_embed_info(jQuery('#embed_url').val())) {jQuery('.opacity_add_video').hide();} jQuery('#embed_url').val(''); return false;" value="<?php _e('Add', 'wds'); ?>" />
2334
  <input class="button" type="button" onclick="jQuery('.opacity_add_video').hide(); jQuery('#embed_url').val(''); return false;" value="<?php _e('Cancel', 'wds'); ?>" />
2335
- <p class="description"><?php _e('Enter YouTube, Vimeo, Instagram, Flickr or Dailymotion URL here.', 'wds'); ?>
2336
- <a onclick="jQuery('#add_embed_help').show();" style='text-decoration: underline; color:blue; cursor: pointer;'><?php _e('Help', 'wds'); ?></a>
2337
- </p>
2338
- <div id="add_embed_help" class="opacity_add_video wds_add_video" style="display: none;">
2339
- <p style="text-align: right; margin-top: 0px;">
2340
- <a onclick="jQuery('#add_embed_help').hide();" style="text-decoration: underline; color:blue; cursor: pointer;"><?php _e('Close', 'wds'); ?></a>
2341
- </p>
2342
- <p><?php _e('<b>Youtube</b> URL example:', 'wds'); ?> <i>https://www.youtube.com/watch?v=xebpM_-GwG0</i></p>
2343
- <p><?php _e('<b>Vimeo</b> URL example:', 'wds'); ?> <i>https://vimeo.com/148133150</i></p>
2344
- <p><?php _e('<b>Instagram</b> URL example:', 'wds'); ?> <i>https://instagram.com/p/4o65J9QNDm</i>. <?php _e('Add', 'wds'); ?> "<i style="text-decoration:underline;"><?php _e('post', 'wds'); ?></i>" <?php _e('to the end of URL if you want to embed the whole Instagram post, not only its content.', 'wds'); ?></p>
2345
- <p><?php _e('<b>Flickr</b> URL example:', 'wds'); ?> <i>https://www.flickr.com/photos/powerpig/18780957662/in/photostream/</i></p>
2346
- <p><?php _e('<b>Dailymotion</b> URL example:', 'wds'); ?> <i>http://www.dailymotion.com/video/x2w0jzl_cortoons-tv-tropty-episodio-2_fun</i></p>
2347
  </div>
2348
  </div>
2349
  <div class="wds_editor">
@@ -2445,7 +2594,7 @@ class WDSViewSliders_wds {
2445
  <input id="<?php echo $prefix; ?>_published1" type="radio" name="<?php echo $prefix; ?>_published" value="1" <?php echo (($new_layer['published']) ? 'checked="checked"' : ''); ?> />
2446
  <label <?php echo (($new_layer['published']) ? 'class="selected_color"' : ''); ?> for="<?php echo $prefix; ?>_published1"><?php _e('Yes', 'wds'); ?></label>
2447
  <input id="<?php echo $prefix; ?>_published0" type="radio" name="<?php echo $prefix; ?>_published" value="0" <?php echo (($new_layer['published']) ? '' : 'checked="checked"'); ?>/>
2448
- <label <?php echo (($new_layer['published']) ? 'class="selected_color"' : ''); ?> for="<?php echo $prefix; ?>_published0"><?php _e('No', 'wds'); ?></label>
2449
  <p class="description"></p>
2450
  </span>
2451
  <span class="wd-group">
@@ -2454,7 +2603,7 @@ class WDSViewSliders_wds {
2454
  <p class="description"><?php _e('The layer will be visible on all slides.', 'wds'); ?></p>
2455
  </span>
2456
  <span class="wd-group">
2457
- <label class="wd-label" title="<?php _e('Set width and height of the image.', 'wds'); ?>"><?php _e('Dimensions:', 'wds'); ?></label>
2458
  <input type="hidden" name="<?php echo $prefix; ?>_image_url" id="<?php echo $prefix; ?>_image_url" value="<?php echo $new_layer['image_url']; ?>" />
2459
  <input id="<?php echo $prefix; ?>_image_width" class="spider_int_input" type="text" onkeyup="wds_scale('#<?php echo $prefix; ?>_image_scale', '<?php echo $prefix; ?>')" value="<?php echo $new_layer['image_width']; ?>" name="<?php echo $prefix; ?>_image_width" /> x
2460
  <input id="<?php echo $prefix; ?>_image_height" class="spider_int_input" type="text" onkeyup="wds_scale('#<?php echo $prefix; ?>_image_scale', '<?php echo $prefix; ?>')" value="<?php echo $new_layer['image_height']; ?>" name="<?php echo $prefix; ?>_image_height" /> px
@@ -2472,24 +2621,29 @@ class WDSViewSliders_wds {
2472
  <?php
2473
  }
2474
  ?>
 
2475
  </span>
2476
  <span class="wd-group">
2477
- <label class="wd-label" for="<?php echo $prefix; ?>_alt" title="<?php _e('Set the value of alt HTML attribute for this image layer.', 'wds'); ?>"><?php _e('Alt:', 'wds'); ?></label>
2478
  <input id="<?php echo $prefix; ?>_alt" type="text" class="wds_link" value="<?php echo $new_layer['alt']; ?>" name="<?php echo $prefix; ?>_alt" />
 
2479
  </span>
2480
  <span class="wd-group">
2481
- <label class="wd-label" for="<?php echo $prefix; ?>_link" title="<?php _e('Use http:// and https:// for external links.', 'wds'); ?>"><?php _e('Link:', 'wds'); ?></label>
2482
  <input id="<?php echo $prefix; ?>_link" class="wds_link" type="text" value="<?php echo $new_layer['link']; ?>" name="<?php echo $prefix; ?>_link" />
2483
  <input id="<?php echo $prefix; ?>_target_attr_layer" type="checkbox" name="<?php echo $prefix; ?>_target_attr_layer" <?php echo (($new_layer['target_attr_layer']) ? 'checked="checked"' : ''); ?> value="1" /><label for="<?php echo $prefix; ?>_target_attr_layer"><?php _e('Open in a new window', 'wds'); ?></label>
 
2484
  </span>
2485
  <span class="wd-group">
2486
- <label class="wd-label" title="<?php _e('In addition, you can drag the layer and drop it to the desired position.', 'wds'); ?>"><?php _e('Position:', 'wds'); ?></label>
2487
  X <input id="<?php echo $prefix; ?>_left" class="spider_int_input" type="text" onchange="jQuery('#<?php echo $prefix; ?>').css({left: jQuery(this).val() + 'px'})" onkeypress="return spider_check_isnum(event)" value="<?php echo $new_layer['left']; ?>" name="<?php echo $prefix; ?>_left" />
2488
  Y <input id="<?php echo $prefix; ?>_top" class="spider_int_input" type="text" onchange="jQuery('#<?php echo $prefix; ?>').css({top: jQuery(this).val() + 'px'})" onkeypress="return spider_check_isnum(event)" value="<?php echo $new_layer['top']; ?>" name="<?php echo $prefix; ?>_top" />
 
2489
  </span>
2490
  <span class="wd-group">
2491
- <label class="wd-label" for="<?php echo $prefix; ?>_imgtransparent" title="<?php _e('Value must be between 0 and 100.', 'wds'); ?>"><?php _e('Transparency:', 'wds'); ?></label>
2492
  <input id="<?php echo $prefix; ?>_imgtransparent" class="spider_int_input" type="text" onchange="jQuery('#<?php echo $prefix; ?>').css({opacity: (100 - jQuery(this).val()) / 100, filter: 'Alpha(opacity=' + 100 - jQuery(this).val() + ')'})" onkeypress="return spider_check_isnum(event)" value="<?php echo $new_layer['imgtransparent']; ?>" name="<?php echo $prefix; ?>_imgtransparent"> %
 
2493
  </span>
2494
  <span class="wd-group">
2495
  <label class="wd-label" for="<?php echo $prefix; ?>_layer_callback_list"><?php _e('Add click action:', 'wds'); ?></label>
@@ -2593,16 +2747,19 @@ class WDSViewSliders_wds {
2593
  <p class="description"></p>
2594
  </span>
2595
  <span class="wd-group">
2596
- <label class="wd-label" for="<?php echo $prefix; ?>_border_radius" title="<?php _e('Use CSS type values (e.g. 4px).', 'wds'); ?>"><?php _e('Radius:', 'wds'); ?></label>
2597
- <input id="<?php echo $prefix; ?>_border_radius" class="spider_char_input" type="text" onchange="jQuery('#<?php echo $prefix; ?>').css({borderRadius: jQuery(this).val()})" value="<?php echo $new_layer['border_radius']; ?>" name="<?php echo $prefix; ?>_border_radius">
 
2598
  </span>
2599
  <span class="wd-group">
2600
  <label class="wd-label" for="<?php echo $prefix; ?>_shadow"><?php _e('Shadow:', 'wds'); ?></label>
2601
- <input id="<?php echo $prefix; ?>_shadow" class="spider_char_input" type="text" onchange="jQuery('#<?php echo $prefix; ?>').css({boxShadow: jQuery(this).val()})" value="<?php echo $new_layer['shadow']; ?>" name="<?php echo $prefix; ?>_shadow" />
 
2602
  </span>
2603
  <span class="wd-group">
2604
  <label class="wd-label" for="<?php echo $prefix; ?>_add_class"><?php _e('Add class:', 'wds'); ?></label>
2605
  <input id="<?php echo $prefix; ?>_add_class" class="spider_char_input" type="text" value="<?php echo $new_layer['add_class']; ?>" name="<?php echo $prefix; ?>_add_class" />
 
2606
  </span>
2607
  </div>
2608
  </div>
@@ -2649,7 +2806,7 @@ class WDSViewSliders_wds {
2649
  'layer_effect_in' => 'none',
2650
  'duration_eff_in' => 1000,
2651
  'infinite_in' => 1,
2652
- 'end' => 1000,
2653
  'layer_effect_out' => 'none',
2654
  'duration_eff_out' => 1000,
2655
  'infinite_out' => 1,
@@ -2748,31 +2905,37 @@ class WDSViewSliders_wds {
2748
  */
2749
  ?>
2750
  <span class="wd-group">
2751
- <label class="wd-label wds_tooltip spider_label" for="<?php echo $prefix; ?>_static_layer" title="<?php _e('Leave blank to keep the initial width and height.', 'wds'); ?>"><?php _e('Static layer:', 'wds'); ?></label>
2752
  <input id="<?php echo $prefix; ?>_static_layer" type="checkbox" name="<?php echo $prefix; ?>_static_layer" <?php echo checked(1, $new_layer['static_layer']); ?> value="1" />
2753
- <p class="description"><?php _e('The layer will be visible on all slides.', 'wds'); ?></p>
2754
  </span>
2755
  <span class="wd-group">
2756
- <label class="wd-label wds_tooltip spider_label" for="<?php echo $prefix; ?>_image_width" title="<?php _e('Leave blank to keep the initial width and height.', 'wds'); ?>"><?php _e('Dimensions:', 'wds'); ?></label>
2757
  <input id="<?php echo $prefix; ?>_image_width" class="spider_int_input" type="text" onchange="wds_text_width(this, '<?php echo $prefix; ?>')" value="<?php echo $new_layer['image_width']; ?>" name="<?php echo $prefix; ?>_image_width" /> x
2758
  <input id="<?php echo $prefix; ?>_image_height" class="spider_int_input" type="text" onchange="wds_text_height(this, '<?php echo $prefix; ?>')" value="<?php echo $new_layer['image_height']; ?>" name="<?php echo $prefix; ?>_image_height" /> %
2759
  <input id="<?php echo $prefix; ?>_image_scale" type="checkbox" onchange="wds_break_word(this, '<?php echo $prefix; ?>')" name="<?php echo $prefix; ?>_image_scale" <?php echo (($new_layer['image_scale']) ? 'checked="checked"' : ''); ?> /><label for="<?php echo $prefix; ?>_image_scale"><?php _e('Break-word', 'wds'); ?></label>
 
2760
  </span>
2761
  <span class="wd-group">
2762
- <label class="wd-label wds_tooltip spider_label" title="<?php _e('In addition, you can drag the layer and drop it to the desired position.', 'wds'); ?>"><?php _e('Position:', 'wds'); ?></label>
2763
  X <input id="<?php echo $prefix; ?>_left" class="spider_int_input" type="text" <?php echo ($new_layer['align']) ? 'disabled="disabled"' : ''; ?> onchange="jQuery('#<?php echo $prefix; ?>').css({left: jQuery(this).val() + 'px'})" onkeypress="return spider_check_isnum(event)" value="<?php echo $new_layer['left']; ?>" name="<?php echo $prefix; ?>_left" />
2764
  Y <input id="<?php echo $prefix; ?>_top" class="spider_int_input" type="text" onchange="jQuery('#<?php echo $prefix; ?>').css({top: jQuery(this).val() + 'px'})" onkeypress="return spider_check_isnum(event)" value="<?php echo $new_layer['top']; ?>" name="<?php echo $prefix; ?>_top" />
2765
  <input id="<?php echo $prefix; ?>_align_layer" type="checkbox" name="<?php echo $prefix; ?>_align_layer" <?php echo checked(1, $new_layer['align'] ); ?> value="1" onchange="wds_position_left_disabled('<?php echo $prefix; ?>')" /><label for="<?php echo $prefix; ?>_align_layer"><?php _e('Fixed step (left, center, right)', 'wds'); ?></label>
 
2766
  </span>
2767
  <span class="wd-group">
2768
- <label class="wd-label wds_tooltip spider_label" for="<?php echo $prefix; ?>_size"><?php _e('Size:', 'wds'); ?></label>
2769
  <span style="display: inline-block">
2770
  <input id="<?php echo $prefix; ?>_size" class="spider_int_input" type="text" onchange="jQuery('#<?php echo $prefix; ?>').css({fontSize: jQuery(this).val() + 'px', lineHeight: jQuery(this).val() + 'px'})" onkeypress="return spider_check_isnum(event)" value="<?php echo $new_layer['size']; ?>" name="<?php echo $prefix; ?>_size" /> px
2771
  </span>
 
 
 
 
2772
  <span style="display: inline-block;">
2773
  <input id="<?php echo $prefix; ?>_min_size" class="spider_int_input" type="text" onchange="wds_min_size_validation('<?php echo $prefix; ?>')" onkeypress="return spider_check_isnum(event)" value="<?php echo $new_layer['min_size']; ?>" name="<?php echo $prefix; ?>_min_size" /> px
2774
  </span>
2775
- <p class="description"><?php _e('Sets the minimal size of the text. It will be shrunk until the font size is equal to this value.', 'wds'); ?></p>
2776
  </span>
2777
  <span class="wd-group">
2778
  <label class="wd-label" for="<?php echo $prefix; ?>_color"><?php _e('Color:', 'wds'); ?></label>
@@ -2816,9 +2979,10 @@ class WDSViewSliders_wds {
2816
  <p class="description"></p>
2817
  </span>
2818
  <span class="wd-group">
2819
- <label class="wd-label" for="<?php echo $prefix; ?>_link" title="<?php _e('Use http:// and https:// for external links.', 'wds'); ?>"><?php _e('Link:', 'wds'); ?></label>
2820
  <input class="wds_link" id="<?php echo $prefix; ?>_link" type="text" style="width: 200px;" value="<?php echo $new_layer['link']; ?>" name="<?php echo $prefix; ?>_link" />
2821
  <input id="<?php echo $prefix; ?>_target_attr_layer" type="checkbox" name="<?php echo $prefix; ?>_target_attr_layer" <?php echo (($new_layer["target_attr_layer"]) ? 'checked="checked"' : ''); ?> value="1" /><label for="<?php echo $prefix; ?>_target_attr_layer"><?php _e('Open in a new window', 'wds'); ?></label>
 
2822
  </span>
2823
  <span class="wd-group">
2824
  <label class="wd-label" for="<?php echo $prefix; ?>_layer_callback_list"><?php _e('Add click action:', 'wds'); ?></label>
@@ -2907,8 +3071,9 @@ class WDSViewSliders_wds {
2907
  </span>
2908
  </span>
2909
  <span class="wd-group">
2910
- <label class="wd-label" for="<?php echo $prefix; ?>_padding" title="<?php _e('Use CSS type values (e.g. 5px 10px 10px).', 'wds'); ?>"><?php _e('Padding:', 'wds'); ?></label>
2911
- <input id="<?php echo $prefix; ?>_padding" class="spider_char_input" type="text" onchange="document.getElementById('<?php echo $prefix; ?>').style.padding=jQuery(this).val();" value="<?php echo $new_layer['padding']; ?>" name="<?php echo $prefix; ?>_padding">
 
2912
  </span>
2913
  <span class="wd-group">
2914
  <label class="wd-label" for="<?php echo $prefix; ?>_fbgcolor"><?php _e('Background Color:', 'wds'); ?></label>
@@ -2916,8 +3081,9 @@ class WDSViewSliders_wds {
2916
  <p class="description"></p>
2917
  </span>
2918
  <span class="wd-group">
2919
- <label class="wd-label" for="<?php echo $prefix; ?>_transparent" title="<?php _e('Value must be between 0 and 100.', 'wds'); ?>"><?php _e('Transparency:', 'wds'); ?></label>
2920
  <input id="<?php echo $prefix; ?>_transparent" class="spider_int_input" type="text" onchange="wde_change_text_bg_color('<?php echo $prefix; ?>')" onkeypress="return spider_check_isnum(event)" value="<?php echo $new_layer['transparent']; ?>" name="<?php echo $prefix; ?>_transparent"> %
 
2921
  </span>
2922
  <span class="wd-group">
2923
  <label class="wd-label" for="<?php echo $prefix; ?>_border_width"><?php _e('Border:', 'wds'); ?></label>
@@ -2934,17 +3100,19 @@ class WDSViewSliders_wds {
2934
  <input id="<?php echo $prefix; ?>_border_color" class="color" type="text" onchange="jQuery('#<?php echo $prefix; ?>').css({borderColor: '#' + jQuery(this).val()})" value="<?php echo $new_layer['border_color']; ?>" name="<?php echo $prefix; ?>_border_color">
2935
  </span>
2936
  <span class="wd-group">
2937
- <label class="wd-label" for="<?php echo $prefix; ?>_border_radius" title="<?php _e('Use CSS type values (e.g. 4px).', 'wds'); ?>"><?php _e('Radius:', 'wds'); ?></label>
2938
- <input id="<?php echo $prefix; ?>_border_radius" class="spider_char_input" type="text" onchange="jQuery('#<?php echo $prefix; ?>').css({borderRadius: jQuery(this).val()})" value="<?php echo $new_layer['border_radius']; ?>" name="<?php echo $prefix; ?>_border_radius">
2939
- <p class="description"></p>
2940
  </span>
2941
  <span class="wd-group">
2942
- <label class="wd-label" for="<?php echo $prefix; ?>_shadow" title="<?php _e('Use CSS type values (e.g. 10px 10px 5px #888888).', 'wds'); ?>"><?php _e('Shadow:', 'wds'); ?></label>
2943
- <input id="<?php echo $prefix; ?>_shadow" class="spider_char_input" type="text" onchange="jQuery('#<?php echo $prefix; ?>').css({boxShadow: jQuery(this).val()})" value="<?php echo $new_layer['shadow']; ?>" name="<?php echo $prefix; ?>_shadow" />
 
2944
  </span>
2945
  <span class="wd-group">
2946
- <label class="wd-label" for="<?php echo $prefix; ?>_add_class" title="<?php _e('Use this option to add a unique class to this layer.', 'wds'); ?>"><?php _e('Add class:', 'wds'); ?></label>
2947
  <input id="<?php echo $prefix; ?>_add_class" class="spider_char_input" type="text" value="<?php echo $new_layer['add_class']; ?>" name="<?php echo $prefix; ?>_add_class" />
 
2948
  </span>
2949
  <span class="wd-group">
2950
  <label class="wd-label" for="<?php echo $prefix; ?>_text_alignment"><?php _e('Text alignment:', 'wds'); ?></label>
@@ -2981,7 +3149,7 @@ class WDSViewSliders_wds {
2981
  $new_layer = array(
2982
  'tt' => true,
2983
  'videoType' => 'video',
2984
- 'youtube_rel_layer_video' => '1',
2985
  'text' => 'Sample Text',
2986
  'static_layer' => '0',
2987
  'id' => 'pr_1',
@@ -3000,7 +3168,7 @@ class WDSViewSliders_wds {
3000
  'layer_effect_in' => 'none',
3001
  'duration_eff_in' => 1000,
3002
  'infinite_in' => 1,
3003
- 'end' => 1000,
3004
  'layer_effect_out' => 'none',
3005
  'duration_eff_out' => 1000,
3006
  'infinite_out' => 1,
@@ -3050,7 +3218,6 @@ class WDSViewSliders_wds {
3050
  'layer_video_loop' => $layer->layer_video_loop,
3051
  'image_url' => $layer->image_url,
3052
  'alt' => $layer->alt,
3053
-
3054
  );
3055
  }
3056
  ob_start();
@@ -3064,19 +3231,18 @@ class WDSViewSliders_wds {
3064
  <span class="wd-group">
3065
  <label class="wd-label"><?php _e('Published:', 'wds'); ?></label>
3066
  <input id="<?php echo $prefix; ?>_published1" type="radio" name="<?php echo $prefix; ?>_published" value="1" <?php echo (($new_layer['published']) ? 'checked="checked"' : ''); ?> />
3067
- <label for="<?php echo $prefix; ?>_published1"><?php _e('Yes', 'wds'); ?></label>
3068
  <input id="<?php echo $prefix; ?>_published0" type="radio" name="<?php echo $prefix; ?>_published" value="0" <?php echo (($new_layer['published']) ? '' : 'checked="checked"'); ?> />
3069
- <label for="<?php echo $prefix; ?>_published0"><?php _e('No', 'wds'); ?></label>
3070
  <p class="description"></p>
3071
  </span>
3072
-
3073
  <span class="wd-group">
3074
  <label class="wd-label" for="<?php echo $prefix; ?>_static_layer"><?php _e('Static layer:', 'wds'); ?></label>
3075
  <input id="<?php echo $prefix; ?>_static_layer" type="checkbox" name="<?php echo $prefix; ?>_static_layer" <?php echo checked(1, $new_layer['static_layer']); ?> value="1" />
3076
  <p class="description"><?php _e('The layer will be visible on all slides.', 'wds'); ?></p>
3077
  </span>
3078
  <span class="wd-group">
3079
- <label class="wd-label" title="Set width and height of the video."><?php _e('Dimensions:', 'wds'); ?></label>
3080
  <input type="hidden" id="<?php echo $prefix; ?>_attr_width" name="<?php echo $prefix; ?>_attr_width" value="<?php echo $new_layer['attr_width']; ?>"/>
3081
  <input type="hidden" id="<?php echo $prefix; ?>_attr_height" name="<?php echo $prefix; ?>_attr_height" value="<?php echo $new_layer['attr_height']; ?>"/>
3082
  <input type="hidden" id="<?php echo $prefix; ?>_layer_post_id" name="<?php echo $prefix; ?>_layer_post_id" value="<?php echo $new_layer['image_url']; ?>" />
@@ -3085,11 +3251,13 @@ class WDSViewSliders_wds {
3085
  <input type="hidden" name="<?php echo $prefix; ?>_image_url" id="<?php echo $prefix; ?>_image_url" value="<?php echo $new_layer['image_url']; ?>" />
3086
  <input id="<?php echo $prefix; ?>_image_width" class="spider_int_input" type="text" onkeyup="wds_scale('#<?php echo $prefix; ?>_image_scale', '<?php echo $prefix; ?>')" value="<?php echo $new_layer['image_width']; ?>" name="<?php echo $prefix; ?>_image_width" /> x
3087
  <input id="<?php echo $prefix; ?>_image_height" class="spider_int_input" type="text" onkeyup="wds_scale('#<?php echo $prefix; ?>_image_scale', '<?php echo $prefix; ?>')" value="<?php echo $new_layer['image_height']; ?>" name="<?php echo $prefix; ?>_image_height" /> px
 
3088
  </span>
3089
  <span class="wd-group">
3090
- <label class="wd-label" title="<?php _e('In addition, you can drag the layer and drop it to the desired position.', 'wds'); ?>"><?php _e('Position:', 'wds'); ?></label>
3091
  X <input id="<?php echo $prefix; ?>_left" class="spider_int_input" type="text" onchange="jQuery('#<?php echo $prefix; ?>').css({left: jQuery(this).val() + 'px'})" onkeypress="return spider_check_isnum(event)" value="<?php echo $new_layer['left']; ?>" name="<?php echo $prefix; ?>_left" />
3092
  Y <input id="<?php echo $prefix; ?>_top" class="spider_int_input" type="text" onchange="jQuery('#<?php echo $prefix; ?>').css({top: jQuery(this).val() + 'px'})" onkeypress="return spider_check_isnum(event)" value="<?php echo $new_layer['top']; ?>" name="<?php echo $prefix; ?>_top" />
 
3093
  </span>
3094
  <span class="wd-group">
3095
  <label class="wd-label" for="<?php echo $prefix; ?>_border_width"><?php _e('Border:', 'wds'); ?></label>
@@ -3106,7 +3274,7 @@ class WDSViewSliders_wds {
3106
  <input id="<?php echo $prefix; ?>_border_color" class="color" type="text" onchange="jQuery('#<?php echo $prefix; ?>').css({borderColor: '#' + jQuery(this).val()})" value="<?php echo $new_layer['border_color']; ?>" name="<?php echo $prefix; ?>_border_color" />
3107
  <p class="description"></p>
3108
  </span>
3109
- <span class="wd-group <?php echo $prefix; ?>_autoplay_td spider_label" <?php echo ($new_layer['target_attr_layer'] == "0" && $new_layer['videoType'] == 'upvideo') ? 'style="visibility:hidden"' : ''; ?>>
3110
  <label class="wd-label"><?php _e('Autoplay:', 'wds'); ?></label>
3111
  <input id="<?php echo $prefix; ?>_image_scale1" type="radio" name="<?php echo $prefix; ?>_image_scale" value="on" <?php echo (($new_layer['image_scale'] == "on") ? 'checked="checked"' : ''); ?> />
3112
  <label <?php echo (($new_layer['image_scale'] == "on") ? 'class="selected_color"' : ''); ?> for="<?php echo $prefix; ?>_image_scale1"><?php _e('Yes', 'wds'); ?></label>
@@ -3114,12 +3282,12 @@ class WDSViewSliders_wds {
3114
  <label <?php echo (($new_layer['image_scale'] == "on") ? '' : 'class="selected_color"'); ?> for="<?php echo $prefix; ?>_image_scale0"><?php _e('No', 'wds'); ?></label>
3115
  <p class="description"></p>
3116
  </span>
3117
- <span class="wd-group">
3118
  <label class="wd-label"><?php _e('Disable youtube related video:', 'wds'); ?></label>
3119
- <input id="<?php echo $prefix; ?>_youtube_rel_layer_video1" type="radio" name="<?php echo $prefix; ?>_youtube_rel_layer_video" value="1" <?php echo (($new_layer['youtube_rel_layer_video']) ? 'checked="checked"' : ''); ?> />
3120
- <label for="<?php echo $prefix; ?>_youtube_rel_layer_video1"><?php _e('Yes', 'wds'); ?></label>
3121
- <input id="<?php echo $prefix; ?>_youtube_rel_layer_video0" type="radio" name="<?php echo $prefix; ?>_youtube_rel_layer_video" value="0" <?php echo (($new_layer['youtube_rel_layer_video']) ? '' : 'checked="checked"'); ?> />
3122
- <label for="<?php echo $prefix; ?>_youtube_rel_layer_video0"><?php _e('No', 'wds'); ?></label>
3123
  <p class="description"></p>
3124
  </span>
3125
  </div>
@@ -3183,16 +3351,19 @@ class WDSViewSliders_wds {
3183
  </span>
3184
  </span>
3185
  <span class="wd-group">
3186
- <label class="wd-label" for="<?php echo $prefix; ?>_border_radius" title="Use CSS type values (e.g. 4px)."><?php _e('Radius:', 'wds'); ?></label>
3187
- <input id="<?php echo $prefix; ?>_border_radius" class="spider_char_input" type="text" onchange="jQuery('#<?php echo $prefix; ?>').css({borderRadius: jQuery(this).val()})" value="<?php echo $new_layer['border_radius']; ?>" name="<?php echo $prefix; ?>_border_radius">
 
3188
  </span>
3189
  <span class="wd-group">
3190
- <label class="wd-label" for="<?php echo $prefix; ?>_shadow" title="<?php _e('Use CSS type values (e.g. 10px 10px 5px #888888).', 'wds'); ?>"><?php _e('Shadow:', 'wds'); ?></label>
3191
- <input id="<?php echo $prefix; ?>_shadow" class="spider_char_input" type="text" onchange="jQuery('#<?php echo $prefix; ?>').css({boxShadow: jQuery(this).val()})" value="<?php echo $new_layer['shadow']; ?>" name="<?php echo $prefix; ?>_shadow" />
 
3192
  </span>
3193
  <span class="wd-group">
3194
  <label class="wd-label" for="<?php echo $prefix; ?>_add_class"><?php _e('Add class:', 'wds'); ?></label>
3195
  <input id="<?php echo $prefix; ?>_add_class" class="spider_char_input" type="text" value="<?php echo $new_layer['add_class']; ?>" name="<?php echo $prefix; ?>_add_class" />
 
3196
  </span>
3197
  </div>
3198
  </div>
@@ -3234,7 +3405,7 @@ class WDSViewSliders_wds {
3234
  'layer_effect_in' => 'none',
3235
  'duration_eff_in' => 1000,
3236
  'infinite_in' => 1,
3237
- 'end' => 1000,
3238
  'layer_effect_out' => 'none',
3239
  'duration_eff_out' => 1000,
3240
  'infinite_out' => 1,
@@ -3298,9 +3469,9 @@ class WDSViewSliders_wds {
3298
  <span class="wd-group">
3299
  <label class="wd-label"><?php _e('Published:', 'wds'); ?></label>
3300
  <input id="<?php echo $prefix; ?>_published1" type="radio" name="<?php echo $prefix; ?>_published" value="1" <?php echo (($new_layer['published']) ? 'checked="checked"' : ''); ?> />
3301
- <label for="<?php echo $prefix; ?>_published1"><?php _e('Yes', 'wds'); ?></label>
3302
  <input id="<?php echo $prefix; ?>_published0" type="radio" name="<?php echo $prefix; ?>_published" value="0" <?php echo (($new_layer['published']) ? '' : 'checked="checked"'); ?> />
3303
- <label for="<?php echo $prefix; ?>_published0"><?php _e('No', 'wds'); ?></label>
3304
  <p class="description"></p>
3305
  </span>
3306
  <span class="wd-group">
@@ -3309,7 +3480,7 @@ class WDSViewSliders_wds {
3309
  <p class="description"><?php _e('The layer will be visible on all slides.', 'wds'); ?></p>
3310
  </span>
3311
  <span class="wd-group">
3312
- <label class="wd-label" title="Set width and height of the video."><?php _e('Dimensions:', 'wds'); ?></label>
3313
  <input type="hidden" id="<?php echo $prefix; ?>_attr_width" name="<?php echo $prefix; ?>_attr_width" value="<?php echo $new_layer['attr_width']; ?>"/>
3314
  <input type="hidden" id="<?php echo $prefix; ?>_attr_height" name="<?php echo $prefix; ?>_attr_height" value="<?php echo $new_layer['attr_height']; ?>"/>
3315
  <input type="hidden" id="<?php echo $prefix; ?>_layer_post_id" name="<?php echo $prefix; ?>_layer_post_id" value="<?php echo $new_layer['image_url']; ?>" />
@@ -3318,11 +3489,13 @@ class WDSViewSliders_wds {
3318
  <input type="hidden" name="<?php echo $prefix; ?>_image_url" id="<?php echo $prefix; ?>_image_url" value="<?php echo $new_layer['image_url']; ?>" />
3319
  <input id="<?php echo $prefix; ?>_image_width" class="spider_int_input" type="text" onkeyup="wds_scale('#<?php echo $prefix; ?>_image_scale', '<?php echo $prefix; ?>')" value="<?php echo $new_layer['image_width']; ?>" name="<?php echo $prefix; ?>_image_width" /> x
3320
  <input id="<?php echo $prefix; ?>_image_height" class="spider_int_input" type="text" onkeyup="wds_scale('#<?php echo $prefix; ?>_image_scale', '<?php echo $prefix; ?>')" value="<?php echo $new_layer['image_height']; ?>" name="<?php echo $prefix; ?>_image_height" /> px
 
3321
  </span>
3322
  <span class="wd-group">
3323
- <label class="wd-label" title="<?php _e('In addition, you can drag the layer and drop it to the desired position.', 'wds'); ?>"><?php _e('Position:', 'wds'); ?></label>
3324
  X <input id="<?php echo $prefix; ?>_left" class="spider_int_input" type="text" onchange="jQuery('#<?php echo $prefix; ?>').css({left: jQuery(this).val() + 'px'})" onkeypress="return spider_check_isnum(event)" value="<?php echo $new_layer['left']; ?>" name="<?php echo $prefix; ?>_left" />
3325
  Y <input id="<?php echo $prefix; ?>_top" class="spider_int_input" type="text" onchange="jQuery('#<?php echo $prefix; ?>').css({top: jQuery(this).val() + 'px'})" onkeypress="return spider_check_isnum(event)" value="<?php echo $new_layer['top']; ?>" name="<?php echo $prefix; ?>_top" />
 
3326
  </span>
3327
  <span class="wd-group">
3328
  <label class="wd-label" for="<?php echo $prefix; ?>_border_width"><?php _e('Border:', 'wds'); ?></label>
@@ -3342,9 +3515,9 @@ class WDSViewSliders_wds {
3342
  <span class="wd-group">
3343
  <label class="wd-label"><?php _e('Video Loop:', 'wds'); ?></label>
3344
  <input id="<?php echo $prefix; ?>_layer_video_loop1" type="radio" name="<?php echo $prefix; ?>_layer_video_loop" value="1" <?php echo (($new_layer['layer_video_loop']) ? 'checked="checked"' : ''); ?> />
3345
- <label for="<?php echo $prefix; ?>_layer_video_loop1"><?php _e('Yes', 'wds'); ?></label>
3346
  <input id="<?php echo $prefix; ?>_layer_video_loop0" type="radio" name="<?php echo $prefix; ?>_layer_video_loop" value="0" <?php echo (($new_layer['layer_video_loop']) ? '' : 'checked="checked"'); ?> />
3347
- <label for="<?php echo $prefix; ?>_layer_video_loop0"><?php _e('No', 'wds'); ?></label>
3348
  <p class="description"></p>
3349
  </span>
3350
  <span class="wd-group">
@@ -3424,16 +3597,19 @@ class WDSViewSliders_wds {
3424
  </span>
3425
  </span>
3426
  <span class="wd-group">
3427
- <label class="wd-label" for="<?php echo $prefix; ?>_border_radius" title="Use CSS type values (e.g. 4px)."><?php _e('Radius:', 'wds'); ?></label>
3428
- <input id="<?php echo $prefix; ?>_border_radius" class="spider_char_input" type="text" onchange="jQuery('#<?php echo $prefix; ?>').css({borderRadius: jQuery(this).val()})" value="<?php echo $new_layer['border_radius']; ?>" name="<?php echo $prefix; ?>_border_radius">
 
3429
  </span>
3430
  <span class="wd-group">
3431
- <label class="wd-label" for="<?php echo $prefix; ?>_shadow" title="<?php _e('Use CSS type values (e.g. 10px 10px 5px #888888).', 'wds'); ?>"><?php _e('Shadow:', 'wds'); ?></label>
3432
- <input id="<?php echo $prefix; ?>_shadow" class="spider_char_input" type="text" onchange="jQuery('#<?php echo $prefix; ?>').css({boxShadow: jQuery(this).val()})" value="<?php echo $new_layer['shadow']; ?>" name="<?php echo $prefix; ?>_shadow" />
 
3433
  </span>
3434
  <span class="wd-group">
3435
- <label class="wd-label" for="<?php echo $prefix; ?>_add_class" title="<?php _e('Use this option to add a unique class to this layer.', 'wds'); ?>"><?php _e('Add class:', 'wds'); ?></label>
3436
  <input id="<?php echo $prefix; ?>_add_class" class="spider_char_input" type="text" value="<?php echo $new_layer['add_class']; ?>" name="<?php echo $prefix; ?>_add_class" />
 
3437
  </span>
3438
  </div>
3439
  </div>
@@ -3475,18 +3651,18 @@ class WDSViewSliders_wds {
3475
  'layer_effect_in' => 'none',
3476
  'duration_eff_in' => 1000,
3477
  'infinite_in' => 1,
3478
- 'end' => 1000,
3479
  'layer_effect_out' => 'none',
3480
  'duration_eff_out' => 1000,
3481
  'infinite_out' => 1,
3482
  'padding' => '5px',
3483
  'fbgcolor' => '000000',
3484
- 'color' => '000000',
3485
  'transparent' => 50,
3486
  'border_width' => 2,
3487
  'border_style' => $border_styles,
3488
  'border_color' => 'BBBBBB',
3489
- 'hotp_border_radius' => '2px',
3490
  'border_radius' => '2px',
3491
  'shadow' => '',
3492
  'add_class' => '',
@@ -3494,7 +3670,7 @@ class WDSViewSliders_wds {
3494
  'hotspot_text_display' => 'hover',
3495
  'hotspot_animation' => '1',
3496
  'hotp_width' => 20,
3497
- 'hotp_text_position' => $hotp_text_positions,
3498
  'hotp_border_width' => 2,
3499
  'hotp_border_style' => $border_styles,
3500
  'hotp_border_color' => 'BBBBBB',
@@ -3548,11 +3724,6 @@ class WDSViewSliders_wds {
3548
  'hotp_border_color' => $layer->hotp_border_color,
3549
  'hotp_fbgcolor' => $layer->hotp_fbgcolor,
3550
  'link_to_slide' => $layer->link_to_slide,
3551
-
3552
-
3553
-
3554
-
3555
-
3556
  );
3557
  }
3558
  ob_start();
@@ -3582,27 +3753,27 @@ class WDSViewSliders_wds {
3582
  <p class="description"><?php _e('The layer will be visible on all slides.', 'wds'); ?></p>
3583
  </span>
3584
  <span class="wd-group">
3585
- <label class="wd-label" for="<?php echo $prefix; ?>_image_width" title="Leave blank to keep the initial width and height."><?php _e('Dimensions:', 'wds'); ?></label>
3586
  <input id="<?php echo $prefix; ?>_image_width" class="spider_int_input" type="text" onchange="wds_hotspot_text_width('<?php echo $prefix; ?>')" value="<?php echo $new_layer['image_width']; ?>" name="<?php echo $prefix; ?>_image_width" /> x
3587
  <input id="<?php echo $prefix; ?>_image_height" class="spider_int_input" type="text" onchange="wds_hotspot_text_width('<?php echo $prefix; ?>')" value="<?php echo $new_layer['image_height']; ?>" name="<?php echo $prefix; ?>_image_height" /> px
3588
  <input id="<?php echo $prefix; ?>_image_scale" type="checkbox" onchange="wds_break_word(this, '<?php echo $prefix; ?>')" name="<?php echo $prefix; ?>_image_scale" <?php echo (($new_layer['image_scale']) ? 'checked="checked"' : ''); ?> /><label for="<?php echo $prefix; ?>_image_scale"><?php _e('Break-word', 'wds'); ?></label>
3589
- <p class="description"></p>
3590
  </span>
3591
  <span class="wd-group">
3592
- <label class="wd-label" title="<?php _e('In addition, you can drag the layer and drop it to the desired position.', 'wds'); ?>"><?php _e('Position:', 'wds'); ?></label>
3593
  X <input id="<?php echo $prefix; ?>_div_left" class="spider_int_input" type="text" onchange="jQuery('#<?php echo $prefix; ?>_div').css({left: jQuery(this).val() + 'px'})" onkeypress="return spider_check_isnum(event)" value="<?php echo $new_layer['left']; ?>" name="<?php echo $prefix; ?>_left" />
3594
  Y <input id="<?php echo $prefix; ?>_div_top" class="spider_int_input" type="text" onchange="jQuery('#<?php echo $prefix; ?>_div').css({top: jQuery(this).val() + 'px'})" onkeypress="return spider_check_isnum(event)" value="<?php echo $new_layer['top']; ?>" name="<?php echo $prefix; ?>_top" />
3595
- <p class="description"></p>
3596
  </span>
3597
  <span class="wd-group">
3598
- <label class="wd-label" for="<?php echo $prefix; ?>_link" title="<?php _e('Use http:// and https:// for external links.', 'wds'); ?>"><?php _e('Link:', 'wds'); ?></label>
3599
  <input id="<?php echo $prefix; ?>_link" type="text" size="39" class="wds_link" value="<?php echo $new_layer['link']; ?>" name="<?php echo $prefix; ?>_link" />
3600
  <input id="<?php echo $prefix; ?>_target_attr_layer" type="checkbox" name="<?php echo $prefix; ?>_target_attr_layer" <?php echo (($new_layer['target_attr_layer']) ? 'checked="checked"' : ''); ?> value="1" /><label for="<?php echo $prefix; ?>_target_attr_layer"><?php _e('Open in a new window', 'wds'); ?></label>
3601
- <p class="description"></p>
3602
  </span>
3603
  <span class="wd-group">
3604
  <label class="wd-label" for="<?php echo $prefix; ?>_htextposition"><?php _e('Hotspot text position:', 'wds'); ?></label>
3605
- <select class="select_icon select_icon_320" id="<?php echo $prefix; ?>_htextposition" name="<?php echo $prefix; ?>_htextposition" onchange="jQuery('#<?php echo $prefix; ?>_div').attr('data-text_position', jQuery(this).val()); wds_hotspot_position('<?php echo $prefix; ?>')">
3606
  <?php
3607
  foreach ($hotp_text_positions as $key => $hotp_text_position) {
3608
  ?>
@@ -3614,9 +3785,10 @@ class WDSViewSliders_wds {
3614
  <p class="description"></p>
3615
  </span>
3616
  <span class="wd-group">
3617
- <label class="wd-label" title="<?php _e('Select between the option of always displaying the navigation buttons or only when hovered.', 'wds'); ?>"><?php _e('Show Hotspot text:', 'wds'); ?></label>
3618
  <input type="radio" name="<?php echo $prefix; ?>_hotspot_text_display" id="<?php echo $prefix; ?>_hotspot_text_display_1" value="hover" <?php if ($new_layer['hotspot_text_display'] == 'hover') echo 'checked="checked"'; ?> /><label <?php echo $new_layer['hotspot_text_display'] == 'hover' ? 'class="selected_color"' : ''; ?> for="<?php echo $prefix; ?>_hotspot_text_display_1"><?php _e('On hover', 'wds'); ?></label>
3619
  <input type="radio" name="<?php echo $prefix; ?>_hotspot_text_display" id="<?php echo $prefix; ?>_hotspot_text_display_0" value="click" <?php if ($new_layer['hotspot_text_display'] == 'click' ) echo 'checked="checked"'; ?> /><label <?php echo $new_layer['hotspot_text_display'] == 'click' ? 'class="selected_color"' : ''; ?> for="<?php echo $prefix; ?>_hotspot_text_display_0"><?php _e('On click', 'wds'); ?></label>
 
3620
  </span>
3621
  <span class="wd-group">
3622
  <label class="wd-label" for="<?php echo $prefix; ?>_link"><?php _e('Hotspot Width:', 'wds'); ?></label>
@@ -3643,9 +3815,9 @@ class WDSViewSliders_wds {
3643
  <p class="description"></p>
3644
  </span>
3645
  <span class="wd-group">
3646
- <label class="wd-label" for="<?php echo $prefix; ?>_hotp_border_radius" title="<?php _e('Use CSS type values (e.g. 4px).', 'wds'); ?>"><?php _e('Hotspot Radius:', 'wds'); ?></label>
3647
- <input id="<?php echo $prefix; ?>_hotp_border_radius" class="spider_char_input" type="text" onchange="jQuery('#<?php echo $prefix; ?>_round').css({borderRadius: jQuery(this).val()});jQuery('#<?php echo $prefix; ?>_round_effect').css({borderRadius: jQuery(this).val()})" value="<?php echo $new_layer['hotp_border_radius']; ?>" name="<?php echo $prefix; ?>_hotp_border_radius">
3648
- <p class="description"></p>
3649
  </span>
3650
  <span class="wd-group">
3651
  <label class="wd-label"><?php _e('Hotspot Animation:', 'wds'); ?></label>
@@ -3742,20 +3914,25 @@ class WDSViewSliders_wds {
3742
  </span>
3743
  </span>
3744
  <span class="wd-group">
3745
- <label class="wd-label" for="<?php echo $prefix; ?>_padding" title="<?php _e('Use CSS type values (e.g. 5px 10px 10px).', 'wds'); ?>"><?php _e('Padding:', 'wds'); ?></label>
3746
- <input id="<?php echo $prefix; ?>_padding" class="spider_char_input" type="text" onchange="document.getElementById('<?php echo $prefix; ?>').style.padding=jQuery(this).val();" value="<?php echo $new_layer['padding']; ?>" name="<?php echo $prefix; ?>_padding">
3747
- <p class="description"></p>
3748
  </span>
3749
  <span class="wd-group">
3750
  <label class="wd-label" for="<?php echo $prefix; ?>_size"><?php _e('Size:', 'wds'); ?> </label>
3751
  <span style="display: inline-block">
3752
  <input id="<?php echo $prefix; ?>_size" class="spider_int_input" type="text" onchange="jQuery('#<?php echo $prefix; ?>').css({fontSize: jQuery(this).val() + 'px', lineHeight: jQuery(this).val() + 'px'})" onkeypress="return spider_check_isnum(event)" value="<?php echo $new_layer['size']; ?>" name="<?php echo $prefix; ?>_size" /> px
3753
  </span>
 
 
 
 
3754
  <span style="display: inline-block;">
3755
  <input id="<?php echo $prefix; ?>_min_size" class="spider_int_input" type="text" onchange="wds_min_size_validation('<?php echo $prefix; ?>')" onkeypress="return spider_check_isnum(event)" value="<?php echo $new_layer['min_size']; ?>" name="<?php echo $prefix; ?>_min_size" /> px
3756
  </span>
3757
- <p class="description"><?php _e('Sets the minimal size of the text. It will be shrunk until the font size is equal to this value.', 'wds'); ?></p>
3758
  </span>
 
3759
  <span class="wd-group">
3760
  <label class="wd-label" for="<?php echo $prefix; ?>_color"><?php _e('Color:', 'wds'); ?></label>
3761
  <input id="<?php echo $prefix; ?>_color" class="color" type="text" onchange="jQuery('#<?php echo $prefix; ?>').css({color: '#' + jQuery(this).val()})" value="<?php echo $new_layer['color']; ?>" name="<?php echo $prefix; ?>_color" />
@@ -3798,9 +3975,9 @@ class WDSViewSliders_wds {
3798
  <p class="description"></p>
3799
  </span>
3800
  <span class="wd-group">
3801
- <label class="wd-label" for="<?php echo $prefix; ?>_transparent" title="Value must be between 0 and 100."><?php _e('Transparency:', 'wds'); ?></label>
3802
  <input id="<?php echo $prefix; ?>_transparent" class="spider_int_input" type="text" onchange="wde_change_text_bg_color('<?php echo $prefix; ?>')" onkeypress="return spider_check_isnum(event)" value="<?php echo $new_layer['transparent']; ?>" name="<?php echo $prefix; ?>_transparent"> %
3803
- <p class="description"></p>
3804
  </span>
3805
  <span class="wd-group">
3806
  <label class="wd-label" for="<?php echo $prefix; ?>_border_width"><?php _e('Border:', 'wds'); ?></label>
@@ -3819,17 +3996,18 @@ class WDSViewSliders_wds {
3819
  </span>
3820
  <span class="wd-group">
3821
  <label class="wd-label" for="<?php echo $prefix; ?>_border_radius"><?php _e('Radius:', 'wds'); ?></label>
3822
- <input id="<?php echo $prefix; ?>_border_radius" class="spider_char_input" type="text" onchange="jQuery('#<?php echo $prefix; ?>').css({borderRadius: jQuery(this).val()})" value="<?php echo $new_layer['border_radius']; ?>" name="<?php echo $prefix; ?>_border_radius">
3823
- <p class="description"></p>
3824
  </span>
3825
  <span class="wd-group">
3826
- <label class="wd-label" for="<?php echo $prefix; ?>_shadow" title="<?php _e('Use CSS type values (e.g. 10px 10px 5px #888888).', 'wds'); ?>"><?php _e('Shadow:', 'wds'); ?></label>
3827
- <input id="<?php echo $prefix; ?>_shadow" class="spider_char_input" type="text" onchange="jQuery('#<?php echo $prefix; ?>').css({boxShadow: jQuery(this).val()})" value="<?php echo $new_layer['shadow']; ?>" name="<?php echo $prefix; ?>_shadow" />
3828
- <p class="description"></p>
3829
  </span>
3830
  <span class="wd-group">
3831
- <label class="wd-label" for="<?php echo $prefix; ?>_add_class" title="Use this option to add a unique class to this layer." class="wds_tooltip spider_label"><?php _e('Add class:', 'wds'); ?></label>
3832
  <input id="<?php echo $prefix; ?>_add_class" class="spider_char_input" type="text" value="<?php echo $new_layer['add_class']; ?>" name="<?php echo $prefix; ?>_add_class" />
 
3833
  </span>
3834
  <span class="wd-group">
3835
  <label class="wd-label" for="<?php echo $prefix; ?>_text_alignment"><?php _e('Text alignment:', 'wds'); ?></label>
@@ -3928,9 +4106,10 @@ class WDSViewSliders_wds {
3928
  <p class="description"><?php _e('The layer will be visible on all slides.', 'wds');?></p>
3929
  </span>
3930
  <span class="wd-group">
3931
- <label class="wd-label" title="<?php _e('In addition, you can drag the layer and drop it to the desired position.', 'wds');?>"><?php _e('Position:', 'wds');?></label>
3932
  X <input id="<?php echo $prefix; ?>_left" class="spider_int_input" type="text" onchange="jQuery('#<?php echo $prefix; ?>').css({left: jQuery(this).val() + 'px'})" onkeypress="return spider_check_isnum(event)" value="<?php echo $new_layer['left']; ?>" name="<?php echo $prefix; ?>_left" />
3933
  Y <input id="<?php echo $prefix; ?>_top" class="spider_int_input" type="text" onchange="jQuery('#<?php echo $prefix; ?>').css({top: jQuery(this).val() + 'px'})" onkeypress="return spider_check_isnum(event)" value="<?php echo $new_layer['top']; ?>" name="<?php echo $prefix; ?>_top" />
 
3934
  </span>
3935
  <span class="wd-group">
3936
  <label class="wd-label" for="<?php echo $prefix; ?>_social_button"><?php _e('Social button:', 'wds');?></label>
@@ -3951,8 +4130,9 @@ class WDSViewSliders_wds {
3951
  <p class="description"></p>
3952
  </span>
3953
  <span class="wd-group">
3954
- <label class="wd-label" for="<?php echo $prefix; ?>_transparent" title="<?php _e('Value must be between 0 and 100.', 'wds');?>"><?php _e('Transparency:', 'wds');?></label>
3955
  <input id="<?php echo $prefix; ?>_transparent" class="spider_int_input" type="text" onchange="jQuery('#<?php echo $prefix; ?>').css({opacity: (100 - jQuery(this).val()) / 100, filter: 'Alpha(opacity=' + 100 - jQuery(this).val() + ')'})" onkeypress="return spider_check_isnum(event)" value="<?php echo $new_layer['transparent']; ?>" name="<?php echo $prefix; ?>_transparent" /> %
 
3956
  </span>
3957
  </div>
3958
  </div>
@@ -4025,8 +4205,9 @@ class WDSViewSliders_wds {
4025
  <p class="description"></p>
4026
  </span>
4027
  <span class="wd-group">
4028
- <label class="wd-label" for="<?php echo $prefix; ?>_add_class" title="Use this option to add a unique class to this layer."><?php _e('Add class:', 'wds');?></label>
4029
  <input id="<?php echo $prefix; ?>_add_class" class="spider_char_input" type="text" value="<?php echo $new_layer['add_class']; ?>" name="<?php echo $prefix; ?>_add_class" />
 
4030
  </span>
4031
  </div>
4032
  </div>
12
  $order_by = (isset($_POST['order_by']) ? esc_html(stripslashes($_POST['order_by'])) : 'id');
13
  $order_class = 'manage-column column-title sorted ' . $asc_or_desc;
14
  $ids_string = '';
15
+ $header_title = __('Sliders', WD_S_PREFIX);
16
+ $slider_button_array = array(
17
+ 'publish_all' => __('Publish', WD_S_PREFIX),
18
+ 'unpublish_all' => __('Unpublish', WD_S_PREFIX),
19
+ 'delete_all' => __('Delete', WD_S_PREFIX),
20
+ 'duplicate_all' => __('Duplicate', WD_S_PREFIX),
21
+ 'export' => __('Export', WD_S_PREFIX),
22
+ 'merge_sliders' => __('Merge', WD_S_PREFIX)
23
  );
24
+ $slider_preview_link = $this->model->get_slide_preview_post();
25
+
26
  global $wp_version;
27
  if (version_compare($wp_version, '4','<')) {
28
  ?>
89
  </span>
90
  <select class="bulk_action">
91
  <option value=""><?php _e('Bulk Actions', 'wds'); ?></option>
92
+ <?php
93
  foreach ($slider_button_array as $key => $value) {
94
  ?>
95
  <option value="<?php echo $key; ?>"><?php echo $value; ?></option>
178
  |
179
  </span>
180
  <span>
181
+ <a href="<?php echo add_query_arg( array('slider_id' => $row_data->id), $slider_preview_link ); ?>" target="_blank"><?php _e('Preview', WD_S_PREFIX); ?></a>
182
  </span>
183
  </div>
184
  <button class="toggle-row" type="button">
253
  $layer_callbacks = $options_values['layer_callbacks'];
254
  $text_alignments = $options_values['text_alignments'];
255
  $built_in_watermark_fonts = $options_values['built_in_watermark_fonts'];
256
+ $slider_fillmode_option = array('fill' => __('Fill', WD_S_PREFIX), 'fit' => __('Fit', WD_S_PREFIX), 'stretch' => __('Stretch', WD_S_PREFIX), 'center' => __('Center', WD_S_PREFIX), 'tile' => __('Tile', WD_S_PREFIX));
257
  $free_effects = array('none', 'fade', 'sliceH', 'fan', 'scaleIn');
258
  $fv = (WD_S_FREE && get_option("wds_theme_version") ? TRUE : FALSE);
 
259
  ?>
260
  <div class="spider_message_cont"></div>
261
  <div class="spider_load">
338
  <div class="wd-box-section">
339
  <div class="wd-box-content">
340
  <span class="wd-group">
341
+ <input type="radio" onclick="hide_dimmension_ratio()" id="full_width2" name="full_width" <?php echo (($row->full_width == '2' || $row->full_width == '') ? 'checked="checked"' : ''); ?> value="2" />
342
+ <label <?php echo (($row->full_width == 2) ? 'class="selected_color"' : ''); ?> for="full_width2"><?php _e('Boxed layout', 'wds'); ?></label>
343
+ <input type="radio" onclick="hide_dimmension_ratio()" id="full_width1" name="full_width" <?php echo (($row->full_width == '1') ? 'checked="checked"' : ''); ?> value="1" />
344
+ <label <?php echo ($row->full_width == 1) ? 'class="selected_color"' : ''; ?> for="full_width1"><?php _e('Full width', 'wds'); ?></label>
345
+ <input type="radio" onclick="hide_dimmension_ratio()" id="full_width0" name="full_width" <?php echo (($row->full_width == '0') ? 'checked="checked"' : ''); ?> value="0" />
346
+ <label <?php echo ($row->full_width == 0) ? 'class="selected_color"' : ''; ?> for="full_width0"><?php _e('Custom', 'wds'); ?></label>
347
+ <p class="description full_width_desc" id="full_width2_desc"><?php _e('With Boxed layout, the slideshow will take the 100% width of its parent container.', 'wds'); ?></p>
348
+ <p class="description full_width_desc" id="full_width1_desc"><?php _e('The slider will take the full width of the page. Height will be applied based on the ratio of dimensions or auto height option.', 'wds'); ?></p>
349
+ <p class="description full_width_desc" id="full_width0_desc"><?php _e('This option lets you specify custom dimensions for your slider.', 'wds'); ?></p>
350
+ </span>
351
+ <span class="wd-group" id="auto_height">
352
+ <label class="wd-label"><?php _e('Auto height', 'wds'); ?></label>
353
+ <input type="radio" onclick="hide_dimmension_ratio()" id="auto_height1" name="auto_height" <?php echo (($row->auto_height) ? 'checked="checked"' : ''); ?> value="1" />
354
+ <label <?php echo (($row->auto_height) ? 'class="selected_color"' : ''); ?> for="auto_height1"><?php _e('Yes', 'wds'); ?></label>
355
+ <input type="radio" onclick="hide_dimmension_ratio()" id="auto_height0" name="auto_height" <?php echo (($row->auto_height) ? '' : 'checked="checked"'); ?> value="0" />
356
+ <label <?php echo ($row->auto_height) ? '' : 'class="selected_color"'; ?> for="auto_height0"><?php _e('No', 'wds'); ?></label>
357
+ <p class="description"><?php _e('The slider will take the full height of the screen.', 'wds'); ?></p>
358
  </span>
359
  <span class="wd-group" id="dimensions">
360
  <label class="wd-label"><?php _e('Dimensions', 'wds'); ?></label>
361
  <input type="text" name="width" id="width" value="<?php echo $row->width; ?>" class="spider_int_input" onchange="wds_whr('width')" onkeypress="return spider_check_isnum(event)" /> x
362
  <input type="text" name="height" id="height" value="<?php echo $row->height; ?>" class="spider_int_input" onchange="wds_whr('height')" onkeypress="return spider_check_isnum(event)" /> px
363
+ <input type="text" name="ratio" id="ratio" value="" class="spider_int_input" onchange="wds_whr('ratio')" onkeypress="return spider_check_isnum(event)" title = "<?php _e('The slider height will be applied based on the ratio of dimensions.', 'wds'); ?>"/><?php _e(' ratio', 'wds'); ?>
364
  <p class="description"><?php _e('Maximum width and height for slider.', 'wds'); ?></p>
365
  </span>
 
 
 
 
 
366
  <span class="wd-group">
367
  <label class="wd-label" for="effect"><?php _e('Effect', 'wds'); ?></label>
368
  <select class="select_icon select_icon_320" name="effect" id="effect">
391
  <input type="text" id="full_width_for_mobile" name="full_width_for_mobile" value="<?php echo $row->full_width_for_mobile; ?>" class="spider_int_input" onkeypress="return spider_check_isnum(event)" /> px
392
  <p class="description"><?php _e('The slider will have full width when screen size is smaller than this value.', 'wds'); ?></p>
393
  </span>
 
 
 
 
 
 
394
  <span class="wd-group" id="tr_smart_crop">
395
  <label class="wd-label"><?php _e('Smart Crop', 'wds'); ?></label>
396
+ <input onClick="wds_enable_disable('', 'tr_crop_pos', 'smart_crop1')" type="radio" id="smart_crop1" name="smart_crop" <?php echo (($row->smart_crop) ? 'checked="checked"' : ''); ?> value="1" />
397
+ <label <?php echo (($row->smart_crop) ? 'class="selected_color"' : ''); ?> for="smart_crop1"><?php _e('Yes', 'wds'); ?></label>
398
+ <input onClick="wds_enable_disable('none', 'tr_crop_pos', 'smart_crop0')" type="radio" id="smart_crop0" name="smart_crop" <?php echo (($row->smart_crop) ? '' : 'checked="checked"'); ?> value="0" />
399
+ <label <?php echo ((!$row->smart_crop) ? 'class="selected_color"' : ''); ?> for="smart_crop0"><?php _e('No', 'wds'); ?></label>
400
  <p class="description"></p>
401
  </span>
402
  <span class="wd-group" id="tr_crop_pos">
423
  </span>
424
  <span class="wd-group">
425
  <label class="wd-label"><?php _e('Fixed background:', 'wds'); ?></label>
426
+ <input type="radio" id="fixed_bg1" name="fixed_bg" <?php echo (($row->fixed_bg) ? 'checked="checked"' : ''); ?> value="1" />
427
+ <label <?php echo (($row->fixed_bg) ? 'class="selected_color"' : ''); ?> for="fixed_bg1"><?php _e('Yes', 'wds'); ?></label>
428
+ <input type="radio" id="fixed_bg0" name="fixed_bg" <?php echo (($row->fixed_bg) ? '' : 'checked="checked"'); ?> value="0" />
429
+ <label <?php echo ((!$row->fixed_bg) ? 'class="selected_color"' : ''); ?> for="fixed_bg0"><?php _e('No', 'wds'); ?></label>
430
  <p class="description"></p>
431
  </span>
432
  <span class="wd-group">
433
  <label class="wd-label"><?php _e('Slides order direction:', 'wds'); ?></label>
434
+ <input type="radio" id="order_dir1" name="order_dir" <?php echo checked('asc', $row->order_dir); ?> value="asc" />
435
+ <label <?php echo (($row->order_dir == 'asc') ? 'class="selected_color"' : ''); ?> for="order_dir1"><?php _e('Ascending', 'wds'); ?></label>
436
+ <input type="radio" id="order_dir0" name="order_dir" <?php checked('desc', $row->order_dir); ?> value="desc" />
437
+ <label <?php echo (($row->order_dir == 'desc') ? 'class="selected_color"' : ''); ?> for="order_dir0"><?php _e('Descending', 'wds'); ?></label>
438
  <p class="description"></p>
439
  </span>
440
  <span class="wd-group<?php echo (WD_S_FREE ? ' wd-free' : ''); ?>">
441
  <label class="wd-label"><?php _e('Parallax Effect', 'wds'); ?></label>
442
+ <input <?php echo (WD_S_FREE ? 'disabled="disabled" title="' . __('This functionality is disabled in free version.', 'wds') . '"' : ''); ?> type="radio" id="parallax_effect1" name="parallax_effect" <?php echo (($row->parallax_effect) ? 'checked="checked"' : ''); ?> value="1" />
443
+ <label <?php echo (($row->parallax_effect) ? 'class="selected_color"' : ''); ?> for="parallax_effect1"><?php _e('Yes', 'wds'); ?></label>
444
+ <input <?php echo (WD_S_FREE ? 'disabled="disabled" title="' . __('This functionality is disabled in free version.', 'wds') . '"' : ''); ?> type="radio" id="parallax_effect0" name="parallax_effect" <?php echo (($row->parallax_effect) ? '' : 'checked="checked"'); ?> value="0" />
445
+ <label <?php echo (($row->parallax_effect) ? '' : 'class="selected_color"'); ?> for="parallax_effect0"><?php _e('No', 'wds'); ?></label>
446
  <p class="description"><?php _e('The direction of the movement, as well as the layer moving pace depend on the z-index value.', 'wds'); ?></p>
447
  </span>
448
  <span class="wd-group">
449
  <label class="wd-label"><?php _e('Smart Load', 'wds'); ?></label>
450
+ <input type="radio" id="preload_images1" name="preload_images" <?php echo (($row->preload_images) ? 'checked="checked"' : ''); ?> value="1" />
451
+ <label <?php echo (($row->preload_images) ? 'class="selected_color"' : ''); ?> for="preload_images1"><?php _e('Yes', 'wds'); ?></label>
452
+ <input type="radio" id="preload_images0" name="preload_images" <?php echo (($row->preload_images) ? '' : 'checked="checked"'); ?> value="0" />
453
+ <label <?php echo (($row->preload_images) ? '' : 'class="selected_color"'); ?> for="preload_images0"><?php _e('No', 'wds'); ?></label>
454
  <p class="description"><?php _e('Turn this option on to have faster loading for the first few images and process the rest meanwhile.', 'wds'); ?></p>
455
  </span>
456
  <span class="wd-group">
457
  <label class="wd-label"><?php _e('Right click protection', 'wds'); ?></label>
458
+ <input type="radio" name="image_right_click" id="image_right_click_1" value="1" <?php if ($row->image_right_click) echo 'checked="checked"'; ?> />
459
+ <label <?php echo $row->image_right_click ? 'class="selected_color"' : ''; ?> for="image_right_click_1"><?php _e('Yes', 'wds'); ?></label>
460
+ <input type="radio" name="image_right_click" id="image_right_click_0" value="0" <?php if (!$row->image_right_click) echo 'checked="checked"'; ?> />
461
+ <label <?php echo $row->image_right_click ? '' : 'class="selected_color"'; ?> for="image_right_click_0"><?php _e('No', 'wds'); ?></label>
462
  <p class="description"><?php _e('Disable right-click on slider images.', 'wds'); ?></p>
463
  </span>
464
  <span class="wd-group<?php echo (WD_S_FREE ? ' wd-free' : ''); ?>">
465
  <label class="wd-label"><?php _e('Layer out on next', 'wds'); ?></label>
466
+ <input <?php echo (WD_S_FREE ? 'disabled="disabled" title="' . __('This functionality is disabled in free version.', 'wds') . '"' : ''); ?> type="radio" name="layer_out_next" id="layer_out_next_1" value="1" <?php if ($row->layer_out_next) echo 'checked="checked"'; ?> />
467
+ <label <?php echo $row->layer_out_next ? 'class="selected_color"' : ''; ?> for="layer_out_next_1"><?php _e('Yes', 'wds'); ?></label>
468
+ <input <?php echo (WD_S_FREE ? 'disabled="disabled" title="' . __('This functionality is disabled in free version.', 'wds') . '"' : ''); ?> type="radio" name="layer_out_next" id="layer_out_next_0" value="0" <?php if (!$row->layer_out_next) echo 'checked="checked"'; ?> />
469
+ <label <?php echo $row->layer_out_next ? '' : 'class="selected_color"'; ?> for="layer_out_next_0"><?php _e('No', 'wds'); ?></label>
470
  <p class="description"><?php _e('Enable this option to have the layer effect out regardless of the timing between the hit to the next slider.', 'wds'); ?></p>
471
  </span>
472
  <span class="wd-group">
473
  <label class="wd-label"><?php _e('Published', 'wds'); ?></label>
474
+ <input type="radio" id="published1" name="published" <?php echo (($row->published) ? 'checked="checked"' : ''); ?> value="1" />
475
+ <label <?php echo (($row->published) ? 'class="selected_color"' : ''); ?> for="published1"><?php _e('Yes', 'wds'); ?></label>
476
+ <input type="radio" id="published0" name="published" <?php echo (($row->published) ? '' : 'checked="checked"'); ?> value="0" />
477
+ <label <?php echo (($row->published) ? '' : 'class="selected_color"'); ?> for="published0"><?php _e('No', 'wds'); ?></label>
478
  <p class="description"></p>
479
  </span>
480
  </div>
485
  <div class="wd-box-content">
486
  <span class="wd-group">
487
  <label class="wd-label"><?php _e('Autoplay', 'wds'); ?></label>
488
+ <input type="radio" id="autoplay1" name="autoplay" <?php echo (($row->autoplay) ? 'checked="checked"' : ''); ?> value="1" />
489
+ <label <?php echo (($row->autoplay) ? 'class="selected_color"' : ''); ?> for="autoplay1"><?php _e('Yes', 'wds'); ?></label>
490
+ <input type="radio" id="autoplay0" name="autoplay" <?php echo (($row->autoplay) ? '' : 'checked="checked"'); ?> value="0" />
491
+ <label <?php echo (($row->autoplay) ? '' : 'class="selected_color"'); ?> for="autoplay0"><?php _e('No', 'wds'); ?></label>
492
  <p class="description"><?php _e('Enable this option to autoplay the slider.', 'wds'); ?></p>
493
  </span>
494
  <span class="wd-group">
498
  </span>
499
  <span class="wd-group">
500
  <label class="wd-label"><?php _e('Enable loop', 'wds'); ?></label>
501
+ <input type="radio" id="slider_loop1" name="slider_loop" <?php echo (($row->slider_loop) ? 'checked="checked"' : ''); ?> value="1" />
502
+ <label <?php echo (($row->slider_loop) ? 'class="selected_color"' : ''); ?> for="slider_loop1"><?php _e('Yes', 'wds'); ?></label>
503
+ <input type="radio" id="slider_loop0" name="slider_loop" <?php echo (($row->slider_loop) ? '' : 'checked="checked"'); ?> value="0" />
504
+ <label <?php echo (($row->slider_loop) ? '' : 'class="selected_color"'); ?> for="slider_loop0"><?php _e('No', 'wds'); ?></label>
505
  <p class="description"></p>
506
  </span>
507
  <span class="wd-group">
508
  <label class="wd-label"><?php _e('Shuffle', 'wds'); ?></label>
509
+ <input type="radio" id="shuffle1" name="shuffle" <?php echo (($row->shuffle) ? 'checked="checked"' : ''); ?> value="1" />
510
+ <label <?php echo (($row->shuffle) ? 'class="selected_color"' : ''); ?> for="shuffle1"><?php _e('Yes', 'wds'); ?></label>
511
+ <input type="radio" id="shuffle0" name="shuffle" <?php echo (($row->shuffle) ? '' : 'checked="checked"'); ?> value="0" />
512
+ <label <?php echo (($row->shuffle) ? '' : 'class="selected_color"'); ?> for="shuffle0"><?php _e('No', 'wds'); ?></label>
513
  <p class="description"><?php _e('Enable this setting to have the slides change in random order during autoplay.', 'wds'); ?></p>
514
  </span>
515
  <span class="wd-group">
516
  <label class="wd-label"><?php _e('Two way slideshow', 'wds'); ?></label>
517
+ <input type="radio" id="twoway_slideshow1" name="twoway_slideshow" <?php echo (($row->twoway_slideshow) ? 'checked="checked"' : ''); ?> value="1" />
518
+ <label <?php echo (($row->twoway_slideshow) ? 'class="selected_color"' : ''); ?> for="twoway_slideshow1"><?php _e('Yes', 'wds'); ?></label>
519
+ <input type="radio" id="twoway_slideshow0" name="twoway_slideshow" <?php echo (($row->twoway_slideshow) ? '' : 'checked="checked"'); ?> value="0" />
520
+ <label <?php echo (($row->twoway_slideshow) ? '' : 'class="selected_color"'); ?> for="twoway_slideshow0"><?php _e('No', 'wds'); ?></label>
521
  <p class="description"><?php _e('If the user switches to previous slide, the slideshow starts to go backwards during autoplay.', 'wds'); ?></p>
522
  </span>
523
  <span class="wd-group">
524
  <label class="wd-label"><?php _e('Stop on hover', 'wds'); ?></label>
525
+ <input type="radio" id="stop_animation1" name="stop_animation" <?php echo (($row->stop_animation) ? 'checked="checked"' : ''); ?> value="1" />
526
+ <label <?php echo (($row->stop_animation) ? 'class="selected_color"' : ''); ?> for="stop_animation1"><?php _e('Yes', 'wds'); ?></label>
527
+ <input type="radio" id="stop_animation0" name="stop_animation" <?php echo (($row->stop_animation) ? '' : 'checked="checked"'); ?> value="0" />
528
+ <label <?php echo (($row->stop_animation) ? '' : 'class="selected_color"'); ?> for="stop_animation0"><?php _e('No', 'wds'); ?></label>
529
  <p class="description"><?php _e('The option works when autoplay is on.', 'wds'); ?></p>
530
  </span>
531
  <span class="wd-group">
535
  </span>
536
  <span class="wd-group">
537
  <label class="wd-label"><?php _e('Music', 'wds'); ?></label>
538
+ <input type="radio" id="music1" name="music" <?php echo (($row->music) ? 'checked="checked"' : ''); ?> value="1" onClick="wds_enable_disable('', 'tr_music_url', 'music1')" />
539
+ <label <?php echo (($row->music) ? 'class="selected_color"' : ''); ?> for="music1"><?php _e('Yes', 'wds'); ?></label>
540
+ <input type="radio" id="music0" name="music" <?php echo (($row->music) ? '' : 'checked="checked"'); ?> value="0" onClick="wds_enable_disable('none', 'tr_music_url', 'music0')" />
541
+ <label <?php echo (($row->music) ? '' : 'class="selected_color"'); ?> for="music0"><?php _e('No', 'wds'); ?></label>
542
  <p class="description"><?php _e('You can have music/audio track playback with the slider.', 'wds'); ?></p>
543
  </span>
544
  <span class="wd-group" id="tr_music_url">
613
  ?>
614
  <span class="wd-group">
615
  <label class="wd-label"><?php _e('Carousel:', 'wds'); ?></label>
616
+ <input <?php echo (WD_S_FREE ? 'disabled="disabled" title="' . __('This functionality is disabled in free version.', 'wds') . '"' : ''); ?> type="radio" id="carousel1" name="carousel" <?php echo (($row->carousel) ? 'checked="checked"' : ''); ?> value="1" onClick="showhide_for_carousel_fildes(1)"/>
617
+ <label <?php echo (($row->carousel) ? 'class="selected_color"' : ''); ?> for="carousel1"><?php _e('Yes', 'wds'); ?></label>
618
+ <input <?php echo (WD_S_FREE ? 'disabled="disabled" title="' . __('This functionality is disabled in free version.', 'wds') . '"' : ''); ?> type="radio" id="carousel0" name="carousel" <?php echo (($row->carousel) ? '' : 'checked="checked"'); ?> value="0" onClick="showhide_for_carousel_fildes(0)"/>
619
+ <label <?php echo (($row->carousel) ? '' : 'class="selected_color"'); ?> for="carousel0"><?php _e('No', 'wds'); ?></label>
620
  <p class="description"><?php _e('Use this option to activate Carousel feature. Note, that the effects you have selected in Global settings for your slider will not apply.', 'wds'); ?></p>
621
  </span>
622
  <span class="wd-group">
631
  </span>
632
  <span class="wd-group">
633
  <label class="wd-label"><?php _e('Container fit:', 'wds'); ?></label>
634
+ <input <?php echo (WD_S_FREE ? 'disabled="disabled" title="' . __('This functionality is disabled in free version.', 'wds') . '"' : ''); ?> type="radio" id="carousel_fit_containerWidth1" name="carousel_fit_containerWidth" <?php echo (($row->carousel_fit_containerWidth) ? 'checked="checked"' : ''); ?> value="1" />
635
+ <label <?php echo (($row->carousel_fit_containerWidth) ? 'class="selected_color"' : ''); ?> for="carousel_fit_containerWidth1"><?php _e('Yes', 'wds'); ?></label>
636
+ <input <?php echo (WD_S_FREE ? 'disabled="disabled" title="' . __('This functionality is disabled in free version.', 'wds') . '"' : ''); ?> type="radio" id="carousel_fit_containerWidth0" name="carousel_fit_containerWidth" <?php echo (($row->carousel_fit_containerWidth) ? '' : 'checked="checked"'); ?> value="0" />
637
+ <label <?php echo (($row->carousel_fit_containerWidth) ? '' : 'class="selected_color"'); ?> for="carousel_fit_containerWidth0"><?php _e('No', 'wds'); ?></label>
638
  <p class="description"></p>
639
  </span>
640
  </div>
675
  <div class="wd-box-content">
676
  <span class="wd-group">
677
  <label class="wd-label"><?php _e('Next / Previous buttons:', 'wds'); ?></label>
678
+ <input type="radio" name="prev_next_butt" id="prev_next_butt_1" value="1" <?php if ($row->prev_next_butt) echo 'checked="checked"'; ?> />
679
+ <label <?php echo $row->prev_next_butt ? 'class="selected_color"' : ''; ?> for="prev_next_butt_1"><?php _e('Yes', 'wds'); ?></label>
680
+ <input type="radio" name="prev_next_butt" id="prev_next_butt_0" value="0" <?php if (!$row->prev_next_butt) echo 'checked="checked"'; ?> />
681
+ <label <?php echo $row->prev_next_butt ? '' : 'class="selected_color"'; ?> for="prev_next_butt_0"><?php _e('No', 'wds'); ?></label>
682
  <p class="description"><?php _e('Enable this option to display Previous and Next buttons.', 'wds'); ?></p>
683
  </span>
684
  <span class="wd-group">
685
  <label class="wd-label"><?php _e('Mouse swipe navigation:', 'wds'); ?></label>
686
+ <input type="radio" name="mouse_swipe_nav" id="mouse_swipe_nav_1" value="1" <?php if ($row->mouse_swipe_nav) echo 'checked="checked"'; ?> />
687
+ <label <?php echo $row->mouse_swipe_nav ? 'class="selected_color"' : ''; ?> for="mouse_swipe_nav_1"><?php _e('Yes', 'wds'); ?></label>
688
+ <input type="radio" name="mouse_swipe_nav" id="mouse_swipe_nav_0" value="0" <?php if (!$row->mouse_swipe_nav) echo 'checked="checked"'; ?> />
689
+ <label <?php echo $row->mouse_swipe_nav ? '' : 'class="selected_color"'; ?> for="mouse_swipe_nav_0"><?php _e('No', 'wds'); ?></label>
690
  <p class="description"></p>
691
  </span>
692
  <span class="wd-group">
693
  <label class="wd-label"><?php _e('Touch swipe navigation:', 'wds'); ?></label>
694
+ <input type="radio" name="touch_swipe_nav" id="touch_swipe_nav_1" value="1" <?php if ($row->touch_swipe_nav) echo 'checked="checked"'; ?> />
695
+ <label <?php echo $row->touch_swipe_nav ? 'class="selected_color"' : ''; ?> for="touch_swipe_nav_1"><?php _e('Yes', 'wds'); ?></label>
696
+ <input type="radio" name="touch_swipe_nav" id="touch_swipe_nav_0" value="0" <?php if (!$row->touch_swipe_nav) echo 'checked="checked"'; ?> />
697
+ <label <?php echo $row->touch_swipe_nav ? '' : 'class="selected_color"'; ?> for="touch_swipe_nav_0"><?php _e('No', 'wds'); ?></label>
698
  <p class="description"></p>
699
  </span>
700
  <span class="wd-group">
701
  <label class="wd-label"><?php _e('Mouse wheel navigation:', 'wds'); ?></label>
702
+ <input type="radio" name="mouse_wheel_nav" id="mouse_wheel_nav_1" value="1" <?php if ($row->mouse_wheel_nav) echo 'checked="checked"'; ?> />
703
+ <label <?php echo $row->mouse_wheel_nav ? 'class="selected_color"' : ''; ?> for="mouse_wheel_nav_1"><?php _e('Yes', 'wds'); ?></label>
704
+ <input type="radio" name="mouse_wheel_nav" id="mouse_wheel_nav_0" value="0" <?php if (!$row->mouse_wheel_nav) echo 'checked="checked"'; ?> />
705
+ <label <?php echo $row->mouse_wheel_nav ? '' : 'class="selected_color"'; ?> for="mouse_wheel_nav_0"><?php _e('No', 'wds'); ?></label>
706
  <p class="description"></p>
707
  </span>
708
  <span class="wd-group">
709
  <label class="wd-label"><?php _e('Keyboard navigation:', 'wds'); ?></label>
710
+ <input type="radio" name="keyboard_nav" id="keyboard_nav_1" value="1" <?php if ($row->keyboard_nav) echo 'checked="checked"'; ?> />
711
+ <label <?php echo $row->keyboard_nav ? 'class="selected_color"' : ''; ?> for="keyboard_nav_1"><?php _e('Yes', 'wds'); ?></label>
712
+ <input type="radio" name="keyboard_nav" id="keyboard_nav_0" value="0" <?php if (!$row->keyboard_nav) echo 'checked="checked"'; ?> />
713
+ <label <?php echo $row->keyboard_nav ? '' : 'class="selected_color"'; ?> for="keyboard_nav_0"><?php _e('No', 'wds'); ?></label>
714
  <p class="description"></p>
715
  </span>
716
  <span class="wd-group">
717
  <label class="wd-label"><?php _e('Show Navigation buttons:', 'wds'); ?></label>
718
+ <input type="radio" name="navigation" id="navigation_1" value="hover" <?php if ($row->navigation == 'hover') echo 'checked="checked"'; ?> />
719
+ <label <?php echo $row->navigation == 'hover' ? 'class="selected_color"' : ''; ?> for="navigation_1"><?php _e('On hover', 'wds'); ?></label>
720
+ <input type="radio" name="navigation" id="navigation_0" value="always" <?php if ($row->navigation == 'always' ) echo 'checked="checked"'; ?> />
721
+ <label <?php echo $row->navigation == 'always' ? 'class="selected_color"' : ''; ?> for="navigation_0"><?php _e('Always', 'wds'); ?></label>
722
  <p class="description"></p>
723
  </span>
724
  <span class="wd-group">
725
  <label class="wd-label"><?php _e('Image for Next / Previous buttons:', 'wds'); ?></label>
726
+ <input type="radio" name="rl_butt_img_or_not" id="rl_butt_img_or_not_our" value="our" <?php if ($row->rl_butt_img_or_not == 'our') echo 'checked="checked"'; ?> onClick="image_for_next_prev_butt('our')" />
727
+ <label <?php if ($row->rl_butt_img_or_not == 'our') echo 'class="selected_color"'; ?> for="rl_butt_img_or_not_our"><?php _e('Default', 'wds'); ?></label>
728
+ <input type="radio" name="rl_butt_img_or_not" id="rl_butt_img_or_not_cust" value="custom" <?php if ($row->rl_butt_img_or_not == 'custom') echo 'checked="checked"'; ?> onClick="image_for_next_prev_butt('custom')" />
729
+ <label <?php if ($row->rl_butt_img_or_not == 'custom') echo 'class="selected_color"'; ?> for="rl_butt_img_or_not_cust"><?php _e('Custom', 'wds'); ?></label>
730
+ <input type="radio" name="rl_butt_img_or_not" id="rl_butt_img_or_not_style" value="style" <?php if ($row->rl_butt_img_or_not == 'style') echo 'checked="checked"'; ?> onClick="image_for_next_prev_butt('style')" />
731
+ <label <?php if ($row->rl_butt_img_or_not == 'style') echo 'class="selected_color"'; ?> for="rl_butt_img_or_not_style"><?php _e('Styled', 'wds'); ?></label>
732
  <input type="hidden" id="right_butt_url" name="right_butt_url" value="<?php echo $row->right_butt_url; ?>" />
733
  <input type="hidden" id="right_butt_hov_url" name="right_butt_hov_url" value="<?php echo $row->right_butt_hov_url; ?>" />
734
  <input type="hidden" id="left_butt_url" name="left_butt_url" value="<?php echo $row->left_butt_url; ?>" />
982
  <div class="wd-box-content">
983
  <span class="wd-group">
984
  <label class="wd-label"><?php _e('Play / Pause button:', 'wds'); ?></label>
985
+ <input type="radio" name="play_paus_butt" id="play_paus_butt_1" value="1" <?php if ($row->play_paus_butt) echo 'checked="checked"'; ?> />
986
+ <label <?php if ($row->play_paus_butt) echo 'class="selected_color"'; ?> for="play_paus_butt_1"><?php _e('Yes', 'wds'); ?></label>
987
+ <input type="radio" name="play_paus_butt" id="play_paus_butt_0" value="0" <?php if (!$row->play_paus_butt) echo 'checked="checked"'; ?> />
988
+ <label <?php if (!$row->play_paus_butt) echo 'class="selected_color"'; ?> for="play_paus_butt_0"><?php _e('No', 'wds'); ?></label>
989
  <p class="description"><?php _e('Select this option to display Play and Pause buttons.', 'wds'); ?></p>
990
  </span>
991
  <span class="wd-group">
992
  <label class="wd-label"><?php _e('Image for Play / Pause buttons:', 'wds'); ?></label>
993
+ <input type="radio" name="play_paus_butt_img_or_not" id="play_pause_butt_img_or_not_our" value="our" <?php if ($row->play_paus_butt_img_or_not == 'our') echo 'checked="checked"'; ?> onClick="image_for_play_pause_butt('our')" />
994
+ <label <?php if ($row->play_paus_butt_img_or_not == 'our') echo 'class="selected_color"'; ?> for="play_pause_butt_img_or_not_our"><?php _e('Default', 'wds'); ?></label>
995
+ <input type="radio" name="play_paus_butt_img_or_not" id="play_pause_butt_img_or_not_cust" value="custom" <?php if ($row->play_paus_butt_img_or_not == 'custom') echo 'checked="checked"'; ?> onClick="image_for_play_pause_butt('custom')" />
996
+ <label <?php if ($row->play_paus_butt_img_or_not == 'custom') echo 'class="selected_color"'; ?> for="play_pause_butt_img_or_not_cust"><?php _e('Custom', 'wds'); ?></label>
997
+ <input type="radio" name="play_paus_butt_img_or_not" id="play_pause_butt_img_or_not_select" value="style" <?php if ($row->play_paus_butt_img_or_not == 'style') echo 'checked="checked"'; ?> onClick="image_for_play_pause_butt('style')" />
998
+ <label <?php if ($row->play_paus_butt_img_or_not == 'style') echo 'class="selected_color"'; ?> for="play_pause_butt_img_or_not_select"><?php _e('Styled', 'wds'); ?></label>
999
  <input type="hidden" id="play_butt_url" name="play_butt_url" value="<?php echo $row->play_butt_url; ?>" />
1000
  <input type="hidden" id="play_butt_hov_url" name="play_butt_hov_url" value="<?php echo $row->play_butt_hov_url; ?>" />
1001
  <input type="hidden" id="paus_butt_url" name="paus_butt_url" value="<?php echo $row->paus_butt_url; ?>" />
1275
  <div class="wd-box-content">
1276
  <span class="wd-group">
1277
  <label class="wd-label"><?php _e('Enable bullets:', 'wds'); ?></label>
1278
+ <input type="radio" id="enable_bullets1" name="enable_bullets" <?php echo (($row->enable_bullets) ? 'checked="checked"' : ''); ?> value="1" />
1279
+ <label <?php echo (($row->enable_bullets) ? 'class="selected_color"' : ''); ?> for="enable_bullets1"><?php _e('Yes', 'wds'); ?></label>
1280
+ <input type="radio" id="enable_bullets0" name="enable_bullets" <?php echo (($row->enable_bullets) ? '' : 'checked="checked"'); ?> value="0" />
1281
+ <label <?php echo (($row->enable_bullets) ? '' : 'class="selected_color"'); ?> for="enable_bullets0"><?php _e('No', 'wds'); ?></label>
1282
  <p class="description"><?php _e('Enable navigation bullets with this option.', 'wds'); ?></p>
1283
  </span>
1284
  <span class="wd-group">
1285
  <label class="wd-label"><?php _e('Show bullets:', 'wds'); ?></label>
1286
+ <input type="radio" name="bull_hover" id="bull_hover_0" value="0" <?php if ($row->bull_hover == 0) echo 'checked="checked"'; ?> />
1287
+ <label <?php if ($row->bull_hover == 0) echo 'class="selected_color"'; ?> for="bull_hover_0"><?php _e('On hover', 'wds'); ?></label>
1288
+ <input type="radio" name="bull_hover" id="bull_hover_1" value="1" <?php if ($row->bull_hover == 1) echo 'checked="checked"'; ?> />
1289
+ <label <?php if ($row->bull_hover == 1) echo 'class="selected_color"'; ?> for="bull_hover_1"><?php _e('Always', 'wds'); ?></label>
1290
  <p class="description"><?php _e('You can display navigation bullets always or only when hovered.', 'wds'); ?></p>
1291
  </span>
1292
  <span class="wd-group">
1293
  <label class="wd-label"><?php _e('Show thumbnail on bullet hover:', 'wds'); ?></label>
1294
+ <input onClick="wds_enable_disable('', 'tr_thumb_size', 'show_thumbnail1')" type="radio" id="show_thumbnail1" name="show_thumbnail" <?php echo (($row->show_thumbnail) ? 'checked="checked"' : ''); ?> value="1" />
1295
+ <label <?php echo (($row->show_thumbnail) ? 'class="selected_color"' : ''); ?> for="show_thumbnail1"><?php _e('Yes', 'wds'); ?></label>
1296
+ <input onClick="wds_enable_disable('none', 'tr_thumb_size', 'show_thumbnail0')" type="radio" id="show_thumbnail0" name="show_thumbnail" <?php echo (($row->show_thumbnail) ? '' : 'checked="checked"'); ?> value="0" />
1297
+ <label for="show_thumbnail0"><?php _e('No', 'wds'); ?></label>
1298
  <p class="description"></p>
1299
  </span>
1300
  <span class="wd-group" id="tr_thumb_size">
1312
  </span>
1313
  <span class="wd-group">
1314
  <label class="wd-label"><?php _e('Bullets type:', 'wds'); ?></label>
1315
+ <input type="radio" name="bull_butt_img_or_not" id="bull_butt_img_or_not_our" value="our" <?php if ($row->bull_butt_img_or_not == 'our') echo 'checked="checked"'; ?> onClick="image_for_bull_butt('our')" />
1316
+ <label <?php if ($row->bull_butt_img_or_not == 'our') echo 'class="selected_color"'; ?> for="bull_butt_img_or_not_our"><?php _e('Default', 'wds'); ?></label>
1317
+ <input type="radio" name="bull_butt_img_or_not" id="bull_butt_img_or_not_cust" value="custom" <?php if ($row->bull_butt_img_or_not == 'custom') echo 'checked="checked"'; ?> onClick="image_for_bull_butt('custom')" />
1318
+ <label <?php if ($row->bull_butt_img_or_not == 'custom') echo 'class="selected_color"'; ?> for="bull_butt_img_or_not_cust"><?php _e('Custom', 'wds'); ?></label>
1319
+ <input type="radio" name="bull_butt_img_or_not" id="bull_butt_img_or_not_stl" value="style" <?php if ($row->bull_butt_img_or_not == 'style') echo 'checked="checked"'; ?> onClick="image_for_bull_butt('style')" />
1320
+ <label <?php if ($row->bull_butt_img_or_not == 'style') echo 'class="selected_color"'; ?> for="bull_butt_img_or_not_stl"><?php _e('Styled', 'wds'); ?></label>
1321
+ <input type="radio" name="bull_butt_img_or_not" id="bull_butt_img_or_not_txt" value="text" <?php if ($row->bull_butt_img_or_not == 'text') echo 'checked="checked"'; ?> onClick="image_for_bull_butt('text')" />
1322
+ <label <?php if ($row->bull_butt_img_or_not == 'text') echo 'class="selected_color"'; ?> for="bull_butt_img_or_not_txt"><?php _e('Text', 'wds'); ?></label>
1323
  <input type="hidden" id="bullets_img_main_url" name="bullets_img_main_url" value="<?php echo $row->bullets_img_main_url; ?>" />
1324
  <input type="hidden" id="bullets_img_hov_url" name="bullets_img_hov_url" value="<?php echo $row->bullets_img_hov_url; ?>" />
1325
  <p class="description"></p>
1424
  <?php
1425
  if (!$spider_uploader) {
1426
  ?>
1427
+ <input class="button button-secondary wds_ctrl_btn_upload" type="button" onclick="wds_media_uploader('bullets_hov_but', event, false); return false;" value="<?php _e('Inactive Button', 'wds'); ?>" />
1428
  <?php
1429
  }
1430
  else {
1431
  ?>
1432
+ <a href="<?php echo add_query_arg(array('callback' => 'wds_add_image', 'image_for' => 'bullets_hov_but', 'dir' => '/arrows', 'TB_iframe' => '1'), $query_url); ?>" class="button button-secondary thickbox thickbox-preview wds_ctrl_btn_upload" title="<?php _e('Inactive Button', 'wds'); ?>" onclick="return false;">
1433
+ <?php _e('Inactive Button', 'wds'); ?>
1434
  </a>
1435
  <?php
1436
  }
1580
  ?>
1581
  <span class="wd-group">
1582
  <label class="wd-label"><?php _e('Enable filmstrip:', 'wds'); ?></label>
1583
+ <input <?php echo (WD_S_FREE ? 'disabled="disabled" title="' . __('This functionality is disabled in free version.', 'wds') . '"' : ''); ?> type="radio" id="enable_filmstrip1" name="enable_filmstrip" <?php echo (($row->enable_filmstrip) ? 'checked="checked"' : ''); ?> value="1" />
1584
+ <label <?php echo (($row->enable_filmstrip) ? 'class="selected_color"' : ''); ?> for="enable_filmstrip1"><?php _e('Yes', 'wds'); ?></label>
1585
+ <input <?php echo (WD_S_FREE ? 'disabled="disabled" title="' . __('This functionality is disabled in free version.', 'wds') . '"' : ''); ?> type="radio" id="enable_filmstrip0" name="enable_filmstrip" <?php echo (($row->enable_filmstrip) ? '' : 'checked="checked"'); ?> value="0" />
1586
+ <label <?php echo (($row->enable_filmstrip) ? '' : 'class="selected_color"'); ?> for="enable_filmstrip0"><?php _e('No', 'wds'); ?></label>
1587
  <p class="description"><?php _e('Enable this option to display thumbnails of the slides in a filmstrip.', 'wds'); ?></p>
1588
  </span>
1589
  <span class="wd-group" id="filmstrip_position">
1634
  <p class="description"><?php _e('The thumbnail for the currently displayed image will have a border. You can set its size, type and color.', 'wds'); ?></p>
1635
  </span>
1636
  <span class="wd-group">
1637
+ <label class="wd-label" for="film_dac_transparent"><?php _e('Inactive transparency:', 'wds'); ?></label>
1638
  <input <?php echo (WD_S_FREE ? 'disabled="disabled" title="' . __('This functionality is disabled in free version.', 'wds') . '"' : ''); ?> type="text" name="film_dac_transparent" id="film_dac_transparent" value="<?php echo $row->film_dac_transparent; ?>" class="spider_int_input" onkeypress="return spider_check_isnum(event)"/> %
1639
  <p class="description"><?php _e('You can set a transparency level for the inactive filmstrip items which must be between 0 to 100..', 'wds'); ?></p>
1640
  </span>
1650
  <div class="wd-box-content">
1651
  <span class="wd-group">
1652
  <label class="wd-label"><?php _e('Enable timer bar:', 'wds'); ?></label>
1653
+ <input type="radio" id="enable_time_bar1" name="enable_time_bar" <?php echo (($row->enable_time_bar) ? 'checked="checked"' : ''); ?> value="1" />
1654
+ <label <?php echo (($row->enable_time_bar) ? 'class="selected_color"' : ''); ?> for="enable_time_bar1"><?php _e('Yes', 'wds'); ?></label>
1655
+ <input type="radio" id="enable_time_bar0" name="enable_time_bar" <?php echo (($row->enable_time_bar) ? '' : 'checked="checked"'); ?> value="0" />
1656
+ <label <?php echo (($row->enable_time_bar) ? '' : 'class="selected_color"'); ?> for="enable_time_bar0"><?php _e('No', 'wds'); ?></label>
1657
  <p class="description"><?php _e('You can add a bar, which displays the time left untill the slider switches to the next slide on autoplay.', 'wds'); ?></p>
1658
  </span>
1659
  <span class="wd-group">
1860
  foreach ($callback_items as $key => $callback_item) {
1861
  ?>
1862
  <div class="callbeck-item">
1863
+ <span class="wd-label"><?php echo $slider_callbacks[$key]; ?></span>
1864
  <textarea class="callbeck-textarea" name="<?php echo $key; ?>"><?php echo $callback_item; ?></textarea>
1865
  <button type="button" id="remove_callback" class="action_buttons remove_callback" onclick="remove_callback_item(this);"><?php _e('Remove', 'wds'); ?></button>
1866
  </div>
1887
  $slides_name[$slide_row->id] = $slide_row->title;
1888
  ?>
1889
  <div id="wds_subtab_wrap<?php echo $slide_row->id; ?>" class="wds_subtab_wrap connectedSortable">
1890
+ <div id="wbs_subtab<?php echo $slide_row->id; ?>" class="tab_link <?php echo (((($id == 0 || !$sub_tab_type) || (strpos($sub_tab_type, 'pr') !== FALSE)) && $key == 0) || ('slide' . $slide_row->id == $sub_tab_type)) ? 'wds_sub_active' : ''; ?>">
1891
  <div style='background-image:url("<?php echo $slide_row->type != 'image' ? ($slide_row->type == 'video' && ctype_digit($slide_row->thumb_url) ? (wp_get_attachment_url(get_post_thumbnail_id($slide_row->thumb_url)) ? wp_get_attachment_url(get_post_thumbnail_id($slide_row->thumb_url)) : WD_S_URL . '/images/no-video.png') : $slide_row->thumb_url) : $slide_row->thumb_url ?>");background-position: center' class="tab_image" id="wds_tab_image<?php echo $slide_row->id; ?>" data-id="<?php echo $slide_row->id; ?>">
1892
  <div class="tab_buttons">
1893
  <div class="handle_wrap">
1894
  <div class="handle" title="<?php _e('Drag to re-order', 'wds'); ?>"></div>
1895
  </div>
1896
  <div class="wds_tab_title_wrap">
1897
+ <input type="text" id="title<?php echo $slide_row->id; ?>" name="title<?php echo $slide_row->id; ?>" value="<?php echo $slide_row->title; ?>" class="wds_tab_title" tab_type="slide<?php echo $slide_row->id; ?>" data-id="<?php echo $slide_row->id; ?>" onchange="wds_set_slide_title('<?php echo $slide_row->id; ?>');" />
1898
  </div>
1899
  <input type="hidden" name="order<?php echo $slide_row->id; ?>" id="order<?php echo $slide_row->id; ?>" value="<?php echo $slide_row->order; ?>" />
1900
  </div>
1928
  echo $this->wds_socialLayerTemplate( $social_buttons, $layer_effects_in, $layer_effects_out );
1929
  ?>
1930
  </table>
1931
+ <?php
1932
+ foreach ($slides_row as $key => $slide_row) {
1933
+ $type_video = false;
1934
+ if( $slide_row->type == 'video' || $slide_row->type == 'EMBED_OEMBED_YOUTUBE_VIDEO'|| $slide_row->type == 'EMBED_OEMBED_VIMEO_VIDEO' ) {
1935
+ $type_video = true;
1936
+ }
1937
+ $fillmode = 'fill';
1938
+ if ( !empty($row->bg_fit) ) {
1939
+ if ( $row->bg_fit == 'cover') {
1940
+ $fillmode = 'fill';
1941
+ }
1942
+ if ( $row->bg_fit == '100% 100%') {
1943
+ $fillmode = 'stretch';
1944
+ }
1945
+ if ( $row->bg_fit == 'contain') {
1946
+ $fillmode = 'fit';
1947
+ }
1948
+ }
1949
+ $slide_row->fillmode = empty($slide_row->fillmode) ? $fillmode : $slide_row->fillmode;
1950
+ ?>
1951
+ <div class="wds_box <?php echo (((($id == 0 || !$sub_tab_type) || (strpos($sub_tab_type, 'pr') !== FALSE)) && $key == 0) || ('slide' . $slide_row->id == $sub_tab_type)) ? 'wds_sub_active' : ''; ?> wds_slide<?php echo $slide_row->id; ?>">
1952
+ <input type="hidden" name="type<?php echo $slide_row->id; ?>" id="type<?php echo $slide_row->id; ?>" value="<?php echo $slide_row->type; ?>" />
1953
+ <input type="hidden" name="wds_video_type<?php echo $slide_row->id; ?>" id="wds_video_type<?php echo $slide_row->id; ?>" />
1954
  <table class="ui-sortable<?php echo $slide_row->id; ?>">
1955
  <tbody>
1956
+ <tr>
1957
+ <td>
1958
+ <div class="postbox closed">
1959
+ <button class="button-link handlediv" type="button" aria-expanded="true">
1960
+ <span class="screen-reader-text"><?php _e('Toggle panel:', WD_S_PREFIX); ?></span>
1961
+ <span class="toggle-indicator" aria-hidden="true"></span>
1962
+ </button>
1963
+ <h2 class="hndle">
1964
+ <span><?php _e('Slide options', WD_S_PREFIX); ?></span>
1965
+ </h2>
1966
+ <div class="inside">
1967
+ <div class="wd-table">
1968
+ <div class="wd-table-col wd-table-col-50 wd-table-col-left">
1969
+ <div class="wd-box-section">
1970
+ <div class="wd-box-content">
1971
+ <div class="wd-group">
1972
+ <label class="wd-label" for="fillmode<?php echo $slide_row->id; ?>"><?php _e('Fillmode', WD_S_PREFIX); ?></label>
1973
+ <div id="wds_fillmode_option-<?php echo $slide_row->id; ?>" class="wds_fillmode_option">
1974
+ <div style="width: 210px; position: relative;">
1975
+ <div class="spider_choose_option" onclick="wds_choose_option(this)">
1976
+ <div class="spider_option_main_title"><?php echo !empty($slide_row->fillmode) ? $slide_row->fillmode : __('Fill', WD_S_PREFIX); ?></div>
1977
+ <div class="spider_sel_option_ic"><i class="fa fa-angle-down fa-lg"></i></div>
1978
+ </div>
1979
+ <div class="spider_options_cont <?php echo ($type_video) ? 'type_video' :'';?>">
1980
+ <?php foreach ($slider_fillmode_option as $key_option => $option) { ?>
1981
+ <div class="spider_option_cont <?php echo ((!empty($slide_row->fillmode) && $slide_row->fillmode == $key_option) ? 'selected' : ''); ?>" value="<?php echo $key_option;?>" onclick="wds_change_fillmode_type(this,<?php echo $slide_row->id; ?>)">
1982
+ <div id="wds_fillmode_option_title-<?php echo $slide_row->id; ?>"class="spider_option_cont_title" data-title="<?php echo $key_option; ?>"><?php echo $option; ?></div>
1983
+ <div id="wds_fillmode_option_img-<?php echo $slide_row->id; ?>" class="spider_option_cont_img">
1984
+ <img src="<?php echo WD_S_URL . '/images/fillmode/' . $key_option . '.png'; ?>" />
1985
+ </div>
1986
+ </div>
1987
+ <?php } ?>
1988
+ </div>
1989
+ </div>
1990
+ </div>
1991
+ <div id="wds_fillmode_preview-<?php echo $slide_row->id; ?>" class="wds_fillmode_preview <?php echo ( empty($slide_row->fillmode) ? 'hide' :'' );?>">
1992
+ <img src="<?php echo WD_S_URL . '/images/fillmode/' . $slide_row->fillmode. '.png'; ?>">
1993
+ <input type="hidden" name="fillmode<?php echo $slide_row->id; ?>" value="<?php echo $slide_row->fillmode; ?>">
1994
+ </div>
1995
+ <div class="clear"></div>
1996
+ <p class="description"><?php _e('Change the appearance of the slide background.', 'wds'); ?></p>
1997
+ </div>
1998
+ <div class="wd-group">
1999
+ <label class="wd-label"><?php _e('Published', WD_S_PREFIX); ?></label>
2000
+ <input type="radio" id="published<?php echo $slide_row->id; ?>1" name="published<?php echo $slide_row->id; ?>" <?php echo (($slide_row->published) ? 'checked="checked"' : ''); ?> value="1" />
2001
+ <label <?php echo (($slide_row->published) ? 'class="selected_color"' : ''); ?> for="published<?php echo $slide_row->id; ?>1"><?php _e('Yes', 'wds'); ?></label>
2002
+ <input type="radio" id="published<?php echo $slide_row->id; ?>0" name="published<?php echo $slide_row->id; ?>" <?php echo (($slide_row->published) ? '' : 'checked="checked"'); ?> value="0" />
2003
+ <label <?php echo (($slide_row->published) ? '' : 'class="selected_color"'); ?> for="published<?php echo $slide_row->id; ?>0"><?php _e('No', 'wds'); ?></label>
2004
+ <p class="description"></p>
2005
+ </div>
2006
+ </div>
2007
+ </div>
2008
+ </div>
2009
+ <div class="wd-table-col wd-table-col-50 wd-table-col-right">
2010
+ <div class="wd-box-section">
2011
+ <div class="wd-box-content">
2012
+ <div class="wd-group" id="controls<?php echo $slide_row->id; ?>" <?php echo $slide_row->type == 'video' ? '' : 'style="display: none;"'; ?>>
2013
+ <label class="wd-label"><?php _e('Controls', WD_S_PREFIX); ?></label>
2014
+ <input type="radio" onClick="wds_enable_disable('', 'autoplay<?php echo $slide_row->id; ?>', 'controls<?php echo $slide_row->id; ?>1')" id="controls<?php echo $slide_row->id; ?>1" name="controls<?php echo $slide_row->id; ?>" <?php echo (($slide_row->link == '1' || empty($slide_row->link) ) ? 'checked="checked"' : ''); ?> value="1" />
2015
+ <label <?php echo ($slide_row->link == '1' || empty($slide_row->link) ) ? 'class="selected_color"' : ''; ?> for="controls<?php echo $slide_row->id; ?>1"><?php _e('Yes', 'wds'); ?></label>
2016
+ <input type="radio" onClick="wds_enable_disable('none', 'autoplay<?php echo $slide_row->id; ?>', 'controls<?php echo $slide_row->id; ?>0')" id="controls<?php echo $slide_row->id; ?>0" name="controls<?php echo $slide_row->id; ?>" <?php echo (($slide_row->link == "0") ? 'checked="checked"' : '' ); ?> value="0" />
2017
+ <label <?php echo (($slide_row->link == "0") ? 'class="selected_color"' : '' ); ?> for="controls<?php echo $slide_row->id; ?>0"><?php _e('No', 'wds'); ?></label>
2018
+ <p class="description"></p>
2019
+ </div>
2020
+ <div class="wd-group" id="autoplay<?php echo $slide_row->id; ?>" <?php echo (($slide_row->type == 'video' && $slide_row->link == '1') || $slide_row->type == 'EMBED_OEMBED_YOUTUBE_VIDEO'|| $slide_row->type == 'EMBED_OEMBED_VIMEO_VIDEO') ? '' : 'style="display: none;"'; ?>>
2021
+ <label class="wd-label"><?php _e('Autoplay', WD_S_PREFIX); ?></label>
2022
+ <input type="radio" id="autoplay<?php echo $slide_row->id; ?>1" name="wds_slide_autoplay<?php echo $slide_row->id; ?>" <?php echo (($slide_row->target_attr_slide) ? 'checked="checked"' : ''); ?> value="1" />
2023
+ <label <?php echo (($slide_row->target_attr_slide) ? 'class="selected_color"' : ''); ?> for="autoplay<?php echo $slide_row->id; ?>1"><?php _e('Yes', 'wds'); ?></label>
2024
+ <input type="radio" id="autoplay<?php echo $slide_row->id; ?>0" name="wds_slide_autoplay<?php echo $slide_row->id; ?>" <?php echo (($slide_row->target_attr_slide) ? '' : 'checked="checked"'); ?> value="0" />
2025
+ <label <?php echo (($slide_row->target_attr_slide) ? '' : 'class="selected_color"'); ?> for="autoplay<?php echo $slide_row->id; ?>0"><?php _e('No', 'wds'); ?></label>
2026
+ <p class="description"></p>
2027
+ </div>
2028
+ <div class="wd-group" id="youtube_rel_video<?php echo $slide_row->id; ?>" <?php echo $slide_row->type == 'EMBED_OEMBED_YOUTUBE_VIDEO' ? '' : 'style="display: none;"'; ?>>
2029
+ <label class="wd-label"><?php _e('Youtube related video', WD_S_PREFIX); ?></label>
2030
+ <input type="radio" id="youtube_rel_video<?php echo $slide_row->id; ?>1" name="youtube_rel_video<?php echo $slide_row->id; ?>" <?php echo (($slide_row->youtube_rel_video) ? 'checked="checked"' : ''); ?> value="1" />
2031
+ <label <?php echo (($slide_row->youtube_rel_video) ? 'class="selected_color"' : ''); ?> for="youtube_rel_video<?php echo $slide_row->id; ?>1"><?php _e('Yes', 'wds'); ?></label>
2032
+ <input type="radio" id="youtube_rel_video<?php echo $slide_row->id; ?>0" name="youtube_rel_video<?php echo $slide_row->id; ?>" <?php echo (($slide_row->youtube_rel_video) ? '' : 'checked="checked"'); ?> value="0" />
2033
+ <label <?php echo (($slide_row->youtube_rel_video) ? '' : 'class="selected_color"'); ?> for="youtube_rel_video<?php echo $slide_row->id; ?>0"><?php _e('No', 'wds'); ?></label>
2034
+ <p class="description"></p>
2035
+ </div>
2036
+ <div class="wd-group" id="video_loop<?php echo $slide_row->id; ?>" <?php echo ($slide_row->type == 'video' || $slide_row->type == 'EMBED_OEMBED_VIMEO_VIDEO') ? '' : 'style="display: none;"'; ?>>
2037
+ <label class="wd-label"><?php _e('Video Loop', WD_S_PREFIX); ?></label>
2038
+ <input type="radio" id="video_loop<?php echo $slide_row->id; ?>1" name="video_loop<?php echo $slide_row->id; ?>" <?php echo (($slide_row->video_loop) ? 'checked="checked"' : ''); ?> value="1" />
2039
+ <label <?php echo (($slide_row->video_loop) ? 'class="selected_color"' : ''); ?> for="video_loop<?php echo $slide_row->id; ?>1"><?php _e('Yes', 'wds'); ?></label>
2040
+ <input type="radio" id="video_loop<?php echo $slide_row->id; ?>0" name="video_loop<?php echo $slide_row->id; ?>" <?php echo (($slide_row->video_loop) ? '' : 'checked="checked"'); ?> value="0" />
2041
+ <label <?php echo (($slide_row->video_loop) ? '' : 'class="selected_color"'); ?> for="video_loop<?php echo $slide_row->id; ?>0"><?php _e('No', 'wds'); ?></label>
2042
+ <p class="description"></p>
2043
+ </div>
2044
+ <div class="wd-group" id="trlink<?php echo $slide_row->id; ?>" <?php echo $slide_row->type == 'image' ? '' : 'style="display: none;"'; ?>>
2045
+ <label class="wd-label" for="link<?php echo $slide_row->id; ?>"><?php _e('Link the slide to', WD_S_PREFIX); ?></label>
2046
+ <input class="wds_external_link" id="link<?php echo $slide_row->id; ?>" type="text" value="<?php echo $slide_row->link; ?>" name="link<?php echo $slide_row->id; ?>" />
2047
+ <input id="target_attr_slide<?php echo $slide_row->id; ?>" type="checkbox" name="target_attr_slide<?php echo $slide_row->id; ?>" <?php echo (($slide_row->target_attr_slide) ? 'checked="checked"' : ''); ?> value="1" /><label for="target_attr_slide<?php echo $slide_row->id; ?>"><?php _e('Open in a new window', 'wds'); ?></label>
2048
+ <p class="description"><?php _e('You can add a URL, to which the users will be redirected upon clicking on the slide. Use http:// and https:// for external links.', 'wds'); ?></p>
2049
+ </div>
2050
+ <div class="wd-group">
2051
+ <?php
2052
+ if ( !$spider_uploader ) {
2053
+ ?>
2054
+ <input type="button" class="button button-secondary" id="button_image_url<?php echo $slide_row->id; ?>" onclick="wds_media_uploader('<?php echo 'add_update_thumbnail__' . $slide_row->id; ?>', event, false); return false;" value="<?php _e('Edit thumbnail', WD_S_PREFIX); ?>" />
2055
+ <?php
2056
+ }
2057
+ else {
2058
+ ?>
2059
+ <a class="button button-secondary thickbox thickbox-preview" href="<?php echo add_query_arg(array('callback' => 'wds_add_image', 'image_for' => 'add_update_thumbnail', 'slide_id' => $slide_row->id, 'TB_iframe' => '1'), $query_url); ?>" title="<?php _e('Edit thumbnail', WD_S_PREFIX); ?>" onclick="return false;">
2060
+ <?php _e('Edit thumbnail', WD_S_PREFIX); ?>
2061
+ </a>
2062
+ <?php
2063
+ }
2064
+ ?>
2065
+ <p class="description"><?php _e('Note, that thumbnail will be used in the filmstrip only.', WD_S_PREFIX); ?></p>
2066
+ </div>
2067
+ </div>
2068
+ </div>
2069
+ </div>
2070
+ </div>
2071
+ </div>
2072
+ </div>
2073
+ </td>
2074
+ </tr>
2075
  <tr class="bgcolor">
2076
  <td colspan="4">
2077
+ <h2 class="titles wds_slide-title-<?php echo $slide_row->id; ?>"><?php echo $slide_row->title; ?></h2>
2078
  <div class="wds-preview-overflow">
2079
  <div id="wds_preview_wrapper_<?php echo $slide_row->id; ?>" class="wds_preview_wrapper" style="width: <?php echo $row->width; ?>px; height: <?php echo $row->height; ?>px;">
2080
+ <div class="wds_preview">
2081
  <div id="wds_preview_image<?php echo $slide_row->id; ?>" class="wds_preview_image<?php echo $slide_row->id; ?> wds_preview_image"
2082
+ style='
2083
+ width: inherit;
2084
+ height: inherit;
2085
+ background-color: <?php echo WDW_S_Library::spider_hex2rgba($row->background_color, (100 - $row->background_transparent) / 100); ?>;
2086
+ background-image: url("<?php echo $slide_row->type != 'image' ? ($slide_row->type == 'video' && ctype_digit($slide_row->thumb_url) ? (wp_get_attachment_url(get_post_thumbnail_id($slide_row->thumb_url)) ? wp_get_attachment_url(get_post_thumbnail_id($slide_row->thumb_url)) : WD_S_URL . '/images/no-video.png') : $slide_row->thumb_url) : $slide_row->image_url . '?date=' . date('Y-m-d H:i:s'); ?>");
2087
+ <?php if( !empty($slide_row->fillmode) && $slide_row->fillmode == 'fill') { ?>
2088
+ background-size: cover;
2089
+ background-position: center center;
2090
+ background-repeat: no-repeat;
2091
+ <?php } ?>
2092
+ <?php if( !empty($slide_row->fillmode) && $slide_row->fillmode == 'fit') { ?>
2093
+ background-size: contain;
2094
+ background-position: center center;
2095
+ background-repeat: no-repeat;
2096
+ <?php } ?>
2097
+ <?php if( !empty($slide_row->fillmode) && $slide_row->fillmode == 'stretch') { ?>
2098
+ background-size: 100% 100%;
2099
+ background-position: 100% 100%;
2100
+ background-repeat: no-repeat;
2101
+ <?php } ?>
2102
+ <?php if( !empty($slide_row->fillmode) && $slide_row->fillmode == 'center') { ?>
2103
+ background-size: unset;
2104
+ background-position: center center;
2105
+ background-repeat: no-repeat;
2106
+ <?php } ?>
2107
+ <?php if( !empty($slide_row->fillmode) && $slide_row->fillmode == 'tile') { ?>
2108
+ background-size: unset;
2109
+ background-position: unset;
2110
+ background-repeat: repeat;
2111
+ <?php } ?>'>
2112
  <?php
2113
  $layers_row = $this->model->get_layers_row_data($slide_row->id);
2114
  if ($layers_row) {
2149
  case 'hotspots': {
2150
  ?>
2151
  <span id="<?php echo $prefix; ?>_div"
2152
+ data-text-position="<?php echo $layer->hotp_text_position; ?>"
2153
  class="hotspot_container wds_draggable_<?php echo $slide_row->id; ?> wds_draggable ui-draggable"
2154
  onclick="wds_showhide_layer('<?php echo $prefix; ?>_tbody', 1)"
2155
+ style="width: <?php echo $layer->hotp_width ? $layer->hotp_width : 20; ?>px;
2156
  height: <?php echo $layer->hotp_width ? $layer->hotp_width : 20; ?>px;
2157
  z-index: <?php echo $layer->depth; ?>;
2158
  position: absolute;
2159
  left: <?php echo $layer->left ? $layer->left : 20; ?>px;
2160
  top: <?php echo $layer->top ? $layer->top : 20; ?>px;
2161
+ display: inline-block;">
2162
  <span class="wds_layer_<?php echo $layer->id; ?> wds_layer"
2163
  data-displaytype="<?php echo $hotspot_text_display; ?>"
2164
  id="<?php echo $prefix; ?>_round"
2165
  style="top: 0;
2166
  left: 0;
2167
+ width: <?php echo $layer->hotp_width ? $layer->hotp_width : 20; ?>px;
2168
  height: <?php echo $layer->hotp_width ? $layer->hotp_width : 20; ?>px;
2169
  border-radius: <?php echo $layer->hotp_border_radius ? $layer->hotp_border_radius : '20px'; ?>;
2170
  border: <?php echo $layer->hotp_border_width; ?>px <?php echo $layer->hotp_border_style; ?> #<?php echo $layer->hotp_border_color; ?>;
2179
  wds_fsize="<?php echo $layer->size; ?>"
2180
  style="top: 0;
2181
  left: 0;
2182
+ width: <?php echo $layer->hotp_width ? $layer->hotp_width : 20; ?>px;
2183
  height: <?php echo $layer->hotp_width ? $layer->hotp_width : 20; ?>px;
2184
  border-radius: <?php echo $layer->hotp_border_radius ? $layer->hotp_border_radius : '20px'; ?>;
2185
  border: <?php echo $layer->hotp_border_width; ?>px <?php echo $layer->hotp_border_style; ?> transparent;
2191
  -moz-animation: point-anim 1.5s ease <?php echo mt_rand(0, 300) / 100; ?>s infinite;
2192
  -webkit-animation: point-anim 1.5s ease <?php echo mt_rand(0, 300) / 100; ?>s infinite;
2193
  -o-animation: point-anim 1.5s ease <?php echo mt_rand(0, 300) / 100; ?>s infinite;
2194
+ <?php } ?>">
2195
  </span>
2196
  <span id="<?php echo $prefix; ?>"
2197
  data-type="hotspot_text"
2199
  style="<?php echo $layer->image_width ? 'width: ' . $layer->image_width . 'px; ' : 'white-space: nowrap;'; ?>
2200
  <?php echo $layer->image_height ? 'height: ' . $layer->image_height . 'px; ' : ''; ?>
2201
  position: absolute;
2202
+ word-break: <?php echo ($layer->image_scale ?'break-all':'normal'); ?>;
2203
  display: none;
2204
  z-index: <?php echo $layer->depth; ?>;
2205
  color: #<?php echo $layer->color; ?>;
2236
  <input type="hidden" id="att_height<?php echo $slide_row->id; ?>" name="att_height<?php echo $slide_row->id; ?>" value="<?php echo $slide_row->att_height; ?>" />
2237
  </td>
2238
  </tr>
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
2239
  <tr class="bgcolor">
2240
  <td colspan="4">
2241
  <h2 class="titles"><?php _e('Layers', 'wds'); ?></h2>
2242
  <div id="layer_add_buttons">
2243
+ <div class="layer_add_buttons_wrap">
2244
  <button class="action_buttons add_text_layer button-small<?php echo !$fv ? "" : " wds_free_button"; ?>" onclick="<?php echo $fv ? "alert('". addslashes(__('This functionality is disabled in free version.', 'wds')) ."')" : "wds_add_layer('text', '" . $slide_row->id . "')"; ?>; return false;"><?php _e('Add Text Layer', 'wds'); ?></button>
2245
  </div>
2246
  <?php
2264
  <div class="layer_add_buttons_wrap">
2265
  <input type="button" class="action_buttons add_video_layer button-small<?php echo !WD_S_FREE ? "" : " wds_free_button"; ?>" id="button_video_url<?php echo $slide_row->id; ?>" onclick="<?php echo WD_S_FREE ? "alert('". addslashes(__('This functionality is disabled in free version.', 'wds')) ."')" : "wds_add_layer('upvideo', '" . $slide_row->id . "')"; ?>; return false;" value="<?php _e('Add Video Layer', 'wds'); ?>" />
2266
  </div>
2267
+ <div class="layer_add_buttons_wrap">
2268
  <input type="button" class="action_buttons add_embed_layer button-small<?php echo !WD_S_FREE ? "" : " wds_free_button"; ?>" onclick="<?php echo WD_S_FREE ? "alert('". addslashes(__('This functionality is disabled in free version.', 'wds')) ."')" : "wds_add_video('" . $slide_row->id . "', 'video_layer')"; ?>" value="<?php _e('Embed Media Layer', 'wds'); ?>" />
2269
  </div>
2270
+ <div class="layer_add_buttons_wrap">
2271
  <button class="action_buttons add_social_layer button-small<?php echo !WD_S_FREE ? "" : " wds_free_button"; ?>" onclick="<?php echo WD_S_FREE ? "alert('". addslashes(__('This functionality is disabled in free version.', 'wds')) ."')" : "wds_add_layer('social', '" . $slide_row->id . "')"; ?>; return false;"><?php _e('Social Button Layer', 'wds'); ?></button>
2272
  </div>
2273
+ <div class="layer_add_buttons_wrap">
2274
  <button class="action_buttons add_hotspot_layer button-small<?php echo !WD_S_FREE ? "" : " wds_free_button"; ?>" onclick="<?php echo WD_S_FREE ? "alert('". addslashes(__('This functionality is disabled in free version.', 'wds')) ."')" : "wds_add_layer('hotspots', '" . $slide_row->id . "')"; ?>; return false;" ><?php _e('Add Hotspot Layer', 'wds'); ?></button>
2275
  </div>
2276
  <div class="clear"></div>
2347
  <script>
2348
  jQuery(document).ready(function() {
2349
  image_for_next_prev_butt('<?php echo $row->rl_butt_img_or_not; ?>');
2350
+ image_for_bull_butt('<?php echo $row->bull_butt_img_or_not; ?>');
2351
  image_for_play_pause_butt('<?php echo $row->play_paus_butt_img_or_not; ?>');
2352
  showhide_for_carousel_fildes('<?php echo $row->carousel; ?>');
2353
  wds_whr('width');
2403
  </script>
2404
  <?php
2405
  $slide_ids_string .= $slide_row->id . ',';
2406
+ }
2407
+ ?>
2408
+ <script>
2409
+ jQuery(document).ready(function() {
2410
+ wds_slider_fillmode_option = <?php echo json_encode($slider_fillmode_option); ?>
2411
+ });
2412
+ </script>
2413
  </div>
2414
  <div class="wds_box wds_howto_box meta-box-sortables">
2415
  <div class="clear"></div>
2484
  <input type="text" id="embed_url" name="embed_url" value="" />
2485
  <input class="button button-primary" type="button" onclick="if (wds_get_embed_info(jQuery('#embed_url').val())) {jQuery('.opacity_add_video').hide();} jQuery('#embed_url').val(''); return false;" value="<?php _e('Add', 'wds'); ?>" />
2486
  <input class="button" type="button" onclick="jQuery('.opacity_add_video').hide(); jQuery('#embed_url').val(''); return false;" value="<?php _e('Cancel', 'wds'); ?>" />
2487
+ <div class="spider_description">
2488
+ <?php _e('Enter YouTube, Vimeo, Instagram, Flickr or Dailymotion URL here.', WD_S_PREFIX); ?>
2489
+ </div>
2490
+ <div class="spider_description">
2491
+ <p><?php _e('<b>Youtube</b> URL example:', WD_S_PREFIX); ?> <i>https://www.youtube.com/watch?v=xebpM_-GwG0</i></p>
2492
+ <p><?php _e('<b>Vimeo</b> URL example:', WD_S_PREFIX); ?> <i>https://vimeo.com/148133150</i></p>
2493
+ <p><?php _e('<b>Instagram</b> URL example:', WD_S_PREFIX); ?> <i>https://instagram.com/p/4o65J9QNDm</i>.<br /><?php _e('Add', WD_S_PREFIX); ?> "<i style="text-decoration:underline;"><?php _e('post', WD_S_PREFIX); ?></i>" <?php _e('to the end of URL if you want to embed the whole Instagram post, not only its content.', WD_S_PREFIX); ?></p>
2494
+ <p><?php _e('<b>Flickr</b> URL example:', WD_S_PREFIX); ?> <i>https://www.flickr.com/photos/powerpig/18780957662/in/photostream/</i></p>
2495
+ <p><?php _e('<b>Dailymotion</b> URL example:', WD_S_PREFIX); ?> <i>http://www.dailymotion.com/video/x2w0jzl_cortoons-tv-tropty-episodio-2_fun</i></p>
 
 
 
2496
  </div>
2497
  </div>
2498
  <div class="wds_editor">
2594
  <input id="<?php echo $prefix; ?>_published1" type="radio" name="<?php echo $prefix; ?>_published" value="1" <?php echo (($new_layer['published']) ? 'checked="checked"' : ''); ?> />
2595
  <label <?php echo (($new_layer['published']) ? 'class="selected_color"' : ''); ?> for="<?php echo $prefix; ?>_published1"><?php _e('Yes', 'wds'); ?></label>
2596
  <input id="<?php echo $prefix; ?>_published0" type="radio" name="<?php echo $prefix; ?>_published" value="0" <?php echo (($new_layer['published']) ? '' : 'checked="checked"'); ?>/>
2597
+ <label <?php echo ((!$new_layer['published']) ? 'class="selected_color"' : ''); ?> for="<?php echo $prefix; ?>_published0"><?php _e('No', 'wds'); ?></label>
2598
  <p class="description"></p>
2599
  </span>
2600
  <span class="wd-group">
2603
  <p class="description"><?php _e('The layer will be visible on all slides.', 'wds'); ?></p>
2604
  </span>
2605
  <span class="wd-group">
2606
+ <label class="wd-label" title=""><?php _e('Dimensions:', 'wds'); ?></label>
2607
  <input type="hidden" name="<?php echo $prefix; ?>_image_url" id="<?php echo $prefix; ?>_image_url" value="<?php echo $new_layer['image_url']; ?>" />
2608
  <input id="<?php echo $prefix; ?>_image_width" class="spider_int_input" type="text" onkeyup="wds_scale('#<?php echo $prefix; ?>_image_scale', '<?php echo $prefix; ?>')" value="<?php echo $new_layer['image_width']; ?>" name="<?php echo $prefix; ?>_image_width" /> x
2609
  <input id="<?php echo $prefix; ?>_image_height" class="spider_int_input" type="text" onkeyup="wds_scale('#<?php echo $prefix; ?>_image_scale', '<?php echo $prefix; ?>')" value="<?php echo $new_layer['image_height']; ?>" name="<?php echo $prefix; ?>_image_height" /> px
2621
  <?php
2622
  }
2623
  ?>
2624
+ <p class="description"><?php _e('Set width and height of the image.', 'wds'); ?></p>
2625
  </span>
2626
  <span class="wd-group">
2627
+ <label class="wd-label" for="<?php echo $prefix; ?>_alt" title=""><?php _e('Alt:', 'wds'); ?></label>
2628
  <input id="<?php echo $prefix; ?>_alt" type="text" class="wds_link" value="<?php echo $new_layer['alt']; ?>" name="<?php echo $prefix; ?>_alt" />
2629
+ <p class="description"><?php _e('Set the value of alt HTML attribute for this image layer.', 'wds'); ?></p>
2630
  </span>
2631
  <span class="wd-group">
2632
+ <label class="wd-label" for="<?php echo $prefix; ?>_link" title=""><?php _e('Link:', 'wds'); ?></label>
2633
  <input id="<?php echo $prefix; ?>_link" class="wds_link" type="text" value="<?php echo $new_layer['link']; ?>" name="<?php echo $prefix; ?>_link" />
2634
  <input id="<?php echo $prefix; ?>_target_attr_layer" type="checkbox" name="<?php echo $prefix; ?>_target_attr_layer" <?php echo (($new_layer['target_attr_layer']) ? 'checked="checked"' : ''); ?> value="1" /><label for="<?php echo $prefix; ?>_target_attr_layer"><?php _e('Open in a new window', 'wds'); ?></label>
2635
+ <p class="description"><?php _e('Use http:// and https:// for external links.', 'wds'); ?></p>
2636
  </span>
2637
  <span class="wd-group">
2638
+ <label class="wd-label" title=""><?php _e('Position:', 'wds'); ?></label>
2639
  X <input id="<?php echo $prefix; ?>_left" class="spider_int_input" type="text" onchange="jQuery('#<?php echo $prefix; ?>').css({left: jQuery(this).val() + 'px'})" onkeypress="return spider_check_isnum(event)" value="<?php echo $new_layer['left']; ?>" name="<?php echo $prefix; ?>_left" />
2640
  Y <input id="<?php echo $prefix; ?>_top" class="spider_int_input" type="text" onchange="jQuery('#<?php echo $prefix; ?>').css({top: jQuery(this).val() + 'px'})" onkeypress="return spider_check_isnum(event)" value="<?php echo $new_layer['top']; ?>" name="<?php echo $prefix; ?>_top" />
2641
+ <p class="description"><?php _e('In addition, you can drag the layer and drop it to the desired position.', 'wds'); ?></p>
2642
  </span>
2643
  <span class="wd-group">
2644
+ <label class="wd-label" for="<?php echo $prefix; ?>_imgtransparent" title=""><?php _e('Transparency:', 'wds'); ?></label>
2645
  <input id="<?php echo $prefix; ?>_imgtransparent" class="spider_int_input" type="text" onchange="jQuery('#<?php echo $prefix; ?>').css({opacity: (100 - jQuery(this).val()) / 100, filter: 'Alpha(opacity=' + 100 - jQuery(this).val() + ')'})" onkeypress="return spider_check_isnum(event)" value="<?php echo $new_layer['imgtransparent']; ?>" name="<?php echo $prefix; ?>_imgtransparent"> %
2646
+ <p class="description"><?php _e('Value must be between 0 and 100.', 'wds'); ?></p>
2647
  </span>
2648
  <span class="wd-group">
2649
  <label class="wd-label" for="<?php echo $prefix; ?>_layer_callback_list"><?php _e('Add click action:', 'wds'); ?></label>
2747
  <p class="description"></p>
2748
  </span>
2749
  <span class="wd-group">
2750
+ <label class="wd-label" for="<?php echo $prefix; ?>_border_radius" title=""><?php _e('Radius:', 'wds'); ?></label>
2751
+ <input placeholder="4px" id="<?php echo $prefix; ?>_border_radius" class="spider_char_input" type="text" onchange="jQuery('#<?php echo $prefix; ?>').css({borderRadius: jQuery(this).val()})" value="<?php echo $new_layer['border_radius']; ?>" name="<?php echo $prefix; ?>_border_radius">
2752
+ <p class="description"><?php _e('Use CSS type values.', 'wds'); ?></p>
2753
  </span>
2754
  <span class="wd-group">
2755
  <label class="wd-label" for="<?php echo $prefix; ?>_shadow"><?php _e('Shadow:', 'wds'); ?></label>
2756
+ <input placeholder="10px 10px 5px #888888" id="<?php echo $prefix; ?>_shadow" class="spider_char_input" type="text" onchange="jQuery('#<?php echo $prefix; ?>').css({boxShadow: jQuery(this).val()})" value="<?php echo $new_layer['shadow']; ?>" name="<?php echo $prefix; ?>_shadow" />
2757
+ <p class="description"><?php _e('Use CSS type values.', 'wds'); ?></p>
2758
  </span>
2759
  <span class="wd-group">
2760
  <label class="wd-label" for="<?php echo $prefix; ?>_add_class"><?php _e('Add class:', 'wds'); ?></label>
2761
  <input id="<?php echo $prefix; ?>_add_class" class="spider_char_input" type="text" value="<?php echo $new_layer['add_class']; ?>" name="<?php echo $prefix; ?>_add_class" />
2762
+ <p class="description"><?php _e('Use this option to add a unique class to this layer.', 'wds'); ?></p>
2763
  </span>
2764
  </div>
2765
  </div>
2806
  'layer_effect_in' => 'none',
2807
  'duration_eff_in' => 1000,
2808
  'infinite_in' => 1,
2809
+ 'end' => 3000,
2810
  'layer_effect_out' => 'none',
2811
  'duration_eff_out' => 1000,
2812
  'infinite_out' => 1,
2905
  */
2906
  ?>
2907
  <span class="wd-group">
2908
+ <label class="wd-label" for="<?php echo $prefix; ?>_static_layer"><?php _e('Static layer:', 'wds'); ?></label>
2909
  <input id="<?php echo $prefix; ?>_static_layer" type="checkbox" name="<?php echo $prefix; ?>_static_layer" <?php echo checked(1, $new_layer['static_layer']); ?> value="1" />
2910
+ <p class="description"><?php _e('The layer will be visible on all slides.', 'wds'); _e('Leave blank to keep the initial width and height.', 'wds'); ?></p>
2911
  </span>
2912
  <span class="wd-group">
2913
+ <label class="wd-label" for="<?php echo $prefix; ?>_image_width"><?php _e('Dimensions:', 'wds'); ?></label>
2914
  <input id="<?php echo $prefix; ?>_image_width" class="spider_int_input" type="text" onchange="wds_text_width(this, '<?php echo $prefix; ?>')" value="<?php echo $new_layer['image_width']; ?>" name="<?php echo $prefix; ?>_image_width" /> x
2915
  <input id="<?php echo $prefix; ?>_image_height" class="spider_int_input" type="text" onchange="wds_text_height(this, '<?php echo $prefix; ?>')" value="<?php echo $new_layer['image_height']; ?>" name="<?php echo $prefix; ?>_image_height" /> %
2916
  <input id="<?php echo $prefix; ?>_image_scale" type="checkbox" onchange="wds_break_word(this, '<?php echo $prefix; ?>')" name="<?php echo $prefix; ?>_image_scale" <?php echo (($new_layer['image_scale']) ? 'checked="checked"' : ''); ?> /><label for="<?php echo $prefix; ?>_image_scale"><?php _e('Break-word', 'wds'); ?></label>
2917
+ <p class="description"><?php _e('Leave blank to keep the initial width and height. ', 'wds'); ?><?php _e('Break-word may break lines from between any two letters, if their width is larger than dimensions.', 'wds'); ?></p>
2918
  </span>
2919
  <span class="wd-group">
2920
+ <label class="wd-label"><?php _e('Position:', 'wds'); ?></label>
2921
  X <input id="<?php echo $prefix; ?>_left" class="spider_int_input" type="text" <?php echo ($new_layer['align']) ? 'disabled="disabled"' : ''; ?> onchange="jQuery('#<?php echo $prefix; ?>').css({left: jQuery(this).val() + 'px'})" onkeypress="return spider_check_isnum(event)" value="<?php echo $new_layer['left']; ?>" name="<?php echo $prefix; ?>_left" />
2922
  Y <input id="<?php echo $prefix; ?>_top" class="spider_int_input" type="text" onchange="jQuery('#<?php echo $prefix; ?>').css({top: jQuery(this).val() + 'px'})" onkeypress="return spider_check_isnum(event)" value="<?php echo $new_layer['top']; ?>" name="<?php echo $prefix; ?>_top" />
2923
  <input id="<?php echo $prefix; ?>_align_layer" type="checkbox" name="<?php echo $prefix; ?>_align_layer" <?php echo checked(1, $new_layer['align'] ); ?> value="1" onchange="wds_position_left_disabled('<?php echo $prefix; ?>')" /><label for="<?php echo $prefix; ?>_align_layer"><?php _e('Fixed step (left, center, right)', 'wds'); ?></label>
2924
+ <p class="description"><?php _e('In addition, you can drag the layer and drop it to the desired position. ', 'wds'); ?><?php _e('Fixed step places the layer on one of three positions (left, center, or right), based on its Y position.', 'wds'); ?></p>
2925
  </span>
2926
  <span class="wd-group">
2927
+ <label class="wd-label" for="<?php echo $prefix; ?>_size"><?php _e('Size:', 'wds'); ?></label>
2928
  <span style="display: inline-block">
2929
  <input id="<?php echo $prefix; ?>_size" class="spider_int_input" type="text" onchange="jQuery('#<?php echo $prefix; ?>').css({fontSize: jQuery(this).val() + 'px', lineHeight: jQuery(this).val() + 'px'})" onkeypress="return spider_check_isnum(event)" value="<?php echo $new_layer['size']; ?>" name="<?php echo $prefix; ?>_size" /> px
2930
  </span>
2931
+ <p class="description"><?php _e('Sets the font size of the text.', 'wds'); ?></p>
2932
+ </span>
2933
+ <span class="wd-group">
2934
+ <label class="wd-label" for="<?php echo $prefix; ?>_size"><?php _e('Minimum font size:', 'wds'); ?></label>
2935
  <span style="display: inline-block;">
2936
  <input id="<?php echo $prefix; ?>_min_size" class="spider_int_input" type="text" onchange="wds_min_size_validation('<?php echo $prefix; ?>')" onkeypress="return spider_check_isnum(event)" value="<?php echo $new_layer['min_size']; ?>" name="<?php echo $prefix; ?>_min_size" /> px
2937
  </span>
2938
+ <p class="description"><?php _e('Text layer font size shrinks on small screens. Choose the minimum font size, which the text should have.', 'wds'); ?></p>
2939
  </span>
2940
  <span class="wd-group">
2941
  <label class="wd-label" for="<?php echo $prefix; ?>_color"><?php _e('Color:', 'wds'); ?></label>
2979
  <p class="description"></p>
2980
  </span>
2981
  <span class="wd-group">
2982
+ <label class="wd-label" for="<?php echo $prefix; ?>_link" title=""><?php _e('Link:', 'wds'); ?></label>
2983
  <input class="wds_link" id="<?php echo $prefix; ?>_link" type="text" style="width: 200px;" value="<?php echo $new_layer['link']; ?>" name="<?php echo $prefix; ?>_link" />
2984
  <input id="<?php echo $prefix; ?>_target_attr_layer" type="checkbox" name="<?php echo $prefix; ?>_target_attr_layer" <?php echo (($new_layer["target_attr_layer"]) ? 'checked="checked"' : ''); ?> value="1" /><label for="<?php echo $prefix; ?>_target_attr_layer"><?php _e('Open in a new window', 'wds'); ?></label>
2985
+ <p class="description"><?php _e('Use http:// and https:// for external links.', 'wds'); ?></p>
2986
  </span>
2987
  <span class="wd-group">
2988
  <label class="wd-label" for="<?php echo $prefix; ?>_layer_callback_list"><?php _e('Add click action:', 'wds'); ?></label>
3071
  </span>
3072
  </span>
3073
  <span class="wd-group">
3074
+ <label class="wd-label" for="<?php echo $prefix; ?>_padding" title=""><?php _e('Padding:', 'wds'); ?></label>
3075
+ <input placeholder="5px 10px 10px" id="<?php echo $prefix; ?>_padding" class="spider_char_input" type="text" onchange="document.getElementById('<?php echo $prefix; ?>').style.padding=jQuery(this).val();" value="<?php echo $new_layer['padding']; ?>" name="<?php echo $prefix; ?>_padding">
3076
+ <p class="description"><?php _e('Use CSS type values.', 'wds'); ?></p>
3077
  </span>
3078
  <span class="wd-group">
3079
  <label class="wd-label" for="<?php echo $prefix; ?>_fbgcolor"><?php _e('Background Color:', 'wds'); ?></label>
3081
  <p class="description"></p>
3082
  </span>
3083
  <span class="wd-group">
3084
+ <label class="wd-label" for="<?php echo $prefix; ?>_transparent" title=""><?php _e('Transparency:', 'wds'); ?></label>
3085
  <input id="<?php echo $prefix; ?>_transparent" class="spider_int_input" type="text" onchange="wde_change_text_bg_color('<?php echo $prefix; ?>')" onkeypress="return spider_check_isnum(event)" value="<?php echo $new_layer['transparent']; ?>" name="<?php echo $prefix; ?>_transparent"> %
3086
+ <p class="description"><?php _e('Value must be between 0 and 100.', 'wds'); ?></p>
3087
  </span>
3088
  <span class="wd-group">
3089
  <label class="wd-label" for="<?php echo $prefix; ?>_border_width"><?php _e('Border:', 'wds'); ?></label>
3100
  <input id="<?php echo $prefix; ?>_border_color" class="color" type="text" onchange="jQuery('#<?php echo $prefix; ?>').css({borderColor: '#' + jQuery(this).val()})" value="<?php echo $new_layer['border_color']; ?>" name="<?php echo $prefix; ?>_border_color">
3101
  </span>
3102
  <span class="wd-group">
3103
+ <label class="wd-label" for="<?php echo $prefix; ?>_border_radius" title=""><?php _e('Radius:', 'wds'); ?></label>
3104
+ <input placeholder="4px" id="<?php echo $prefix; ?>_border_radius" class="spider_char_input" type="text" onchange="jQuery('#<?php echo $prefix; ?>').css({borderRadius: jQuery(this).val()})" value="<?php echo $new_layer['border_radius']; ?>" name="<?php echo $prefix; ?>_border_radius">
3105
+ <p class="description"><?php _e('Use CSS type values.', 'wds'); ?></p>
3106
  </span>
3107
  <span class="wd-group">
3108
+ <label class="wd-label" for="<?php echo $prefix; ?>_shadow" title=""><?php _e('Shadow:', 'wds'); ?></label>
3109
+ <input placeholder="10px 10px 5px #888888" id="<?php echo $prefix; ?>_shadow" class="spider_char_input" type="text" onchange="jQuery('#<?php echo $prefix; ?>').css({boxShadow: jQuery(this).val()})" value="<?php echo $new_layer['shadow']; ?>" name="<?php echo $prefix; ?>_shadow" />
3110
+ <p class="description"><?php _e('Use CSS type values.', 'wds'); ?></p>
3111
  </span>
3112
  <span class="wd-group">
3113
+ <label class="wd-label" for="<?php echo $prefix; ?>_add_class" title=""><?php _e('Add class:', 'wds'); ?></label>
3114
  <input id="<?php echo $prefix; ?>_add_class" class="spider_char_input" type="text" value="<?php echo $new_layer['add_class']; ?>" name="<?php echo $prefix; ?>_add_class" />
3115
+ <p class="description"><?php _e('Use this option to add a unique class to this layer.', 'wds'); ?></p>
3116
  </span>
3117
  <span class="wd-group">
3118
  <label class="wd-label" for="<?php echo $prefix; ?>_text_alignment"><?php _e('Text alignment:', 'wds'); ?></label>
3149
  $new_layer = array(
3150
  'tt' => true,
3151
  'videoType' => 'video',
3152
+ 'youtube_rel_layer_video' => '0',
3153
  'text' => 'Sample Text',
3154
  'static_layer' => '0',
3155
  'id' => 'pr_1',
3168
  'layer_effect_in' => 'none',
3169
  'duration_eff_in' => 1000,
3170
  'infinite_in' => 1,
3171
+ 'end' => 3000,
3172
  'layer_effect_out' => 'none',
3173
  'duration_eff_out' => 1000,
3174
  'infinite_out' => 1,
3218
  'layer_video_loop' => $layer->layer_video_loop,
3219
  'image_url' => $layer->image_url,
3220
  'alt' => $layer->alt,
 
3221
  );
3222
  }
3223
  ob_start();
3231
  <span class="wd-group">
3232
  <label class="wd-label"><?php _e('Published:', 'wds'); ?></label>
3233
  <input id="<?php echo $prefix; ?>_published1" type="radio" name="<?php echo $prefix; ?>_published" value="1" <?php echo (($new_layer['published']) ? 'checked="checked"' : ''); ?> />
3234
+ <label <?php echo (($new_layer['published']) ? 'class="selected_color"' : ''); ?> for="<?php echo $prefix; ?>_published1"><?php _e('Yes', 'wds'); ?></label>
3235
  <input id="<?php echo $prefix; ?>_published0" type="radio" name="<?php echo $prefix; ?>_published" value="0" <?php echo (($new_layer['published']) ? '' : 'checked="checked"'); ?> />
3236
+ <label <?php echo ((!$new_layer['published']) ? 'class="selected_color"' : ''); ?> for="<?php echo $prefix; ?>_published0"><?php _e('No', 'wds'); ?></label>
3237
  <p class="description"></p>
3238
  </span>
 
3239
  <span class="wd-group">
3240
  <label class="wd-label" for="<?php echo $prefix; ?>_static_layer"><?php _e('Static layer:', 'wds'); ?></label>
3241
  <input id="<?php echo $prefix; ?>_static_layer" type="checkbox" name="<?php echo $prefix; ?>_static_layer" <?php echo checked(1, $new_layer['static_layer']); ?> value="1" />
3242
  <p class="description"><?php _e('The layer will be visible on all slides.', 'wds'); ?></p>
3243
  </span>
3244
  <span class="wd-group">
3245
+ <label class="wd-label" title=""><?php _e('Dimensions:', 'wds'); ?></label>
3246
  <input type="hidden" id="<?php echo $prefix; ?>_attr_width" name="<?php echo $prefix; ?>_attr_width" value="<?php echo $new_layer['attr_width']; ?>"/>
3247
  <input type="hidden" id="<?php echo $prefix; ?>_attr_height" name="<?php echo $prefix; ?>_attr_height" value="<?php echo $new_layer['attr_height']; ?>"/>
3248
  <input type="hidden" id="<?php echo $prefix; ?>_layer_post_id" name="<?php echo $prefix; ?>_layer_post_id" value="<?php echo $new_layer['image_url']; ?>" />
3251
  <input type="hidden" name="<?php echo $prefix; ?>_image_url" id="<?php echo $prefix; ?>_image_url" value="<?php echo $new_layer['image_url']; ?>" />
3252
  <input id="<?php echo $prefix; ?>_image_width" class="spider_int_input" type="text" onkeyup="wds_scale('#<?php echo $prefix; ?>_image_scale', '<?php echo $prefix; ?>')" value="<?php echo $new_layer['image_width']; ?>" name="<?php echo $prefix; ?>_image_width" /> x
3253
  <input id="<?php echo $prefix; ?>_image_height" class="spider_int_input" type="text" onkeyup="wds_scale('#<?php echo $prefix; ?>_image_scale', '<?php echo $prefix; ?>')" value="<?php echo $new_layer['image_height']; ?>" name="<?php echo $prefix; ?>_image_height" /> px
3254
+ <p class="description"><?php _e('Set width and height of the video.', 'wds'); ?></p>
3255
  </span>
3256
  <span class="wd-group">
3257
+ <label class="wd-label" title=""><?php _e('Position:', 'wds'); ?></label>
3258
  X <input id="<?php echo $prefix; ?>_left" class="spider_int_input" type="text" onchange="jQuery('#<?php echo $prefix; ?>').css({left: jQuery(this).val() + 'px'})" onkeypress="return spider_check_isnum(event)" value="<?php echo $new_layer['left']; ?>" name="<?php echo $prefix; ?>_left" />
3259
  Y <input id="<?php echo $prefix; ?>_top" class="spider_int_input" type="text" onchange="jQuery('#<?php echo $prefix; ?>').css({top: jQuery(this).val() + 'px'})" onkeypress="return spider_check_isnum(event)" value="<?php echo $new_layer['top']; ?>" name="<?php echo $prefix; ?>_top" />
3260
+ <p class="description"><?php _e('In addition, you can drag the layer and drop it to the desired position.', 'wds'); ?></p>
3261
  </span>
3262
  <span class="wd-group">
3263
  <label class="wd-label" for="<?php echo $prefix; ?>_border_width"><?php _e('Border:', 'wds'); ?></label>
3274
  <input id="<?php echo $prefix; ?>_border_color" class="color" type="text" onchange="jQuery('#<?php echo $prefix; ?>').css({borderColor: '#' + jQuery(this).val()})" value="<?php echo $new_layer['border_color']; ?>" name="<?php echo $prefix; ?>_border_color" />
3275
  <p class="description"></p>
3276
  </span>
3277
+ <span class="wd-group <?php echo $prefix; ?>_autoplay_td" <?php echo ($new_layer['target_attr_layer'] == "0" && $new_layer['videoType'] == 'upvideo') ? 'style="visibility:hidden"' : ''; ?>>
3278
  <label class="wd-label"><?php _e('Autoplay:', 'wds'); ?></label>
3279
  <input id="<?php echo $prefix; ?>_image_scale1" type="radio" name="<?php echo $prefix; ?>_image_scale" value="on" <?php echo (($new_layer['image_scale'] == "on") ? 'checked="checked"' : ''); ?> />
3280
  <label <?php echo (($new_layer['image_scale'] == "on") ? 'class="selected_color"' : ''); ?> for="<?php echo $prefix; ?>_image_scale1"><?php _e('Yes', 'wds'); ?></label>
3282
  <label <?php echo (($new_layer['image_scale'] == "on") ? '' : 'class="selected_color"'); ?> for="<?php echo $prefix; ?>_image_scale0"><?php _e('No', 'wds'); ?></label>
3283
  <p class="description"></p>
3284
  </span>
3285
+ <span class="wd-group" <?php echo ($new_layer['alt'] != 'EMBED_OEMBED_YOUTUBE_VIDEO') ? 'style="visibility:hidden"' : ''; ?>>
3286
  <label class="wd-label"><?php _e('Disable youtube related video:', 'wds'); ?></label>
3287
+ <input id="<?php echo $prefix; ?>_youtube_rel_layer_video1" type="radio" name="<?php echo $prefix; ?>_youtube_rel_layer_video" value="0" <?php echo ((!$new_layer['youtube_rel_layer_video']) ? 'checked="checked"' : ''); ?> />
3288
+ <label <?php echo ((!$new_layer['youtube_rel_layer_video']) ? 'class="selected_color"' : ''); ?> for="<?php echo $prefix; ?>_youtube_rel_layer_video1"><?php _e('Yes', 'wds'); ?></label>
3289
+ <input id="<?php echo $prefix; ?>_youtube_rel_layer_video0" type="radio" name="<?php echo $prefix; ?>_youtube_rel_layer_video" value="1" <?php echo ((!$new_layer['youtube_rel_layer_video']) ? '' : 'checked="checked"'); ?> />
3290
+ <label <?php echo (($new_layer['youtube_rel_layer_video']) ? 'class="selected_color"' : ''); ?> for="<?php echo $prefix; ?>_youtube_rel_layer_video0"><?php _e('No', 'wds'); ?></label>
3291
  <p class="description"></p>
3292
  </span>
3293
  </div>
3351
  </span>
3352
  </span>
3353
  <span class="wd-group">
3354
+ <label class="wd-label" for="<?php echo $prefix; ?>_border_radius" title=""><?php _e('Radius:', 'wds'); ?></label>
3355
+ <input placeholder="4px" id="<?php echo $prefix; ?>_border_radius" class="spider_char_input" type="text" onchange="jQuery('#<?php echo $prefix; ?>').css({borderRadius: jQuery(this).val()})" value="<?php echo $new_layer['border_radius']; ?>" name="<?php echo $prefix; ?>_border_radius">
3356
+ <p class="description"><?php _e('Use CSS type values.', 'wds'); ?></p>
3357
  </span>
3358
  <span class="wd-group">
3359
+ <label class="wd-label" for="<?php echo $prefix; ?>_shadow" title=""><?php _e('Shadow:', 'wds'); ?></label>
3360
+ <input placeholder="10px 10px 5px #888888" id="<?php echo $prefix; ?>_shadow" class="spider_char_input" type="text" onchange="jQuery('#<?php echo $prefix; ?>').css({boxShadow: jQuery(this).val()})" value="<?php echo $new_layer['shadow']; ?>" name="<?php echo $prefix; ?>_shadow" />
3361
+ <p class="description"><?php _e('Use CSS type values.', 'wds'); ?></p>
3362
  </span>
3363
  <span class="wd-group">
3364
  <label class="wd-label" for="<?php echo $prefix; ?>_add_class"><?php _e('Add class:', 'wds'); ?></label>
3365
  <input id="<?php echo $prefix; ?>_add_class" class="spider_char_input" type="text" value="<?php echo $new_layer['add_class']; ?>" name="<?php echo $prefix; ?>_add_class" />
3366
+ <p class="description"><?php _e('Use this option to add a unique class to this layer.', 'wds'); ?></p>
3367
  </span>
3368
  </div>
3369
  </div>
3405
  'layer_effect_in' => 'none',
3406
  'duration_eff_in' => 1000,
3407
  'infinite_in' => 1,
3408
+ 'end' => 3000,
3409
  'layer_effect_out' => 'none',
3410
  'duration_eff_out' => 1000,
3411
  'infinite_out' => 1,
3469
  <span class="wd-group">
3470
  <label class="wd-label"><?php _e('Published:', 'wds'); ?></label>
3471
  <input id="<?php echo $prefix; ?>_published1" type="radio" name="<?php echo $prefix; ?>_published" value="1" <?php echo (($new_layer['published']) ? 'checked="checked"' : ''); ?> />
3472
+ <label <?php echo (($new_layer['published']) ? 'class="selected_color"' : ''); ?> for="<?php echo $prefix; ?>_published1"><?php _e('Yes', 'wds'); ?></label>
3473
  <input id="<?php echo $prefix; ?>_published0" type="radio" name="<?php echo $prefix; ?>_published" value="0" <?php echo (($new_layer['published']) ? '' : 'checked="checked"'); ?> />
3474
+ <label <?php echo ((!$new_layer['published']) ? 'class="selected_color"' : ''); ?> for="<?php echo $prefix; ?>_published0"><?php _e('No', 'wds'); ?></label>
3475
  <p class="description"></p>
3476
  </span>
3477
  <span class="wd-group">
3480
  <p class="description"><?php _e('The layer will be visible on all slides.', 'wds'); ?></p>
3481
  </span>
3482
  <span class="wd-group">
3483
+ <label class="wd-label" title=""><?php _e('Dimensions:', 'wds'); ?></label>
3484
  <input type="hidden" id="<?php echo $prefix; ?>_attr_width" name="<?php echo $prefix; ?>_attr_width" value="<?php echo $new_layer['attr_width']; ?>"/>
3485
  <input type="hidden" id="<?php echo $prefix; ?>_attr_height" name="<?php echo $prefix; ?>_attr_height" value="<?php echo $new_layer['attr_height']; ?>"/>
3486
  <input type="hidden" id="<?php echo $prefix; ?>_layer_post_id" name="<?php echo $prefix; ?>_layer_post_id" value="<?php echo $new_layer['image_url']; ?>" />
3489
  <input type="hidden" name="<?php echo $prefix; ?>_image_url" id="<?php echo $prefix; ?>_image_url" value="<?php echo $new_layer['image_url']; ?>" />
3490
  <input id="<?php echo $prefix; ?>_image_width" class="spider_int_input" type="text" onkeyup="wds_scale('#<?php echo $prefix; ?>_image_scale', '<?php echo $prefix; ?>')" value="<?php echo $new_layer['image_width']; ?>" name="<?php echo $prefix; ?>_image_width" /> x
3491
  <input id="<?php echo $prefix; ?>_image_height" class="spider_int_input" type="text" onkeyup="wds_scale('#<?php echo $prefix; ?>_image_scale', '<?php echo $prefix; ?>')" value="<?php echo $new_layer['image_height']; ?>" name="<?php echo $prefix; ?>_image_height" /> px
3492
+ <p class="description"><?php _e('Set width and height of the video.', 'wds'); ?></p>
3493
  </span>
3494
  <span class="wd-group">
3495
+ <label class="wd-label" title=""><?php _e('Position:', 'wds'); ?></label>
3496
  X <input id="<?php echo $prefix; ?>_left" class="spider_int_input" type="text" onchange="jQuery('#<?php echo $prefix; ?>').css({left: jQuery(this).val() + 'px'})" onkeypress="return spider_check_isnum(event)" value="<?php echo $new_layer['left']; ?>" name="<?php echo $prefix; ?>_left" />
3497
  Y <input id="<?php echo $prefix; ?>_top" class="spider_int_input" type="text" onchange="jQuery('#<?php echo $prefix; ?>').css({top: jQuery(this).val() + 'px'})" onkeypress="return spider_check_isnum(event)" value="<?php echo $new_layer['top']; ?>" name="<?php echo $prefix; ?>_top" />
3498
+ <p class="description"><?php _e('In addition, you can drag the layer and drop it to the desired position.', 'wds'); ?></p>
3499
  </span>
3500
  <span class="wd-group">
3501
  <label class="wd-label" for="<?php echo $prefix; ?>_border_width"><?php _e('Border:', 'wds'); ?></label>
3515
  <span class="wd-group">
3516
  <label class="wd-label"><?php _e('Video Loop:', 'wds'); ?></label>
3517
  <input id="<?php echo $prefix; ?>_layer_video_loop1" type="radio" name="<?php echo $prefix; ?>_layer_video_loop" value="1" <?php echo (($new_layer['layer_video_loop']) ? 'checked="checked"' : ''); ?> />
3518
+ <label <?php echo (($new_layer['layer_video_loop']) ? 'class="selected_color"' : ''); ?> for="<?php echo $prefix; ?>_layer_video_loop1"><?php _e('Yes', 'wds'); ?></label>
3519
  <input id="<?php echo $prefix; ?>_layer_video_loop0" type="radio" name="<?php echo $prefix; ?>_layer_video_loop" value="0" <?php echo (($new_layer['layer_video_loop']) ? '' : 'checked="checked"'); ?> />
3520
+ <label <?php echo ((!$new_layer['layer_video_loop']) ? 'class="selected_color"' : ''); ?> for="<?php echo $prefix; ?>_layer_video_loop0"><?php _e('No', 'wds'); ?></label>
3521
  <p class="description"></p>
3522
  </span>
3523
  <span class="wd-group">
3597
  </span>
3598
  </span>
3599
  <span class="wd-group">
3600
+ <label class="wd-label" for="<?php echo $prefix; ?>_border_radius" title=""><?php _e('Radius:', 'wds'); ?></label>
3601
+ <input placeholder="4px" id="<?php echo $prefix; ?>_border_radius" class="spider_char_input" type="text" onchange="jQuery('#<?php echo $prefix; ?>').css({borderRadius: jQuery(this).val()})" value="<?php echo $new_layer['border_radius']; ?>" name="<?php echo $prefix; ?>_border_radius">
3602
+ <p class="description"><?php _e('Use CSS type values.', 'wds'); ?></p>
3603
  </span>
3604
  <span class="wd-group">
3605
+ <label class="wd-label" for="<?php echo $prefix; ?>_shadow" title=""><?php _e('Shadow:', 'wds'); ?></label>
3606
+ <input placeholder="10px 10px 5px #888888" id="<?php echo $prefix; ?>_shadow" class="spider_char_input" type="text" onchange="jQuery('#<?php echo $prefix; ?>').css({boxShadow: jQuery(this).val()})" value="<?php echo $new_layer['shadow']; ?>" name="<?php echo $prefix; ?>_shadow" />
3607
+ <p class="description"><?php _e('Use CSS type values.', 'wds'); ?></p>
3608
  </span>
3609
  <span class="wd-group">
3610
+ <label class="wd-label" for="<?php echo $prefix; ?>_add_class" title=""><?php _e('Add class:', 'wds'); ?></label>
3611
  <input id="<?php echo $prefix; ?>_add_class" class="spider_char_input" type="text" value="<?php echo $new_layer['add_class']; ?>" name="<?php echo $prefix; ?>_add_class" />
3612
+ <p class="description"><?php _e('Use this option to add a unique class to this layer.', 'wds'); ?></p>
3613
  </span>
3614
  </div>
3615
  </div>
3651
  'layer_effect_in' => 'none',
3652
  'duration_eff_in' => 1000,
3653
  'infinite_in' => 1,
3654
+ 'end' => 3000,
3655
  'layer_effect_out' => 'none',
3656
  'duration_eff_out' => 1000,
3657
  'infinite_out' => 1,
3658
  'padding' => '5px',
3659
  'fbgcolor' => '000000',
3660
+ 'color' => 'FFFFFF',
3661
  'transparent' => 50,
3662
  'border_width' => 2,
3663
  'border_style' => $border_styles,
3664
  'border_color' => 'BBBBBB',
3665
+ 'hotp_border_radius' => '25px',
3666
  'border_radius' => '2px',
3667
  'shadow' => '',
3668
  'add_class' => '',
3670
  'hotspot_text_display' => 'hover',
3671
  'hotspot_animation' => '1',
3672
  'hotp_width' => 20,
3673
+ 'hotp_text_position' => 'right',
3674
  'hotp_border_width' => 2,
3675
  'hotp_border_style' => $border_styles,
3676
  'hotp_border_color' => 'BBBBBB',
3724
  'hotp_border_color' => $layer->hotp_border_color,
3725
  'hotp_fbgcolor' => $layer->hotp_fbgcolor,
3726
  'link_to_slide' => $layer->link_to_slide,
 
 
 
 
 
3727
  );
3728
  }
3729
  ob_start();
3753
  <p class="description"><?php _e('The layer will be visible on all slides.', 'wds'); ?></p>
3754
  </span>
3755
  <span class="wd-group">
3756
+ <label class="wd-label" for="<?php echo $prefix; ?>_image_width" title=""><?php _e('Dimensions:', 'wds'); ?></label>
3757
  <input id="<?php echo $prefix; ?>_image_width" class="spider_int_input" type="text" onchange="wds_hotspot_text_width('<?php echo $prefix; ?>')" value="<?php echo $new_layer['image_width']; ?>" name="<?php echo $prefix; ?>_image_width" /> x
3758
  <input id="<?php echo $prefix; ?>_image_height" class="spider_int_input" type="text" onchange="wds_hotspot_text_width('<?php echo $prefix; ?>')" value="<?php echo $new_layer['image_height']; ?>" name="<?php echo $prefix; ?>_image_height" /> px
3759
  <input id="<?php echo $prefix; ?>_image_scale" type="checkbox" onchange="wds_break_word(this, '<?php echo $prefix; ?>')" name="<?php echo $prefix; ?>_image_scale" <?php echo (($new_layer['image_scale']) ? 'checked="checked"' : ''); ?> /><label for="<?php echo $prefix; ?>_image_scale"><?php _e('Break-word', 'wds'); ?></label>
3760
+ <p class="description"><?php _e('Leave blank to keep the initial width and height. ', 'wds'); ?><?php _e('Break-word may break lines from between any two letters, if their width is larger than dimensions.', 'wds'); ?></p>
3761
  </span>
3762
  <span class="wd-group">
3763
+ <label class="wd-label" title=""><?php _e('Position:', 'wds'); ?></label>
3764
  X <input id="<?php echo $prefix; ?>_div_left" class="spider_int_input" type="text" onchange="jQuery('#<?php echo $prefix; ?>_div').css({left: jQuery(this).val() + 'px'})" onkeypress="return spider_check_isnum(event)" value="<?php echo $new_layer['left']; ?>" name="<?php echo $prefix; ?>_left" />
3765
  Y <input id="<?php echo $prefix; ?>_div_top" class="spider_int_input" type="text" onchange="jQuery('#<?php echo $prefix; ?>_div').css({top: jQuery(this).val() + 'px'})" onkeypress="return spider_check_isnum(event)" value="<?php echo $new_layer['top']; ?>" name="<?php echo $prefix; ?>_top" />
3766
+ <p class="description"><?php _e('In addition, you can drag the layer and drop it to the desired position.', 'wds'); ?></p>
3767
  </span>
3768
  <span class="wd-group">
3769
+ <label class="wd-label" for="<?php echo $prefix; ?>_link" title=""><?php _e('Link:', 'wds'); ?></label>
3770
  <input id="<?php echo $prefix; ?>_link" type="text" size="39" class="wds_link" value="<?php echo $new_layer['link']; ?>" name="<?php echo $prefix; ?>_link" />
3771
  <input id="<?php echo $prefix; ?>_target_attr_layer" type="checkbox" name="<?php echo $prefix; ?>_target_attr_layer" <?php echo (($new_layer['target_attr_layer']) ? 'checked="checked"' : ''); ?> value="1" /><label for="<?php echo $prefix; ?>_target_attr_layer"><?php _e('Open in a new window', 'wds'); ?></label>
3772
+ <p class="description"><?php _e('Use http:// and https:// for external links.', 'wds'); ?></p>
3773
  </span>
3774
  <span class="wd-group">
3775
  <label class="wd-label" for="<?php echo $prefix; ?>_htextposition"><?php _e('Hotspot text position:', 'wds'); ?></label>
3776
+ <select class="select_icon select_icon_320" id="<?php echo $prefix; ?>_htextposition" name="<?php echo $prefix; ?>_htextposition" onchange="jQuery('#<?php echo $prefix; ?>_div').attr('data-text-position', jQuery(this).val()); wds_hotspot_position('<?php echo $prefix; ?>')">
3777
  <?php
3778
  foreach ($hotp_text_positions as $key => $hotp_text_position) {
3779
  ?>
3785
  <p class="description"></p>
3786
  </span>
3787
  <span class="wd-group">
3788
+ <label class="wd-label" title=""><?php _e('Show Hotspot text:', 'wds'); ?></label>
3789
  <input type="radio" name="<?php echo $prefix; ?>_hotspot_text_display" id="<?php echo $prefix; ?>_hotspot_text_display_1" value="hover" <?php if ($new_layer['hotspot_text_display'] == 'hover') echo 'checked="checked"'; ?> /><label <?php echo $new_layer['hotspot_text_display'] == 'hover' ? 'class="selected_color"' : ''; ?> for="<?php echo $prefix; ?>_hotspot_text_display_1"><?php _e('On hover', 'wds'); ?></label>
3790
  <input type="radio" name="<?php echo $prefix; ?>_hotspot_text_display" id="<?php echo $prefix; ?>_hotspot_text_display_0" value="click" <?php if ($new_layer['hotspot_text_display'] == 'click' ) echo 'checked="checked"'; ?> /><label <?php echo $new_layer['hotspot_text_display'] == 'click' ? 'class="selected_color"' : ''; ?> for="<?php echo $prefix; ?>_hotspot_text_display_0"><?php _e('On click', 'wds'); ?></label>
3791
+ <p class="description"><?php _e('Select between the option of always displaying the navigation buttons or only when hovered.', 'wds'); ?></p>
3792
  </span>
3793
  <span class="wd-group">
3794
  <label class="wd-label" for="<?php echo $prefix; ?>_link"><?php _e('Hotspot Width:', 'wds'); ?></label>
3815
  <p class="description"></p>
3816
  </span>
3817
  <span class="wd-group">
3818
+ <label class="wd-label" for="<?php echo $prefix; ?>_hotp_border_radius" title=""><?php _e('Hotspot Radius:', 'wds'); ?></label>
3819
+ <input placeholder="4px" id="<?php echo $prefix; ?>_hotp_border_radius" class="spider_char_input" type="text" onchange="jQuery('#<?php echo $prefix; ?>_round').css({borderRadius: jQuery(this).val()});jQuery('#<?php echo $prefix; ?>_round_effect').css({borderRadius: jQuery(this).val()})" value="<?php echo $new_layer['hotp_border_radius']; ?>" name="<?php echo $prefix; ?>_hotp_border_radius">
3820
+ <p class="description"><?php _e('Use CSS type values.', 'wds'); ?></p>
3821
  </span>
3822
  <span class="wd-group">
3823
  <label class="wd-label"><?php _e('Hotspot Animation:', 'wds'); ?></label>
3914
  </span>
3915
  </span>
3916
  <span class="wd-group">
3917
+ <label class="wd-label" for="<?php echo $prefix; ?>_padding" title=""><?php _e('Padding:', 'wds'); ?></label>
3918
+ <input placeholder="5px 10px 10px" id="<?php echo $prefix; ?>_padding" class="spider_char_input" type="text" onchange="document.getElementById('<?php echo $prefix; ?>').style.padding=jQuery(this).val();" value="<?php echo $new_layer['padding']; ?>" name="<?php echo $prefix; ?>_padding">
3919
+ <p class="description"><?php _e('Use CSS type values.', 'wds'); ?></p>
3920
  </span>
3921
  <span class="wd-group">
3922
  <label class="wd-label" for="<?php echo $prefix; ?>_size"><?php _e('Size:', 'wds'); ?> </label>
3923
  <span style="display: inline-block">
3924
  <input id="<?php echo $prefix; ?>_size" class="spider_int_input" type="text" onchange="jQuery('#<?php echo $prefix; ?>').css({fontSize: jQuery(this).val() + 'px', lineHeight: jQuery(this).val() + 'px'})" onkeypress="return spider_check_isnum(event)" value="<?php echo $new_layer['size']; ?>" name="<?php echo $prefix; ?>_size" /> px
3925
  </span>
3926
+ <p class="description"><?php _e('Sets the font size of the text.', 'wds'); ?></p>
3927
+ </span>
3928
+ <span class="wd-group">
3929
+ <label class="wd-label" for="<?php echo $prefix; ?>_size"><?php _e('Minimum font size:', 'wds'); ?> </label>
3930
  <span style="display: inline-block;">
3931
  <input id="<?php echo $prefix; ?>_min_size" class="spider_int_input" type="text" onchange="wds_min_size_validation('<?php echo $prefix; ?>')" onkeypress="return spider_check_isnum(event)" value="<?php echo $new_layer['min_size']; ?>" name="<?php echo $prefix; ?>_min_size" /> px
3932
  </span>
3933
+ <p class="description"><?php _e('Text layer font size shrinks on small screens. Choose the minimum font size, which the text should have.', 'wds'); ?></p>
3934
  </span>
3935
+
3936
  <span class="wd-group">
3937
  <label class="wd-label" for="<?php echo $prefix; ?>_color"><?php _e('Color:', 'wds'); ?></label>
3938
  <input id="<?php echo $prefix; ?>_color" class="color" type="text" onchange="jQuery('#<?php echo $prefix; ?>').css({color: '#' + jQuery(this).val()})" value="<?php echo $new_layer['color']; ?>" name="<?php echo $prefix; ?>_color" />
3975
  <p class="description"></p>
3976
  </span>
3977
  <span class="wd-group">
3978
+ <label class="wd-label" for="<?php echo $prefix; ?>_transparent" title=""><?php _e('Transparency:', 'wds'); ?></label>
3979
  <input id="<?php echo $prefix; ?>_transparent" class="spider_int_input" type="text" onchange="wde_change_text_bg_color('<?php echo $prefix; ?>')" onkeypress="return spider_check_isnum(event)" value="<?php echo $new_layer['transparent']; ?>" name="<?php echo $prefix; ?>_transparent"> %
3980
+ <p class="description"><?php _e('Value must be between 0 and 100.', 'wds'); ?></p>
3981
  </span>
3982
  <span class="wd-group">
3983
  <label class="wd-label" for="<?php echo $prefix; ?>_border_width"><?php _e('Border:', 'wds'); ?></label>
3996
  </span>
3997
  <span class="wd-group">
3998
  <label class="wd-label" for="<?php echo $prefix; ?>_border_radius"><?php _e('Radius:', 'wds'); ?></label>
3999
+ <input placeholder="4px" id="<?php echo $prefix; ?>_border_radius" class="spider_char_input" type="text" onchange="jQuery('#<?php echo $prefix; ?>').css({borderRadius: jQuery(this).val()})" value="<?php echo $new_layer['border_radius']; ?>" name="<?php echo $prefix; ?>_border_radius">
4000
+ <p class="description"><?php _e('Use CSS type values.', 'wds'); ?></p>
4001
  </span>
4002
  <span class="wd-group">
4003
+ <label class="wd-label" for="<?php echo $prefix; ?>_shadow" title=""><?php _e('Shadow:', 'wds'); ?></label>
4004
+ <input placeholder="10px 10px 5px #888888" id="<?php echo $prefix; ?>_shadow" class="spider_char_input" type="text" onchange="jQuery('#<?php echo $prefix; ?>').css({boxShadow: jQuery(this).val()})" value="<?php echo $new_layer['shadow']; ?>" name="<?php echo $prefix; ?>_shadow" />
4005
+ <p class="description"><?php _e('Use CSS type values.', 'wds'); ?></p>
4006
  </span>
4007
  <span class="wd-group">
4008
+ <label class="wd-label" for="<?php echo $prefix; ?>_add_class"><?php _e('Add class:', 'wds'); ?></label>
4009
  <input id="<?php echo $prefix; ?>_add_class" class="spider_char_input" type="text" value="<?php echo $new_layer['add_class']; ?>" name="<?php echo $prefix; ?>_add_class" />
4010
+ <p class="description"><?php _e('Use this option to add a unique class to this layer.', 'wds'); ?></p>
4011
  </span>
4012
  <span class="wd-group">
4013
  <label class="wd-label" for="<?php echo $prefix; ?>_text_alignment"><?php _e('Text alignment:', 'wds'); ?></label>
4106
  <p class="description"><?php _e('The layer will be visible on all slides.', 'wds');?></p>
4107
  </span>
4108
  <span class="wd-group">
4109
+ <label class="wd-label" title=""><?php _e('Position:', 'wds');?></label>
4110
  X <input id="<?php echo $prefix; ?>_left" class="spider_int_input" type="text" onchange="jQuery('#<?php echo $prefix; ?>').css({left: jQuery(this).val() + 'px'})" onkeypress="return spider_check_isnum(event)" value="<?php echo $new_layer['left']; ?>" name="<?php echo $prefix; ?>_left" />
4111
  Y <input id="<?php echo $prefix; ?>_top" class="spider_int_input" type="text" onchange="jQuery('#<?php echo $prefix; ?>').css({top: jQuery(this).val() + 'px'})" onkeypress="return spider_check_isnum(event)" value="<?php echo $new_layer['top']; ?>" name="<?php echo $prefix; ?>_top" />
4112
+ <p class="description"><?php _e('In addition, you can drag the layer and drop it to the desired position.', 'wds');?></p>
4113
  </span>
4114
  <span class="wd-group">
4115
  <label class="wd-label" for="<?php echo $prefix; ?>_social_button"><?php _e('Social button:', 'wds');?></label>
4130
  <p class="description"></p>
4131
  </span>
4132
  <span class="wd-group">
4133
+ <label class="wd-label" for="<?php echo $prefix; ?>_transparent" title=""><?php _e('Transparency:', 'wds');?></label>
4134
  <input id="<?php echo $prefix; ?>_transparent" class="spider_int_input" type="text" onchange="jQuery('#<?php echo $prefix; ?>').css({opacity: (100 - jQuery(this).val()) / 100, filter: 'Alpha(opacity=' + 100 - jQuery(this).val() + ')'})" onkeypress="return spider_check_isnum(event)" value="<?php echo $new_layer['transparent']; ?>" name="<?php echo $prefix; ?>_transparent" /> %
4135
+ <p class="description"><?php _e('Value must be between 0 and 100.', 'wds');?></p>
4136
  </span>
4137
  </div>
4138
  </div>
4205
  <p class="description"></p>
4206
  </span>
4207
  <span class="wd-group">
4208
+ <label class="wd-label" for="<?php echo $prefix; ?>_add_class" title=""><?php _e('Add class:', 'wds');?></label>
4209
  <input id="<?php echo $prefix; ?>_add_class" class="spider_char_input" type="text" value="<?php echo $new_layer['add_class']; ?>" name="<?php echo $prefix; ?>_add_class" />
4210
+ <p class="description"><?php _e('Use this option to add a unique class to this layer.', 'wds');?></p>
4211
  </span>
4212
  </div>
4213
  </div>
css/jquery-ui-1.10.3.custom.css DELETED
@@ -1,1177 +0,0 @@
1
- /*! jQuery UI - v1.10.3 - 2013-10-19
2
- * http://jqueryui.com
3
- * Includes: jquery.ui.core.css, jquery.ui.resizable.css, jquery.ui.selectable.css, jquery.ui.accordion.css, jquery.ui.autocomplete.css, jquery.ui.button.css, jquery.ui.datepicker.css, jquery.ui.dialog.css, jquery.ui.menu.css, jquery.ui.progressbar.css, jquery.ui.slider.css, jquery.ui.spinner.css, jquery.ui.tabs.css, jquery.ui.tooltip.css, jquery.ui.theme.css
4
- * To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=Trebuchet%20MS%2CTahoma%2CVerdana%2CArial%2Csans-serif&fwDefault=bold&fsDefault=1.1em&cornerRadius=4px&bgColorHeader=f6a828&bgTextureHeader=gloss_wave&bgImgOpacityHeader=35&borderColorHeader=e78f08&fcHeader=ffffff&iconColorHeader=ffffff&bgColorContent=eeeeee&bgTextureContent=highlight_soft&bgImgOpacityContent=100&borderColorContent=dddddd&fcContent=333333&iconColorContent=222222&bgColorDefault=f6f6f6&bgTextureDefault=glass&bgImgOpacityDefault=100&borderColorDefault=cccccc&fcDefault=1c94c4&iconColorDefault=ef8c08&bgColorHover=fdf5ce&bgTextureHover=glass&bgImgOpacityHover=100&borderColorHover=fbcb09&fcHover=c77405&iconColorHover=ef8c08&bgColorActive=ffffff&bgTextureActive=glass&bgImgOpacityActive=65&borderColorActive=fbd850&fcActive=eb8f00&iconColorActive=ef8c08&bgColorHighlight=ffe45c&bgTextureHighlight=highlight_soft&bgImgOpacityHighlight=75&borderColorHighlight=fed22f&fcHighlight=363636&iconColorHighlight=228ef1&bgColorError=b81900&bgTextureError=diagonals_thick&bgImgOpacityError=18&borderColorError=cd0a0a&fcError=ffffff&iconColorError=ffd27a&bgColorOverlay=666666&bgTextureOverlay=diagonals_thick&bgImgOpacityOverlay=20&opacityOverlay=50&bgColorShadow=000000&bgTextureShadow=flat&bgImgOpacityShadow=10&opacityShadow=20&thicknessShadow=5px&offsetTopShadow=-5px&offsetLeftShadow=-5px&cornerRadiusShadow=5px
5
- * Copyright 2013 jQuery Foundation and other contributors; Licensed MIT */
6
-
7
- /* Layout helpers
8
- ----------------------------------*/
9
- .ui-helper-hidden {
10
- display: none;
11
- }
12
- .ui-helper-hidden-accessible {
13
- border: 0;
14
- clip: rect(0 0 0 0);
15
- height: 1px;
16
- margin: -1px;
17
- overflow: hidden;
18
- padding: 0;
19
- position: absolute;
20
- width: 1px;
21
- }
22
- .ui-helper-reset {
23
- margin: 0;
24
- padding: 0;
25
- border: 0;
26
- outline: 0;
27
- line-height: 1.3;
28
- text-decoration: none;
29
- font-size: 100%;
30
- list-style: none;
31
- }
32
- .ui-helper-clearfix:before,
33
- .ui-helper-clearfix:after {
34
- content: "";
35
- display: table;
36
- border-collapse: collapse;
37
- }
38
- .ui-helper-clearfix:after {
39
- clear: both;
40
- }
41
- .ui-helper-clearfix {
42
- min-height: 0; /* support: IE7 */
43
- }
44
- .ui-helper-zfix {
45
- width: 100%;
46
- height: 100%;
47
- top: 0;
48
- left: 0;
49
- position: absolute;
50
- opacity: 0;
51
- filter:Alpha(Opacity=0);
52
- }
53
-
54
- .ui-front {
55
- z-index: 100;
56
- }
57
-
58
-
59
- /* Interaction Cues
60
- ----------------------------------*/
61
- .ui-state-disabled {
62
- cursor: default !important;
63
- }
64
-
65
-
66
- /* Icons
67
- ----------------------------------*/
68
-
69
- /* states and images */
70
- .ui-icon {
71
- display: block;
72
- text-indent: -99999px;
73
- overflow: hidden;
74
- background-repeat: no-repeat;
75
- }
76
-
77
-
78
- /* Misc visuals
79
- ----------------------------------*/
80
-
81
- /* Overlays */
82
- .ui-widget-overlay {
83
- position: fixed;
84
- top: 0;
85
- left: 0;
86
- width: 100%;
87
- height: 100%;
88
- }
89
- .ui-resizable {
90
- position: relative;
91
- }
92
- .ui-resizable-handle {
93
- position: absolute;
94
- font-size: 0.1px;
95
- display: block;
96
- }
97
- .ui-resizable-disabled .ui-resizable-handle,
98
- .ui-resizable-autohide .ui-resizable-handle {
99
- display: none;
100
- }
101
- .ui-resizable-n {
102
- cursor: n-resize;
103
- height: 7px;
104
- width: 100%;
105
- top: -5px;
106
- left: 0;
107
- }
108
- .ui-resizable-s {
109
- cursor: s-resize;
110
- height: 7px;
111
- width: 100%;
112
- bottom: -5px;
113
- left: 0;
114
- }
115
- .ui-resizable-e {
116
- cursor: e-resize;
117
- width: 7px;
118
- right: -5px;
119
- top: 0;
120
- height: 100%;
121
- }
122
- .ui-resizable-w {
123
- cursor: w-resize;
124
- width: 7px;
125
- left: -5px;
126
- top: 0;
127
- height: 100%;
128
- }
129
- .ui-resizable-se {
130
- cursor: se-resize;
131
- width: 12px;
132
- height: 12px;
133
- right: 1px;
134
- bottom: 1px;
135
- }
136
- .ui-resizable-sw {
137
- cursor: sw-resize;
138
- width: 9px;
139
- height: 9px;
140
- left: -5px;
141
- bottom: -5px;
142
- }
143
- .ui-resizable-nw {
144
- cursor: nw-resize;
145
- width: 9px;
146
- height: 9px;
147
- left: -5px;
148
- top: -5px;
149
- }
150
- .ui-resizable-ne {
151
- cursor: ne-resize;
152
- width: 9px;
153
- height: 9px;
154
- right: -5px;
155
- top: -5px;
156
- }
157
- .ui-selectable-helper {
158
- position: absolute;
159
- z-index: 100;
160
- border: 1px dotted black;
161
- }
162
- .ui-accordion .ui-accordion-header {
163
- display: block;
164
- cursor: pointer;
165
- position: relative;
166
- margin-top: 2px;
167
- padding: .5em .5em .5em .7em;
168
- min-height: 0; /* support: IE7 */
169
- }
170
- .ui-accordion .ui-accordion-icons {
171
- padding-left: 2.2em;
172
- }
173
- .ui-accordion .ui-accordion-noicons {
174
- padding-left: .7em;
175
- }
176
- .ui-accordion .ui-accordion-icons .ui-accordion-icons {
177
- padding-left: 2.2em;
178
- }
179
- .ui-accordion .ui-accordion-header .ui-accordion-header-icon {
180
- position: absolute;
181
- left: .5em;
182
- top: 50%;
183
- margin-top: -8px;
184
- }
185
- .ui-accordion .ui-accordion-content {
186
- padding: 1em 2.2em;
187
- border-top: 0;
188
- overflow: auto;
189
- }
190
- .ui-autocomplete {
191
- position: absolute;
192
- top: 0;
193
- left: 0;
194
- cursor: default;
195
- }
196
- .ui-button {
197
- display: inline-block;
198
- position: relative;
199
- padding: 0;
200
- line-height: normal;
201
- margin-right: .1em;
202
- cursor: pointer;
203
- vertical-align: middle;
204
- text-align: center;
205
- overflow: visible; /* removes extra width in IE */
206
- }
207
- .ui-button,
208
- .ui-button:link,
209
- .ui-button:visited,
210
- .ui-button:hover,
211
- .ui-button:active {
212
- text-decoration: none;
213
- }
214
- /* to make room for the icon, a width needs to be set here */
215
- .ui-button-icon-only {
216
- width: 2.2em;
217
- }
218
- /* button elements seem to need a little more width */
219
- button.ui-button-icon-only {
220
- width: 2.4em;
221
- }
222
- .ui-button-icons-only {
223
- width: 3.4em;
224
- }
225
- button.ui-button-icons-only {
226
- width: 3.7em;
227
- }
228
-
229
- /* button text element */
230
- .ui-button .ui-button-text {
231
- display: block;
232
- line-height: normal;
233
- }
234
- .ui-button-text-only .ui-button-text {
235
- padding: .4em 1em;
236
- }
237
- .ui-button-icon-only .ui-button-text,
238
- .ui-button-icons-only .ui-button-text {
239
- padding: .4em;
240
- text-indent: -9999999px;
241
- }
242
- .ui-button-text-icon-primary .ui-button-text,
243
- .ui-button-text-icons .ui-button-text {
244
- padding: .4em 1em .4em 2.1em;
245
- }
246
- .ui-button-text-icon-secondary .ui-button-text,
247
- .ui-button-text-icons .ui-button-text {
248
- padding: .4em 2.1em .4em 1em;
249
- }
250
- .ui-button-text-icons .ui-button-text {
251
- padding-left: 2.1em;
252
- padding-right: 2.1em;
253
- }
254
- /* no icon support for input elements, provide padding by default */
255
- input.ui-button {
256
- padding: .4em 1em;
257
- }
258
-
259
- /* button icon element(s) */
260
- .ui-button-icon-only .ui-icon,
261
- .ui-button-text-icon-primary .ui-icon,
262
- .ui-button-text-icon-secondary .ui-icon,
263
- .ui-button-text-icons .ui-icon,
264
- .ui-button-icons-only .ui-icon {
265
- position: absolute;
266
- top: 50%;
267
- margin-top: -8px;
268
- }
269
- .ui-button-icon-only .ui-icon {
270
- left: 50%;
271
- margin-left: -8px;
272
- }
273
- .ui-button-text-icon-primary .ui-button-icon-primary,
274
- .ui-button-text-icons .ui-button-icon-primary,
275
- .ui-button-icons-only .ui-button-icon-primary {
276
- left: .5em;
277
- }
278
- .ui-button-text-icon-secondary .ui-button-icon-secondary,
279
- .ui-button-text-icons .ui-button-icon-secondary,
280
- .ui-button-icons-only .ui-button-icon-secondary {
281
- right: .5em;
282
- }
283
-
284
- /* button sets */
285
- .ui-buttonset {
286
- margin-right: 7px;
287
- }
288
- .ui-buttonset .ui-button {
289
- margin-left: 0;
290
- margin-right: -.3em;
291
- }
292
-
293
- /* workarounds */
294
- /* reset extra padding in Firefox, see h5bp.com/l */
295
- input.ui-button::-moz-focus-inner,
296
- button.ui-button::-moz-focus-inner {
297
- border: 0;
298
- padding: 0;
299
- }
300
- .ui-datepicker {
301
- width: 17em;
302
- padding: .2em .2em 0;
303
- display: none;
304
- }
305
- .ui-datepicker .ui-datepicker-header {
306
- position: relative;
307
- padding: .2em 0;
308
- }
309
- .ui-datepicker .ui-datepicker-prev,
310
- .ui-datepicker .ui-datepicker-next {
311
- position: absolute;
312
- top: 2px;
313
- width: 1.8em;
314
- height: 1.8em;
315
- }
316
- .ui-datepicker .ui-datepicker-prev-hover,
317
- .ui-datepicker .ui-datepicker-next-hover {
318
- top: 1px;
319
- }
320
- .ui-datepicker .ui-datepicker-prev {
321
- left: 2px;
322
- }
323
- .ui-datepicker .ui-datepicker-next {
324
- right: 2px;
325
- }
326
- .ui-datepicker .ui-datepicker-prev-hover {
327
- left: 1px;
328
- }
329
- .ui-datepicker .ui-datepicker-next-hover {
330
- right: 1px;
331
- }
332
- .ui-datepicker .ui-datepicker-prev span,
333
- .ui-datepicker .ui-datepicker-next span {
334
- display: block;
335
- position: absolute;
336
- left: 50%;
337
- margin-left: -8px;
338
- top: 50%;
339
- margin-top: -8px;
340
- }
341
- .ui-datepicker .ui-datepicker-title {
342
- margin: 0 2.3em;
343
- line-height: 1.8em;
344
- text-align: center;
345
- }
346
- .ui-datepicker .ui-datepicker-title select {
347
- font-size: 1em;
348
- margin: 1px 0;
349
- }
350
- .ui-datepicker select.ui-datepicker-month-year {
351
- width: 100%;
352
- }
353
- .ui-datepicker select.ui-datepicker-month,
354
- .ui-datepicker select.ui-datepicker-year {
355
- width: 49%;
356
- }
357
- .ui-datepicker table {
358
- width: 100%;
359
- font-size: .9em;
360
- border-collapse: collapse;
361
- margin: 0 0 .4em;
362
- }
363
- .ui-datepicker th {
364
- padding: .7em .3em;
365
- text-align: center;
366
- font-weight: bold;
367
- border: 0;
368
- }
369
- .ui-datepicker td {
370
- border: 0;
371
- padding: 1px;
372
- }
373
- .ui-datepicker td span,
374
- .ui-datepicker td a {
375
- display: block;
376
- padding: .2em;
377
- text-align: right;
378
- text-decoration: none;
379
- }
380
- .ui-datepicker .ui-datepicker-buttonpane {
381
- background-image: none;
382
- margin: .7em 0 0 0;
383
- padding: 0 .2em;
384
- border-left: 0;
385
- border-right: 0;
386
- border-bottom: 0;
387
- }
388
- .ui-datepicker .ui-datepicker-buttonpane button {
389
- float: right;
390
- margin: .5em .2em .4em;
391
- cursor: pointer;
392
- padding: .2em .6em .3em .6em;
393
- width: auto;
394
- overflow: visible;
395
- }
396
- .ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
397
- float: left;
398
- }
399
-
400
- /* with multiple calendars */
401
- .ui-datepicker.ui-datepicker-multi {
402
- width: auto;
403
- }
404
- .ui-datepicker-multi .ui-datepicker-group {
405
- float: left;
406
- }
407
- .ui-datepicker-multi .ui-datepicker-group table {
408
- width: 95%;
409
- margin: 0 auto .4em;
410
- }
411
- .ui-datepicker-multi-2 .ui-datepicker-group {
412
- width: 50%;
413
- }
414
- .ui-datepicker-multi-3 .ui-datepicker-group {
415
- width: 33.3%;
416
- }
417
- .ui-datepicker-multi-4 .ui-datepicker-group {
418
- width: 25%;
419
- }
420
- .ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,
421
- .ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
422
- border-left-width: 0;
423
- }
424
- .ui-datepicker-multi .ui-datepicker-buttonpane {
425
- clear: left;
426
- }
427
- .ui-datepicker-row-break {
428
- clear: both;
429
- width: 100%;
430
- font-size: 0;
431
- }
432
-
433
- /* RTL support */
434
- .ui-datepicker-rtl {
435
- direction: rtl;
436
- }
437
- .ui-datepicker-rtl .ui-datepicker-prev {
438
- right: 2px;
439
- left: auto;
440
- }
441
- .ui-datepicker-rtl .ui-datepicker-next {
442
- left: 2px;
443
- right: auto;
444
- }
445
- .ui-datepicker-rtl .ui-datepicker-prev:hover {
446
- right: 1px;
447
- left: auto;
448
- }
449
- .ui-datepicker-rtl .ui-datepicker-next:hover {
450
- left: 1px;
451
- right: auto;
452
- }
453
- .ui-datepicker-rtl .ui-datepicker-buttonpane {
454
- clear: right;
455
- }
456
- .ui-datepicker-rtl .ui-datepicker-buttonpane button {
457
- float: left;
458
- }
459
- .ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,
460
- .ui-datepicker-rtl .ui-datepicker-group {
461
- float: right;
462
- }
463
- .ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,
464
- .ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
465
- border-right-width: 0;
466
- border-left-width: 1px;
467
- }
468
- .ui-dialog {
469
- position: absolute;
470
- top: 0;
471
- left: 0;
472
- padding: .2em;
473
- outline: 0;
474
- }
475
- .ui-dialog .ui-dialog-titlebar {
476
- padding: .4em 1em;
477
- position: relative;
478
- }
479
- .ui-dialog .ui-dialog-title {
480
- float: left;
481
- margin: .1em 0;
482
- white-space: nowrap;
483
- width: 90%;
484
- overflow: hidden;
485
- text-overflow: ellipsis;
486
- }
487
- .ui-dialog .ui-dialog-titlebar-close {
488
- position: absolute;
489
- right: .3em;
490
- top: 50%;
491
- width: 21px;
492
- margin: -10px 0 0 0;
493
- padding: 1px;
494
- height: 20px;
495
- }
496
- .ui-dialog .ui-dialog-content {
497
- position: relative;
498
- border: 0;
499
- padding: .5em 1em;
500
- background: none;
501
- overflow: auto;
502
- }
503
- .ui-dialog .ui-dialog-buttonpane {
504
- text-align: left;
505
- border-width: 1px 0 0 0;
506
- background-image: none;
507
- margin-top: .5em;
508
- padding: .3em 1em .5em .4em;
509
- }
510
- .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
511
- float: right;
512
- }
513
- .ui-dialog .ui-dialog-buttonpane button {
514
- margin: .5em .4em .5em 0;
515
- cursor: pointer;
516
- }
517
- .ui-dialog .ui-resizable-se {
518
- width: 12px;
519
- height: 12px;
520
- right: -5px;
521
- bottom: -5px;
522
- background-position: 16px 16px;
523
- }
524
- .ui-draggable .ui-dialog-titlebar {
525
- cursor: move;
526
- }
527
- .ui-menu {
528
- list-style: none;
529
- padding: 2px;
530
- margin: 0;
531
- display: block;
532
- outline: none;
533
- }
534
- .ui-menu .ui-menu {
535
- margin-top: -3px;
536
- position: absolute;
537
- }
538
- .ui-menu .ui-menu-item {
539
- margin: 0;
540
- padding: 0;
541
- width: 100%;
542
- /* support: IE10, see #8844 */
543
- list-style-image: url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7);
544
- }
545
- .ui-menu .ui-menu-divider {
546
- margin: 5px -2px 5px -2px;
547
- height: 0;
548
- font-size: 0;
549
- line-height: 0;
550
- border-width: 1px 0 0 0;
551
- }
552
- .ui-menu .ui-menu-item a {
553
- text-decoration: none;
554
- display: block;
555
- padding: 2px .4em;
556
- line-height: 1.5;
557
- min-height: 0; /* support: IE7 */
558
- font-weight: normal;
559
- }
560
- .ui-menu .ui-menu-item a.ui-state-focus,
561
- .ui-menu .ui-menu-item a.ui-state-active {
562
- font-weight: normal;
563
- margin: -1px;
564
- }
565
-
566
- .ui-menu .ui-state-disabled {
567
- font-weight: normal;
568
- margin: .4em 0 .2em;
569
- line-height: 1.5;
570
- }
571
- .ui-menu .ui-state-disabled a {
572
- cursor: default;
573
- }
574
-
575
- /* icon support */
576
- .ui-menu-icons {
577
- position: relative;
578
- }
579
- .ui-menu-icons .ui-menu-item a {
580
- position: relative;
581
- padding-left: 2em;
582
- }
583
-
584
- /* left-aligned */
585
- .ui-menu .ui-icon {
586
- position: absolute;
587
- top: .2em;
588
- left: .2em;
589
- }
590
-
591
- /* right-aligned */
592
- .ui-menu .ui-menu-icon {
593
- position: static;
594
- float: right;
595
- }
596
- .ui-progressbar {
597
- height: 2em;
598
- text-align: left;
599
- overflow: hidden;
600
- }
601
- .ui-progressbar .ui-progressbar-value {
602
- margin: -1px;
603
- height: 100%;
604
- }
605
- .ui-progressbar .ui-progressbar-overlay {
606
- background: url("images/animated-overlay.gif");
607
- height: 100%;
608
- filter: alpha(opacity=25);
609
- opacity: 0.25;
610
- }
611
- .ui-progressbar-indeterminate .ui-progressbar-value {
612
- background-image: none;
613
- }
614
- .ui-slider {
615
- position: relative;
616
- text-align: left;
617
- }
618
- .ui-slider .ui-slider-handle {
619
- position: absolute;
620
- z-index: 2;
621
- width: 1.2em;
622
- height: 1.2em;
623
- cursor: default;
624
- }
625
- .ui-slider .ui-slider-range {
626
- position: absolute;
627
- z-index: 1;
628
- font-size: .7em;
629
- display: block;
630
- border: 0;
631
- background-position: 0 0;
632
- }
633
-
634
- /* For IE8 - See #6727 */
635
- .ui-slider.ui-state-disabled .ui-slider-handle,
636
- .ui-slider.ui-state-disabled .ui-slider-range {
637
- filter: inherit;
638
- }
639
-
640
- .ui-slider-horizontal {
641
- height: .8em;
642
- }
643
- .ui-slider-horizontal .ui-slider-handle {
644
- top: -.3em;
645
- margin-left: -.6em;
646
- }
647
- .ui-slider-horizontal .ui-slider-range {
648
- top: 0;
649
- height: 100%;
650
- }
651
- .ui-slider-horizontal .ui-slider-range-min {
652
- left: 0;
653
- }
654
- .ui-slider-horizontal .ui-slider-range-max {
655
- right: 0;
656
- }
657
-
658
- .ui-slider-vertical {
659
- width: .8em;
660
- height: 100px;
661
- }
662
- .ui-slider-vertical .ui-slider-handle {
663
- left: -.3em;
664
- margin-left: 0;
665
- margin-bottom: -.6em;
666
- }
667
- .ui-slider-vertical .ui-slider-range {
668
- left: 0;
669
- width: 100%;
670
- }
671
- .ui-slider-vertical .ui-slider-range-min {
672
- bottom: 0;
673
- }
674
- .ui-slider-vertical .ui-slider-range-max {
675
- top: 0;
676
- }
677
- .ui-spinner {
678
- position: relative;
679
- display: inline-block;
680
- overflow: hidden;
681
- padding: 0;
682
- vertical-align: middle;
683
- }
684
- .ui-spinner-input {
685
- border: none;
686
- background: none;
687
- color: inherit;
688
- padding: 0;
689
- margin: .2em 0;
690
- vertical-align: middle;
691
- margin-left: .4em;
692
- margin-right: 22px;
693
- }
694
- .ui-spinner-button {
695
- width: 16px;
696
- height: 50%;
697
- font-size: .5em;
698
- padding: 0;
699
- margin: 0;
700
- text-align: center;
701
- position: absolute;
702
- cursor: default;
703
- display: block;
704
- overflow: hidden;
705
- right: 0;
706
- }
707
- /* more specificity required here to overide default borders */
708
- .ui-spinner a.ui-spinner-button {
709
- border-top: none;
710
- border-bottom: none;
711
- border-right: none;
712
- }
713
- /* vertical centre icon */
714
- .ui-spinner .ui-icon {
715
- position: absolute;
716
- margin-top: -8px;
717
- top: 50%;
718
- left: 0;
719
- }
720
- .ui-spinner-up {
721
- top: 0;
722
- }
723
- .ui-spinner-down {
724
- bottom: 0;
725
- }
726
-
727
- /* TR overrides */
728
- .ui-spinner .ui-icon-triangle-1-s {
729
- /* need to fix icons sprite */
730
- background-position: -65px -16px;
731
- }
732
- .ui-tabs {
733
- position: relative;/* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */
734
- padding: .2em;
735
- }
736
- .ui-tabs .ui-tabs-nav {
737
- margin: 0;
738
- padding: .2em .2em 0;
739
- }
740
- .ui-tabs .ui-tabs-nav li {
741
- list-style: none;
742
- float: left;
743
- position: relative;
744
- top: 0;
745
- margin: 1px .2em 0 0;
746
- border-bottom-width: 0;
747
- padding: 0;
748
- white-space: nowrap;
749
- }
750
- .ui-tabs .ui-tabs-nav li a {
751
- float: left;
752
- padding: .5em 1em;
753
- text-decoration: none;
754
- }
755
- .ui-tabs .ui-tabs-nav li.ui-tabs-active {
756
- margin-bottom: -1px;
757
- padding-bottom: 1px;
758
- }
759
- .ui-tabs .ui-tabs-nav li.ui-tabs-active a,
760
- .ui-tabs .ui-tabs-nav li.ui-state-disabled a,
761
- .ui-tabs .ui-tabs-nav li.ui-tabs-loading a {
762
- cursor: text;
763
- }
764
- .ui-tabs .ui-tabs-nav li a, /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */
765
- .ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active a {
766
- cursor: pointer;
767
- }
768
- .ui-tabs .ui-tabs-panel {
769
- display: block;
770
- border-width: 0;
771
- padding: 1em 1.4em;
772
- background: none;
773
- }
774
- .ui-tooltip {
775
- padding: 8px;
776
- position: absolute;
777
- z-index: 9999;
778
- max-width: 300px;
779
- -webkit-box-shadow: 0 0 5px #aaa;
780
- box-shadow: 0 0 5px #aaa;
781
- }
782
- body .ui-tooltip {
783
- border-width: 2px;
784
- }
785
-
786
- /* Component containers
787
- ----------------------------------*/
788
- .ui-widget {
789
- font-family: Trebuchet MS,Tahoma,Verdana,Arial,sans-serif;
790
- font-size: 1.1em;
791
- }
792
- .ui-widget .ui-widget {
793
- font-size: 1em;
794
- }
795
- .ui-widget input,
796
- .ui-widget select,
797
- .ui-widget textarea,
798
- .ui-widget button {
799
- font-family: Trebuchet MS,Tahoma,Verdana,Arial,sans-serif;
800
- font-size: 1em;
801
- }
802
- .ui-widget-content {
803
- border: 1px solid #dddddd;
804
- background: #eeeeee url(images/ui-bg_highlight-soft_100_eeeeee_1x100.png) 50% top repeat-x;
805
- color: #333333;
806
- }
807
- .ui-widget-content a {
808
- color: #333333;
809
- }
810
- .ui-widget-header {
811
- border: 1px solid #e78f08;
812
- background: #f6a828 url(images/ui-bg_gloss-wave_35_f6a828_500x100.png) 50% 50% repeat-x;
813
- color: #ffffff;
814
- font-weight: bold;
815
- }
816
- .ui-widget-header a {
817
- color: #ffffff;
818
- }
819
-
820
- /* Interaction states
821
- ----------------------------------*/
822
- .ui-state-default,
823
- .ui-widget-content .ui-state-default,
824
- .ui-widget-header .ui-state-default {
825
- border: 1px solid #cccccc;
826
- background: #f6f6f6 url(images/ui-bg_glass_100_f6f6f6_1x400.png) 50% 50% repeat-x;
827
- font-weight: bold;
828
- color: #1c94c4;
829
- }
830
- .ui-state-default a,
831
- .ui-state-default a:link,
832
- .ui-state-default a:visited {
833
- color: #1c94c4;
834
- text-decoration: none;
835
- }
836
- .ui-state-hover,
837
- .ui-widget-content .ui-state-hover,
838
- .ui-widget-header .ui-state-hover,
839
- .ui-state-focus,
840
- .ui-widget-content .ui-state-focus,
841
- .ui-widget-header .ui-state-focus {
842
- border: 1px solid #fbcb09;
843
- background: #fdf5ce url(images/ui-bg_glass_100_fdf5ce_1x400.png) 50% 50% repeat-x;
844
- font-weight: bold;
845
- color: #c77405;
846
- }
847
- .ui-state-hover a,
848
- .ui-state-hover a:hover,
849
- .ui-state-hover a:link,
850
- .ui-state-hover a:visited {
851
- color: #c77405;
852
- text-decoration: none;
853
- }
854
- .ui-state-active,
855
- .ui-widget-content .ui-state-active,
856
- .ui-widget-header .ui-state-active {
857
- border: 1px solid #fbd850;
858
- background: #ffffff url(images/ui-bg_glass_65_ffffff_1x400.png) 50% 50% repeat-x;
859
- font-weight: bold;
860
- color: #eb8f00;
861
- }
862
- .ui-state-active a,
863
- .ui-state-active a:link,
864
- .ui-state-active a:visited {
865
- color: #eb8f00;
866
- text-decoration: none;
867
- }
868
-
869
- /* Interaction Cues
870
- ----------------------------------*/
871
- .ui-state-highlight,
872
- .ui-widget-content .ui-state-highlight,
873
- .ui-widget-header .ui-state-highlight {
874
- border: 1px solid #fed22f;
875
- background: #ffe45c url(images/ui-bg_highlight-soft_75_ffe45c_1x100.png) 50% top repeat-x;
876
- color: #363636;
877
- }
878
- .ui-state-highlight a,
879
- .ui-widget-content .ui-state-highlight a,
880
- .ui-widget-header .ui-state-highlight a {
881
- color: #363636;
882
- }
883
- .ui-state-error,
884
- .ui-widget-content .ui-state-error,
885
- .ui-widget-header .ui-state-error {
886
- border: 1px solid #cd0a0a;
887
- background: #b81900 url(images/ui-bg_diagonals-thick_18_b81900_40x40.png) 50% 50% repeat;
888
- color: #ffffff;
889
- }
890
- .ui-state-error a,
891
- .ui-widget-content .ui-state-error a,
892
- .ui-widget-header .ui-state-error a {
893
- color: #ffffff;
894
- }
895
- .ui-state-error-text,
896
- .ui-widget-content .ui-state-error-text,
897
- .ui-widget-header .ui-state-error-text {
898
- color: #ffffff;
899
- }
900
- .ui-priority-primary,
901
- .ui-widget-content .ui-priority-primary,
902
- .ui-widget-header .ui-priority-primary {
903
- font-weight: bold;
904
- }
905
- .ui-priority-secondary,
906
- .ui-widget-content .ui-priority-secondary,
907
- .ui-widget-header .ui-priority-secondary {
908
- opacity: .7;
909
- filter:Alpha(Opacity=70);
910
- font-weight: normal;
911
- }
912
- .ui-state-disabled,
913
- .ui-widget-content .ui-state-disabled,
914
- .ui-widget-header .ui-state-disabled {
915
- opacity: .35;
916
- filter:Alpha(Opacity=35);
917
- background-image: none;
918
- }
919
- .ui-state-disabled .ui-icon {
920
- filter:Alpha(Opacity=35); /* For IE8 - See #6059 */
921
- }
922
-
923
- /* Icons
924
- ----------------------------------*/
925
-
926
- /* states and images */
927
- .ui-icon {
928
- width: 16px;
929
- height: 16px;
930
- }
931
- .ui-icon,
932
- .ui-widget-content .ui-icon {
933
- background-image: url(images/ui-icons_222222_256x240.png);
934
- }
935
- .ui-widget-header .ui-icon {
936
- background-image: url(images/ui-icons_ffffff_256x240.png);
937
- }
938
- .ui-state-default .ui-icon {
939
- background-image: url(images/ui-icons_ef8c08_256x240.png);
940
- }
941
- .ui-state-hover .ui-icon,
942
- .ui-state-focus .ui-icon {
943
- background-image: url(images/ui-icons_ef8c08_256x240.png);
944
- }
945
- .ui-state-active .ui-icon {
946
- background-image: url(images/ui-icons_ef8c08_256x240.png);
947
- }
948
- .ui-state-highlight .ui-icon {
949
- background-image: url(images/ui-icons_228ef1_256x240.png);
950
- }
951
- .ui-state-error .ui-icon,
952
- .ui-state-error-text .ui-icon {
953
- background-image: url(images/ui-icons_ffd27a_256x240.png);
954
- }
955
-
956
- /* positioning */
957
- .ui-icon-blank { background-position: 16px 16px; }
958
- .ui-icon-carat-1-n { background-position: 0 0; }
959
- .ui-icon-carat-1-ne { background-position: -16px 0; }
960
- .ui-icon-carat-1-e { background-position: -32px 0; }
961
- .ui-icon-carat-1-se { background-position: -48px 0; }
962
- .ui-icon-carat-1-s { background-position: -64px 0; }
963
- .ui-icon-carat-1-sw { background-position: -80px 0; }
964
- .ui-icon-carat-1-w { background-position: -96px 0; }
965
- .ui-icon-carat-1-nw { background-position: -112px 0; }
966
- .ui-icon-carat-2-n-s { background-position: -128px 0; }
967
- .ui-icon-carat-2-e-w { background-position: -144px 0; }
968
- .ui-icon-triangle-1-n { background-position: 0 -16px; }
969
- .ui-icon-triangle-1-ne { background-position: -16px -16px; }
970
- .ui-icon-triangle-1-e { background-position: -32px -16px; }
971
- .ui-icon-triangle-1-se { background-position: -48px -16px; }
972
- .ui-icon-triangle-1-s { background-position: -64px -16px; }
973
- .ui-icon-triangle-1-sw { background-position: -80px -16px; }
974
- .ui-icon-triangle-1-w { background-position: -96px -16px; }
975
- .ui-icon-triangle-1-nw { background-position: -112px -16px; }
976
- .ui-icon-triangle-2-n-s { background-position: -128px -16px; }
977
- .ui-icon-triangle-2-e-w { background-position: -144px -16px; }
978
- .ui-icon-arrow-1-n { background-position: 0 -32px; }
979
- .ui-icon-arrow-1-ne { background-position: -16px -32px; }
980
- .ui-icon-arrow-1-e { background-position: -32px -32px; }
981
- .ui-icon-arrow-1-se { background-position: -48px -32px; }
982
- .ui-icon-arrow-1-s { background-position: -64px -32px; }
983
- .ui-icon-arrow-1-sw { background-position: -80px -32px; }
984
- .ui-icon-arrow-1-w { background-position: -96px -32px; }
985
- .ui-icon-arrow-1-nw { background-position: -112px -32px; }
986
- .ui-icon-arrow-2-n-s { background-position: -128px -32px; }
987
- .ui-icon-arrow-2-ne-sw { background-position: -144px -32px; }
988
- .ui-icon-arrow-2-e-w { background-position: -160px -32px; }
989
- .ui-icon-arrow-2-se-nw { background-position: -176px -32px; }
990
- .ui-icon-arrowstop-1-n { background-position: -192px -32px; }
991
- .ui-icon-arrowstop-1-e { background-position: -208px -32px; }
992
- .ui-icon-arrowstop-1-s { background-position: -224px -32px; }
993
- .ui-icon-arrowstop-1-w { background-position: -240px -32px; }
994
- .ui-icon-arrowthick-1-n { background-position: 0 -48px; }
995
- .ui-icon-arrowthick-1-ne { background-position: -16px -48px; }
996
- .ui-icon-arrowthick-1-e { background-position: -32px -48px; }
997
- .ui-icon-arrowthick-1-se { background-position: -48px -48px; }
998
- .ui-icon-arrowthick-1-s { background-position: -64px -48px; }
999
- .ui-icon-arrowthick-1-sw { background-position: -80px -48px; }
1000
- .ui-icon-arrowthick-1-w { background-position: -96px -48px; }
1001
- .ui-icon-arrowthick-1-nw { background-position: -112px -48px; }
1002
- .ui-icon-arrowthick-2-n-s { background-position: -128px -48px; }
1003
- .ui-icon-arrowthick-2-ne-sw { background-position: -144px -48px; }
1004
- .ui-icon-arrowthick-2-e-w { background-position: -160px -48px; }
1005
- .ui-icon-arrowthick-2-se-nw { background-position: -176px -48px; }
1006
- .ui-icon-arrowthickstop-1-n { background-position: -192px -48px; }
1007
- .ui-icon-arrowthickstop-1-e { background-position: -208px -48px; }
1008
- .ui-icon-arrowthickstop-1-s { background-position: -224px -48px; }
1009
- .ui-icon-arrowthickstop-1-w { background-position: -240px -48px; }
1010
- .ui-icon-arrowreturnthick-1-w { background-position: 0 -64px; }
1011
- .ui-icon-arrowreturnthick-1-n { background-position: -16px -64px; }
1012
- .ui-icon-arrowreturnthick-1-e { background-position: -32px -64px; }
1013
- .ui-icon-arrowreturnthick-1-s { background-position: -48px -64px; }
1014
- .ui-icon-arrowreturn-1-w { background-position: -64px -64px; }
1015
- .ui-icon-arrowreturn-1-n { background-position: -80px -64px; }
1016
- .ui-icon-arrowreturn-1-e { background-position: -96px -64px; }
1017
- .ui-icon-arrowreturn-1-s { background-position: -112px -64px; }
1018
- .ui-icon-arrowrefresh-1-w { background-position: -128px -64px; }
1019
- .ui-icon-arrowrefresh-1-n { background-position: -144px -64px; }
1020
- .ui-icon-arrowrefresh-1-e { background-position: -160px -64px; }
1021
- .ui-icon-arrowrefresh-1-s { background-position: -176px -64px; }
1022
- .ui-icon-arrow-4 { background-position: 0 -80px; }
1023
- .ui-icon-arrow-4-diag { background-position: -16px -80px; }
1024
- .ui-icon-extlink { background-position: -32px -80px; }
1025
- .ui-icon-newwin { background-position: -48px -80px; }
1026
- .ui-icon-refresh { background-position: -64px -80px; }
1027
- .ui-icon-shuffle { background-position: -80px -80px; }
1028
- .ui-icon-transfer-e-w { background-position: -96px -80px; }
1029
- .ui-icon-transferthick-e-w { background-position: -112px -80px; }
1030
- .ui-icon-folder-collapsed { background-position: 0 -96px; }
1031
- .ui-icon-folder-open { background-position: -16px -96px; }
1032
- .ui-icon-document { background-position: -32px -96px; }
1033
- .ui-icon-document-b { background-position: -48px -96px; }
1034
- .ui-icon-note { background-position: -64px -96px; }
1035
- .ui-icon-mail-closed { background-position: -80px -96px; }
1036
- .ui-icon-mail-open { background-position: -96px -96px; }
1037
- .ui-icon-suitcase { background-position: -112px -96px; }
1038
- .ui-icon-comment { background-position: -128px -96px; }
1039
- .ui-icon-person { background-position: -144px -96px; }
1040
- .ui-icon-print { background-position: -160px -96px; }
1041
- .ui-icon-trash { background-position: -176px -96px; }
1042
- .ui-icon-locked { background-position: -192px -96px; }
1043
- .ui-icon-unlocked { background-position: -208px -96px; }
1044
- .ui-icon-bookmark { background-position: -224px -96px; }
1045
- .ui-icon-tag { background-position: -240px -96px; }
1046
- .ui-icon-home { background-position: 0 -112px; }
1047
- .ui-icon-flag { background-position: -16px -112px; }
1048
- .ui-icon-calendar { background-position: -32px -112px; }
1049
- .ui-icon-cart { background-position: -48px -112px; }
1050
- .ui-icon-pencil { background-position: -64px -112px; }
1051
- .ui-icon-clock { background-position: -80px -112px; }
1052
- .ui-icon-disk { background-position: -96px -112px; }
1053
- .ui-icon-calculator { background-position: -112px -112px; }
1054
- .ui-icon-zoomin { background-position: -128px -112px; }
1055
- .ui-icon-zoomout { background-position: -144px -112px; }
1056
- .ui-icon-search { background-position: -160px -112px; }
1057
- .ui-icon-wrench { background-position: -176px -112px; }
1058
- .ui-icon-gear { background-position: -192px -112px; }
1059
- .ui-icon-heart { background-position: -208px -112px; }
1060
- .ui-icon-star { background-position: -224px -112px; }
1061
- .ui-icon-link { background-position: -240px -112px; }
1062
- .ui-icon-cancel { background-position: 0 -128px; }
1063
- .ui-icon-plus { background-position: -16px -128px; }
1064
- .ui-icon-plusthick { background-position: -32px -128px; }
1065
- .ui-icon-minus { background-position: -48px -128px; }
1066
- .ui-icon-minusthick { background-position: -64px -128px; }
1067
- .ui-icon-close { background-position: -80px -128px; }
1068
- .ui-icon-closethick { background-position: -96px -128px; }
1069
- .ui-icon-key { background-position: -112px -128px; }
1070
- .ui-icon-lightbulb { background-position: -128px -128px; }
1071
- .ui-icon-scissors { background-position: -144px -128px; }
1072
- .ui-icon-clipboard { background-position: -160px -128px; }
1073
- .ui-icon-copy { background-position: -176px -128px; }
1074
- .ui-icon-contact { background-position: -192px -128px; }
1075
- .ui-icon-image { background-position: -208px -128px; }
1076
- .ui-icon-video { background-position: -224px -128px; }
1077
- .ui-icon-script { background-position: -240px -128px; }
1078
- .ui-icon-alert { background-position: 0 -144px; }
1079
- .ui-icon-info { background-position: -16px -144px; }
1080
- .ui-icon-notice { background-position: -32px -144px; }
1081
- .ui-icon-help { background-position: -48px -144px; }
1082
- .ui-icon-check { background-position: -64px -144px; }
1083
- .ui-icon-bullet { background-position: -80px -144px; }
1084
- .ui-icon-radio-on { background-position: -96px -144px; }
1085
- .ui-icon-radio-off { background-position: -112px -144px; }
1086
- .ui-icon-pin-w { background-position: -128px -144px; }
1087
- .ui-icon-pin-s { background-position: -144px -144px; }
1088
- .ui-icon-play { background-position: 0 -160px; }
1089
- .ui-icon-pause { background-position: -16px -160px; }
1090
- .ui-icon-seek-next { background-position: -32px -160px; }
1091
- .ui-icon-seek-prev { background-position: -48px -160px; }
1092
- .ui-icon-seek-end { background-position: -64px -160px; }
1093
- .ui-icon-seek-start { background-position: -80px -160px; }
1094
- /* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */
1095
- .ui-icon-seek-first { background-position: -80px -160px; }
1096
- .ui-icon-stop { background-position: -96px -160px; }
1097
- .ui-icon-eject { background-position: -112px -160px; }
1098
- .ui-icon-volume-off { background-position: -128px -160px; }
1099
- .ui-icon-volume-on { background-position: -144px -160px; }
1100
- .ui-icon-power { background-position: 0 -176px; }
1101
- .ui-icon-signal-diag { background-position: -16px -176px; }
1102
- .ui-icon-signal { background-position: -32px -176px; }
1103
- .ui-icon-battery-0 { background-position: -48px -176px; }
1104
- .ui-icon-battery-1 { background-position: -64px -176px; }
1105
- .ui-icon-battery-2 { background-position: -80px -176px; }
1106
- .ui-icon-battery-3 { background-position: -96px -176px; }
1107
- .ui-icon-circle-plus { background-position: 0 -192px; }
1108
- .ui-icon-circle-minus { background-position: -16px -192px; }
1109
- .ui-icon-circle-close { background-position: -32px -192px; }
1110
- .ui-icon-circle-triangle-e { background-position: -48px -192px; }
1111
- .ui-icon-circle-triangle-s { background-position: -64px -192px; }
1112
- .ui-icon-circle-triangle-w { background-position: -80px -192px; }
1113
- .ui-icon-circle-triangle-n { background-position: -96px -192px; }
1114
- .ui-icon-circle-arrow-e { background-position: -112px -192px; }
1115
- .ui-icon-circle-arrow-s { background-position: -128px -192px; }
1116
- .ui-icon-circle-arrow-w { background-position: -144px -192px; }
1117
- .ui-icon-circle-arrow-n { background-position: -160px -192px; }
1118
- .ui-icon-circle-zoomin { background-position: -176px -192px; }
1119
- .ui-icon-circle-zoomout { background-position: -192px -192px; }
1120
- .ui-icon-circle-check { background-position: -208px -192px; }
1121
- .ui-icon-circlesmall-plus { background-position: 0 -208px; }
1122
- .ui-icon-circlesmall-minus { background-position: -16px -208px; }
1123
- .ui-icon-circlesmall-close { background-position: -32px -208px; }
1124
- .ui-icon-squaresmall-plus { background-position: -48px -208px; }
1125
- .ui-icon-squaresmall-minus { background-position: -64px -208px; }
1126
- .ui-icon-squaresmall-close { background-position: -80px -208px; }
1127
- .ui-icon-grip-dotted-vertical { background-position: 0 -224px; }
1128
- .ui-icon-grip-dotted-horizontal { background-position: -16px -224px; }
1129
- .ui-icon-grip-solid-vertical { background-position: -32px -224px; }
1130
- .ui-icon-grip-solid-horizontal { background-position: -48px -224px; }
1131
- .ui-icon-gripsmall-diagonal-se { background-position: -64px -224px; }
1132
- .ui-icon-grip-diagonal-se { background-position: -80px -224px; }
1133
-
1134
-
1135
- /* Misc visuals
1136
- ----------------------------------*/
1137
-
1138
- /* Corner radius */
1139
- .ui-corner-all,
1140
- .ui-corner-top,
1141
- .ui-corner-left,
1142
- .ui-corner-tl {
1143
- border-top-left-radius: 4px;
1144
- }
1145
- .ui-corner-all,
1146
- .ui-corner-top,
1147
- .ui-corner-right,
1148
- .ui-corner-tr {
1149
- border-top-right-radius: 4px;
1150
- }
1151
- .ui-corner-all,
1152
- .ui-corner-bottom,
1153
- .ui-corner-left,
1154
- .ui-corner-bl {
1155
- border-bottom-left-radius: 4px;
1156
- }
1157
- .ui-corner-all,
1158
- .ui-corner-bottom,
1159
- .ui-corner-right,
1160
- .ui-corner-br {
1161
- border-bottom-right-radius: 4px;
1162
- }
1163
-
1164
- /* Overlays */
1165
- .ui-widget-overlay {
1166
- background: #666666 url(images/ui-bg_diagonals-thick_20_666666_40x40.png) 50% 50% repeat;
1167
- opacity: .5;
1168
- filter: Alpha(Opacity=50);
1169
- }
1170
- .ui-widget-shadow {
1171
- margin: -5px 0 0 -5px;
1172
- padding: 5px;
1173
- background: #000000 url(images/ui-bg_flat_10_000000_40x100.png) 50% 50% repeat-x;
1174
- opacity: .2;
1175
- filter: Alpha(Opacity=20);
1176
- border-radius: 5px;
1177
- }
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
css/wds_frontend.css CHANGED
@@ -1,3 +1,4 @@
 
1
  .wd_error {
2
  border-color: #dd3d36 !important;
3
  }
1
+ .wds_hide { display:none!important; }
2
  .wd_error {
3
  border-color: #dd3d36 !important;
4
  }
css/wds_shortcode.css CHANGED
@@ -11,12 +11,6 @@
11
  font-size: 11px;
12
  }
13
 
14
- .spider_label {
15
- font-weight: bold;
16
- font-family: Verdana;
17
- width: 135px;
18
- }
19
-
20
  .spider_int_input,
21
  .color {
22
  width: 60px;
11
  font-size: 11px;
12
  }
13
 
 
 
 
 
 
 
14
  .spider_int_input,
15
  .color {
16
  width: 60px;
css/wds_tables.css CHANGED
@@ -245,25 +245,6 @@
245
 
246
  .spider_label {
247
  font-weight: bold;
248
- width: 100px;
249
- }
250
-
251
- .spider_label_top {
252
- font-weight: bold;
253
- padding-top: 3px;
254
- vertical-align: top;
255
- width: 100px;
256
- }
257
-
258
- .spider_fieldset .spider_label {
259
- font-weight: bold;
260
- vertical-align: top;
261
- width: 150px;
262
- }
263
-
264
- .spider_label_options {
265
- font-weight: bold;
266
- vertical-align: top;
267
  width: 150px;
268
  }
269
 
@@ -365,7 +346,57 @@
365
  vertical-align: middle;
366
  width: 30px;
367
  }
368
-
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
369
  .wd_error {
370
  border-color: #dd3d36 !important;
371
  }
@@ -535,6 +566,11 @@
535
  margin-top: -45px;
536
  }
537
 
 
 
 
 
 
538
  .wds_add_video,
539
  .wds_resize_image {
540
  margin-left: -340px;
@@ -622,8 +658,8 @@
622
  z-index: 1;
623
  }
624
 
625
- .wds_tabs a.wds_sub_active,
626
- .wds_tabs a.wds_active {
627
  background-color: #F5F5F5;
628
  color: #333;
629
  }
@@ -797,8 +833,17 @@
797
  top: -1px;
798
  }
799
 
800
- .wds_box {
 
 
801
  margin-top: 15px;
 
 
 
 
 
 
 
802
  position: relative;
803
  }
804
 
@@ -1133,22 +1178,21 @@ tbody .action_buttons {
1133
  }
1134
 
1135
  .tab_image {
1136
- background-size:cover;
1137
  width:100%;
1138
  height:100%;
1139
  position:relative;
1140
- border:1px solid #B4AFAF;
1141
  }
1142
 
1143
  .new_tab_image {
1144
  background-image:url('../images/sliderwdpng/border.png');
1145
  background-repeat: no-repeat;
1146
- background-position:50% 37%;
1147
  width:100%;
 
1148
  position:relative;
1149
  border:1px solid #B4AFAF;
1150
- cursor:pointer;
1151
- height: 130px !important;
1152
  }
1153
 
1154
  .tab_buttons {
@@ -1156,14 +1200,22 @@ tbody .action_buttons {
1156
  bottom: 0px;
1157
  background-color: #F1F1F1;
1158
  width: 100%;
1159
- line-height: 29px;
1160
  }
1161
 
1162
- .tab_link, .new_tab_link {
1163
  display: block !important;
1164
  width: 100% !important;
1165
  height: 100% !important;
1166
  padding: 0 !important;
 
 
 
 
 
 
 
 
1167
  }
1168
 
1169
  #add_slide_text{
@@ -1907,7 +1959,7 @@ th.sorted a span {
1907
  padding-bottom: 0;
1908
  }
1909
 
1910
- .wd-label {
1911
  display: block;
1912
  font-size: 15px;
1913
  font-weight: bold;
@@ -1916,6 +1968,14 @@ th.sorted a span {
1916
  padding: 0;
1917
  }
1918
 
 
 
 
 
 
 
 
 
1919
  .wd-label-radio {
1920
  display: inline-block;
1921
  max-width: 450px;
@@ -2030,6 +2090,16 @@ form.wds_form_popup {
2030
  overflow-x: auto;
2031
  position: relative;
2032
  }
 
 
 
 
 
 
 
 
 
 
2033
 
2034
  .wds_options_form .wd-table input[type="text"],
2035
  .wds_options_form .wd-table select {
@@ -2051,7 +2121,7 @@ form.wds_form_popup {
2051
 
2052
  .wds_layer_content .wd-group input[type="text"],
2053
  .wds_layer_content .wd-group select {
2054
- width: 150px;
2055
  line-height: 24px;
2056
  vertical-align: middle;
2057
  }
@@ -2095,4 +2165,14 @@ form.wds_form_popup {
2095
 
2096
  .tab_conteiner .howto_tab_button_wrap.hide {
2097
  display:none;
 
 
 
 
 
 
 
 
 
 
2098
  }
245
 
246
  .spider_label {
247
  font-weight: bold;
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
248
  width: 150px;
249
  }
250
 
346
  vertical-align: middle;
347
  width: 30px;
348
  }
349
+ .wds_fillmode_option { float: left; }
350
+ .wds_fillmode_option .spider_option_main_title {
351
+ height:30px;
352
+ }
353
+ .wds_fillmode_option .spider_sel_option_ic i {
354
+ margin-top:5px;
355
+ color: #1E8CBE;
356
+ }
357
+ .wds_fillmode_option .spider_options_cont {
358
+ width: 210px;
359
+ position: absolute;
360
+ background: #fff;
361
+ z-index: 1;
362
+ }
363
+ .wds_fillmode_option .spider_options_cont.type_video {
364
+ height: 100px;
365
+ }
366
+ .wds_fillmode_option .spider_options_cont.type_video .spider_option_cont {
367
+ display:none;
368
+ }
369
+ .wds_fillmode_option .spider_options_cont.type_video .spider_option_cont:nth-child(1),
370
+ .wds_fillmode_option .spider_options_cont.type_video .spider_option_cont:nth-child(2) {
371
+ display:block;
372
+ }
373
+ .wds_fillmode_option .spider_option_cont.selected {
374
+ background-color: #3399FF;
375
+ color: #FFFFFF;
376
+ }
377
+ .wds_fillmode_option .spider_option_cont_title {
378
+ width:115px;
379
+ }
380
+ .wds_fillmode_option .spider_option_main_title::first-letter {
381
+ text-transform:uppercase;
382
+ }
383
+ .wds_fillmode_option .spider_option_cont_img {
384
+ width: 35%;
385
+ text-align:center;
386
+ }
387
+ .wds_fillmode_option .spider_option_cont_img img {
388
+ display: inline-block;
389
+ width: 45px;
390
+ }
391
+ .wds_fillmode_preview {
392
+ float: left;
393
+ margin-left: 10px;
394
+ width: 60px;
395
+ height: 40px;
396
+ }
397
+ .wds_fillmode_preview.hide {
398
+ display: none;
399
+ }
400
  .wd_error {
401
  border-color: #dd3d36 !important;
402
  }
566
  margin-top: -45px;
567
  }
568
 
569
+ .wds_add_video {
570
+ height: 220px;
571
+ margin-top: -120px;
572
+ }
573
+
574
  .wds_add_video,
575
  .wds_resize_image {
576
  margin-left: -340px;
658
  z-index: 1;
659
  }
660
 
661
+ .wds_tabs .wds_sub_active,
662
+ .wds_tabs .wds_active {
663
  background-color: #F5F5F5;
664
  color: #333;
665
  }
833
  top: -1px;
834
  }
835
 
836
+ .wds_slides_box,
837
+ .wds_settings_box,
838
+ .wds_howto_box {
839
  margin-top: 15px;
840
+ }
841
+
842
+ .wds_slides_box .postbox {
843
+ margin-bottom: 0;
844
+ }
845
+
846
+ .wds_box {
847
  position: relative;
848
  }
849
 
1178
  }
1179
 
1180
  .tab_image {
 
1181
  width:100%;
1182
  height:100%;
1183
  position:relative;
1184
+ background-size:cover;
1185
  }
1186
 
1187
  .new_tab_image {
1188
  background-image:url('../images/sliderwdpng/border.png');
1189
  background-repeat: no-repeat;
1190
+ background-position:50% 37%;
1191
  width:100%;
1192
+ height: 130px !important;
1193
  position:relative;
1194
  border:1px solid #B4AFAF;
1195
+ cursor:pointer;
 
1196
  }
1197
 
1198
  .tab_buttons {
1200
  bottom: 0px;
1201
  background-color: #F1F1F1;
1202
  width: 100%;
1203
+ line-height: 29px;
1204
  }
1205
 
1206
+ .wds_tabs .tab_link{
1207
  display: block !important;
1208
  width: 100% !important;
1209
  height: 100% !important;
1210
  padding: 0 !important;
1211
+ border: 1px solid #B4AFAF;
1212
+ opacity: 0.4;
1213
+ }
1214
+ .wds_tabs .tab_link:hover,
1215
+ .wds_tabs .wds_sub_active {
1216
+ opacity: 1;
1217
+ border-color: rgba(180,175,175, 1);
1218
+ box-shadow: 0 0px 10px 2px rgba(180,175,175, 0.3);
1219
  }
1220
 
1221
  #add_slide_text{
1959
  padding-bottom: 0;
1960
  }
1961
 
1962
+ .wd-group .wd-label {
1963
  display: block;
1964
  font-size: 15px;
1965
  font-weight: bold;
1968
  padding: 0;
1969
  }
1970
 
1971
+ #sliders_form .wd-group label {
1972
+ margin-right: 5px;
1973
+ }
1974
+
1975
+ #sliders_form .wd-group input[type=radio] {
1976
+ margin: 0px;
1977
+ }
1978
+
1979
  .wd-label-radio {
1980
  display: inline-block;
1981
  max-width: 450px;
2090
  overflow-x: auto;
2091
  position: relative;
2092
  }
2093
+ .wds-preview-overflow .wds_preview {
2094
+ display: block;
2095
+ position: absolute;
2096
+ width: inherit;
2097
+ height: inherit;
2098
+ background-color: transparent;
2099
+ background-image: url('../images/transparent.png');
2100
+ background-repeat:repeat;
2101
+ overflow: hidden;
2102
+ }
2103
 
2104
  .wds_options_form .wd-table input[type="text"],
2105
  .wds_options_form .wd-table select {
2121
 
2122
  .wds_layer_content .wd-group input[type="text"],
2123
  .wds_layer_content .wd-group select {
2124
+ width: 170px;
2125
  line-height: 24px;
2126
  vertical-align: middle;
2127
  }
2165
 
2166
  .tab_conteiner .howto_tab_button_wrap.hide {
2167
  display:none;
2168
+ }
2169
+
2170
+ input[name="embed_url"]::-webkit-input-placeholder {
2171
+ color: #cccccc;
2172
+ }
2173
+ input[name="embed_url"]::-moz-placeholder {
2174
+ color: #cccccc;
2175
+ }
2176
+ input[name="embed_url"]:-ms-input-placeholder {
2177
+ color: #cccccc;
2178
  }
demo_sliders/demo_sliders.php CHANGED
@@ -73,6 +73,8 @@ if( isset($_REQUEST['wds_import_submit']) && ! empty($_FILES['fileimport']) ) {
73
  $layers = array();
74
  }
75
  }
 
 
76
  $wpdb->insert($wpdb->prefix . 'wdsslider', $slider_fields);
77
  $slider_id = $wpdb->insert_id;
78
  foreach ( $slides as $slide ) {
73
  $layers = array();
74
  }
75
  }
76
+ // Column doesn't exist in DB
77
+ unset($slider_fields['bg_fit']);
78
  $wpdb->insert($wpdb->prefix . 'wdsslider', $slider_fields);
79
  $slider_id = $wpdb->insert_id;
80
  foreach ( $slides as $slide ) {
framework/WDW_S_Library.php CHANGED
@@ -941,2559 +941,311 @@ class WDW_S_Library {
941
  return $bool;
942
  }
943
 
944
- /**
945
- *
946
- * @param array $slider
947
- * @param array $slides
948
- * @param array $layers_rows
949
- * @param int $wds
950
- * @return string $js_content
951
- *
952
- */
953
- public static function create_js( $slider, $slides, $layers_rows, $wds ) {
954
- $image_right_click = $slider->image_right_click;
955
- $callback_items = isset($slider->javascript) ? json_decode(htmlspecialchars_decode($slider->javascript, ENT_COMPAT | ENT_QUOTES), TRUE) : array();
956
- $bull_hover = isset($slider->bull_hover) ? $slider->bull_hover : 1;
957
- $bull_position = $slider->bull_position;
958
- $bull_style_active = str_replace('-o', '', $slider->bull_style);
959
- $bull_style_deactive = $slider->bull_style;
960
-
961
- $image_width = $slider->width;
962
- $image_height = $slider->height;
963
-
964
- $slides_count = count($slides);
965
- $slideshow_effect = $slider->effect == 'zoomFade' ? 'fade' : $slider->effect;
966
- $slideshow_interval = $slider->time_intervval;
967
-
968
- $enable_slideshow_shuffle = $slider->shuffle;
969
- $enable_prev_next_butt = $slider->prev_next_butt;
970
- $mouse_swipe_nav = isset($slider->mouse_swipe_nav) ? $slider->mouse_swipe_nav : 0;
971
- $touch_swipe_nav = isset($slider->touch_swipe_nav) ? $slider->touch_swipe_nav : 1;
972
- $mouse_wheel_nav = isset($slider->mouse_wheel_nav) ? $slider->mouse_wheel_nav : 0;
973
- $keyboard_nav = isset($slider->keyboard_nav) ? $slider->keyboard_nav : 0;
974
- $enable_play_paus_butt = $slider->play_paus_butt;
975
-
976
- if (!$enable_prev_next_butt && !$enable_play_paus_butt) {
977
- $enable_slideshow_autoplay = 1;
978
- }
979
- else {
980
- $enable_slideshow_autoplay = $slider->autoplay;
981
- }
982
-
983
- $autoplay = FALSE;
984
- if ($enable_slideshow_autoplay && !$enable_play_paus_butt && ($slides_count > 1)) {
985
- $autoplay = TRUE;
986
- }
987
-
988
- $navigation = 4000;
989
- if ($slider->navigation == 'always') {
990
- $navigation = 0;
991
- }
992
-
993
- $enable_slideshow_music = $slider->music;
994
- $slideshow_music_url = $slider->music_url;
995
- $filmstrip_direction = ($slider->film_pos == 'right' || $slider->film_pos == 'left') ? 'vertical' : 'horizontal';
996
- $filmstrip_position = $slider->film_pos;
997
- $filmstrip_thumb_margin_hor = $slider->film_tmb_margin;
998
- if ($filmstrip_position != 'none') {
999
- if ($filmstrip_direction == 'horizontal') {
1000
- $filmstrip_width = $slider->film_thumb_width;
1001
- $filmstrip_height = $slider->film_thumb_height;
1002
- }
1003
- else {
1004
- $filmstrip_width = $slider->film_thumb_width;
1005
- $filmstrip_height = $slider->film_thumb_height;
1006
- }
1007
- }
1008
- else {
1009
- $filmstrip_width = 0;
1010
- $filmstrip_height = 0;
1011
- }
1012
- $left_or_top = 'left';
1013
- $width_or_height = 'width';
1014
- $outerWidth_or_outerHeight = 'outerWidth';
1015
- if (!($filmstrip_direction == 'horizontal')) {
1016
- $left_or_top = 'top';
1017
- $width_or_height = 'height';
1018
- $outerWidth_or_outerHeight = 'outerHeight';
1019
- }
1020
-
1021
- $slide_ids = array();
1022
- foreach ($slides as $slide) {
1023
- $slide_ids[] = $slide->id;
1024
- }
1025
-
1026
- if ($enable_slideshow_shuffle || ($slider->start_slide_num == 0)) {
1027
- $current_image_id = $slide_ids[array_rand($slide_ids)];
1028
- $start_slide_num = array_search($current_image_id, $slide_ids);
1029
- }
1030
- else {
1031
- if ($slider->start_slide_num > 0 && $slider->start_slide_num <= $slides_count) {
1032
- $start_slide_num = $slider->start_slide_num - 1;
1033
- }
1034
- else {
1035
- $start_slide_num = 0;
1036
- }
1037
- }
1038
- $parallax_effect = $slider->parallax_effect;
1039
-
1040
- $carousel = isset($slider->carousel) ? $slider->carousel : FALSE;
1041
- $carousel_image_parameters = $slider->carousel_image_parameters;
1042
- $carousel_image_counts = $slider->carousel_image_counts;
1043
- $carousel_fit_containerWidth = $slider->carousel_fit_containerWidth;
1044
- $carousel_width = $slider->carousel_width;
1045
- $preload_images = $slider->carousel ? FALSE : $slider->preload_images;
1046
- $smart_crop = isset($slider->smart_crop) ? $slider->smart_crop : 0;
1047
- $crop_image_position = isset($slider->crop_image_position) ? $slider->crop_image_position : 'center center';
1048
- $carousel_degree = isset($slider->carousel_degree) ? $slider->carousel_degree : 0;
1049
- $carousel_grayscale = isset($slider->carousel_grayscale) ? $slider->carousel_grayscale : 0;
1050
- $carousel_transparency = isset($slider->carousel_transparency) ? $slider->carousel_transparency : 0;
1051
- $slider_loop = isset($slider->slider_loop) ? $slider->slider_loop : 1;
1052
- $twoway_slideshow = isset($slider->twoway_slideshow) ? (int) $slider->twoway_slideshow : 0;
1053
- $fixed_bg = (isset($slider->fixed_bg) && !$carousel) ? $slider->fixed_bg : 0;
1054
- $current_image_url = '';
1055
- ob_start();
1056
- ?>
1057
- var wds_glb_margin_<?php echo $wds; ?> = parseInt(<?php echo $slider->glb_margin; ?>);
1058
- var wds_data_<?php echo $wds; ?> = [];
1059
- var wds_event_stack_<?php echo $wds; ?> = [];
1060
- var wds_clear_layers_effects_in_<?php echo $wds; ?> = [];
1061
- var wds_clear_layers_effects_out_<?php echo $wds; ?> = [];
1062
- var wds_clear_layers_effects_out_before_change_<?php echo $wds; ?> = [];
1063
- <?php if ( $slider->layer_out_next ) { ?>
1064
- var wds_duration_for_change_<?php echo $wds; ?> = 500;
1065
- var wds_duration_for_clear_effects_<?php echo $wds; ?> = 530;
1066
- <?php } else { ?>
1067
- var wds_duration_for_change_<?php echo $wds; ?> = 0;
1068
- var wds_duration_for_clear_effects_<?php echo $wds; ?> = 0;
1069
- <?php }
1070
- foreach ($slides as $key => $slide_row) { ?>
1071
- wds_clear_layers_effects_in_<?php echo $wds; ?>["<?php echo $key; ?>"] = [];
1072
- wds_clear_layers_effects_out_<?php echo $wds; ?>["<?php echo $key; ?>"] = [];
1073
- wds_clear_layers_effects_out_before_change_<?php echo $wds; ?>["<?php echo $key; ?>"] = [];
1074
- wds_data_<?php echo $wds; ?>["<?php echo $key; ?>"] = [];
1075
- wds_data_<?php echo $wds; ?>["<?php echo $key; ?>"]["id"] = "<?php echo $slide_row->id; ?>";
1076
- wds_data_<?php echo $wds; ?>["<?php echo $key; ?>"]["image_url"] = "<?php echo addslashes(htmlspecialchars_decode($slide_row->image_url, ENT_QUOTES)); ?>";
1077
- wds_data_<?php echo $wds; ?>["<?php echo $key; ?>"]["thumb_url"] = "<?php echo addslashes(htmlspecialchars_decode($slide_row->thumb_url, ENT_QUOTES)); ?>";
1078
- wds_data_<?php echo $wds; ?>["<?php echo $key; ?>"]["is_video"] = "<?php echo $slide_row->type; ?>";
1079
- wds_data_<?php echo $wds; ?>["<?php echo $key; ?>"]["slide_layers_count"] = 0;
1080
- wds_data_<?php echo $wds; ?>["<?php echo $key; ?>"]["target_attr_slide"] = "<?php echo $slide_row->target_attr_slide; ?>";
1081
- wds_data_<?php echo $wds; ?>["<?php echo $key; ?>"]["link"] = "<?php echo $slide_row->link; ?>";
1082
- wds_data_<?php echo $wds; ?>["<?php echo $key; ?>"]["bg_fit"] = "<?php echo $slider->bg_fit; ?>";
1083
- wds_data_<?php echo $wds; ?>["<?php echo $key; ?>"]["bull_position"] = "<?php echo $bull_position; ?>";
1084
- wds_data_<?php echo $wds; ?>["<?php echo $key; ?>"]["width"] = "<?php echo $slide_row->att_width; ?>";
1085
- wds_data_<?php echo $wds; ?>["<?php echo $key; ?>"]["height"] = "<?php echo $slide_row->att_height; ?>";
1086
- wds_data_<?php echo $wds; ?>["<?php echo $key; ?>"]["image_thumb_url"] = "<?php echo is_numeric($slide_row->thumb_url) ? (wp_get_attachment_url(get_post_thumbnail_id($slide_row->thumb_url)) ? wp_get_attachment_url(get_post_thumbnail_id($slide_row->thumb_url)) : WD_S_URL . '/images/no-video.png' ): htmlspecialchars_decode($slide_row->thumb_url,ENT_QUOTES) ?>";
1087
- <?php
1088
- if (isset($layers_rows[$slide_row->id]) && !empty($layers_rows[$slide_row->id])) {
1089
- foreach ($layers_rows[$slide_row->id] as $layer_key => $layer) {
1090
- if (!isset($layer->align_layer)) {
1091
- $layer->align_layer = 0;
1092
- }
1093
- if (!isset($layer->infinite_in)) {
1094
- $layer->infinite_in = 1;
1095
- }
1096
- if (!isset($layer->infinite_out)) {
1097
- $layer->infinite_out = 1;
1098
- }
1099
- if (!isset($layer->min_size)) {
1100
- $layer->min_size = 11;
1101
- }
1102
- ?>
1103
- wds_data_<?php echo $wds; ?>["<?php echo $key; ?>"]["layer_<?php echo $layer_key; ?>_id"] = "<?php echo $layer->id; ?>";
1104
- wds_data_<?php echo $wds; ?>["<?php echo $key; ?>"]["layer_<?php echo $layer_key; ?>_layer_effect_in"] = "<?php echo $layer->layer_effect_in; ?>";
1105
- wds_data_<?php echo $wds; ?>["<?php echo $key; ?>"]["layer_<?php echo $layer_key; ?>_duration_eff_in"] = "<?php echo $layer->duration_eff_in; ?>";
1106
- wds_data_<?php echo $wds; ?>["<?php echo $key; ?>"]["layer_<?php echo $layer_key; ?>_layer_effect_out"] = "<?php echo $layer->layer_effect_out; ?>";
1107
- wds_data_<?php echo $wds; ?>["<?php echo $key; ?>"]["layer_<?php echo $layer_key; ?>_duration_eff_out"] = "<?php echo $layer->duration_eff_out; ?>";
1108
- wds_data_<?php echo $wds; ?>["<?php echo $key; ?>"]["layer_<?php echo $layer_key; ?>_social_button"] = "<?php echo $layer->social_button; ?>";
1109
- wds_data_<?php echo $wds; ?>["<?php echo $key; ?>"]["layer_<?php echo $layer_key; ?>_start"] = "<?php echo $layer->start; ?>";
1110
- wds_data_<?php echo $wds; ?>["<?php echo $key; ?>"]["layer_<?php echo $layer_key; ?>_end"] = "<?php echo $layer->end; ?>";
1111
- wds_data_<?php echo $wds; ?>["<?php echo $key; ?>"]["layer_<?php echo $layer_key; ?>_type"] = "<?php echo $layer->type; ?>";
1112
- wds_data_<?php echo $wds; ?>["<?php echo $key; ?>"]["layer_<?php echo $layer_key; ?>_video_autoplay"] = "<?php echo $layer->image_scale; ?>";
1113
- wds_data_<?php echo $wds; ?>["<?php echo $key; ?>"]["layer_<?php echo $layer_key; ?>_controls"] = "<?php echo $layer->target_attr_layer; ?>";
1114
- wds_data_<?php echo $wds; ?>["<?php echo $key; ?>"]["layer_<?php echo $layer_key; ?>_attr_width"] = "<?php echo $layer->attr_width; ?>";
1115
- wds_data_<?php echo $wds; ?>["<?php echo $key; ?>"]["layer_<?php echo $layer_key; ?>_attr_height"] = "<?php echo $layer->attr_height; ?>";
1116
- wds_data_<?php echo $wds; ?>["<?php echo $key; ?>"]["layer_<?php echo $layer_key; ?>_align_layer"] = "<?php echo $layer->align_layer; ?>";
1117
- wds_data_<?php echo $wds; ?>["<?php echo $key; ?>"]["slide_layers_count"] ++;
1118
- wds_data_<?php echo $wds; ?>["<?php echo $key; ?>"]["layer_<?php echo $layer_key; ?>_infinite_in"] = "<?php echo $layer->infinite_in; ?>";
1119
- wds_data_<?php echo $wds; ?>["<?php echo $key; ?>"]["layer_<?php echo $layer_key; ?>_infinite_out"] = "<?php echo $layer->infinite_out; ?>";
1120
- <?php
1121
- }
1122
- }
1123
- }
1124
- ?>
1125
- var wds_global_btn_<?php echo $wds; ?> = "right";
1126
- var wds_trans_in_progress_<?php echo $wds; ?> = false;
1127
- var video_is_playing_<?php echo $wds; ?> = false;
1128
- var iframe_message_sent_<?php echo $wds; ?> = 0;
1129
- var iframe_message_received_<?php echo $wds; ?> = 0;
1130
- var wds_transition_duration_<?php echo $wds; ?> = <?php echo $slider->effect_duration; ?>;
1131
- var youtube_iframes_<?php echo $wds; ?> = [];
1132
- var youtube_iframes_ids_<?php echo $wds; ?> = [];
1133
- if (<?php echo $slideshow_interval; ?> < 4) {
1134
- if (<?php echo $slideshow_interval; ?> != 0) {
1135
- wds_transition_duration_<?php echo $wds; ?> = (<?php echo $slideshow_interval; ?> * 1000) / 4;
1136
- }
1137
- }
1138
- var wds_playInterval_<?php echo $wds; ?>;
1139
- var progress = 0;
1140
- var bottom_right_deggree_<?php echo $wds; ?>;
1141
- var bottom_left_deggree_<?php echo $wds; ?>;
1142
- var top_left_deggree_<?php echo $wds; ?>;
1143
- var curent_time_deggree_<?php echo $wds; ?> = 0;
1144
- var circle_timer_animate_<?php echo $wds; ?>;
1145
- function circle_timer_<?php echo $wds; ?>(angle) {
1146
- circle_timer_animate_<?php echo $wds; ?> = jQuery({deg: angle}).animate({deg: 360}, {
1147
- duration: <?php echo $slideshow_interval * 1000; ?>,
1148
- step: function(now) {
1149
- curent_time_deggree_<?php echo $wds; ?> = now;
1150
- if (now >= 0) {
1151
- if (now < 271) {
1152
- jQuery('#top_right_<?php echo $wds; ?>').css({
1153
- '-moz-transform':'rotate('+now+'deg)',
1154
- '-webkit-transform':'rotate('+now+'deg)',
1155
- '-o-transform':'rotate('+now+'deg)',
1156
- '-ms-transform':'rotate('+now+'deg)',
1157
- 'transform':'rotate('+now+'deg)',
1158
- '-webkit-transform-origin': 'left bottom',
1159
- '-ms-transform-origin': 'left bottom',
1160
- '-moz-transform-origin': 'left bottom',
1161
- 'transform-origin': 'left bottom'
1162
- });
1163
- }
1164
- }
1165
- if (now >= 90) {
1166
- if (now < 271) {
1167
- bottom_right_deggree_<?php echo $wds; ?> = now - 90;
1168
- jQuery('#bottom_right_<?php echo $wds; ?>').css({
1169
- '-moz-transform':'rotate('+bottom_right_deggree_<?php echo $wds; ?> +'deg)',
1170
- '-webkit-transform':'rotate('+bottom_right_deggree_<?php echo $wds; ?> +'deg)',
1171
- '-o-transform':'rotate('+bottom_right_deggree_<?php echo $wds; ?> +'deg)',
1172
- '-ms-transform':'rotate('+bottom_right_deggree_<?php echo $wds; ?> +'deg)',
1173
- 'transform':'rotate('+bottom_right_deggree_<?php echo $wds; ?> +'deg)',
1174
- '-webkit-transform-origin': 'left top',
1175
- '-ms-transform-origin': 'left top',
1176
- '-moz-transform-origin': 'left top',
1177
- 'transform-origin': 'left top'
1178
- });
1179
- }
1180
- }
1181
- if (now >= 180) {
1182
- if (now < 361) {
1183
- bottom_left_deggree_<?php echo $wds; ?> = now - 180;
1184
- jQuery('#bottom_left_<?php echo $wds; ?>').css({
1185
- '-moz-transform':'rotate('+bottom_left_deggree_<?php echo $wds; ?> +'deg)',
1186
- '-webkit-transform':'rotate('+bottom_left_deggree_<?php echo $wds; ?> +'deg)',
1187
- '-o-transform':'rotate('+bottom_left_deggree_<?php echo $wds; ?> +'deg)',
1188
- '-ms-transform':'rotate('+bottom_left_deggree_<?php echo $wds; ?> +'deg)',
1189
- 'transform':'rotate('+bottom_left_deggree_<?php echo $wds; ?> +'deg)',
1190
- '-webkit-transform-origin': 'right top',
1191
- '-ms-transform-origin': 'right top',
1192
- '-moz-transform-origin': 'right top',
1193
- 'transform-origin': 'right top'
1194
- });
1195
- }
1196
- }
1197
- if (now >= 270) {
1198
- if (now < 361) {
1199
- top_left_deggree_<?php echo $wds; ?> = now - 270;
1200
- jQuery('#top_left_<?php echo $wds; ?>').css({
1201
- '-moz-transform':'rotate('+top_left_deggree_<?php echo $wds; ?> +'deg)',
1202
- '-webkit-transform':'rotate('+top_left_deggree_<?php echo $wds; ?> +'deg)',
1203
- '-o-transform':'rotate('+top_left_deggree_<?php echo $wds; ?> +'deg)',
1204
- '-ms-transform':'rotate('+top_left_deggree_<?php echo $wds; ?> +'deg)',
1205
- 'transform':'rotate('+top_left_deggree_<?php echo $wds; ?> +'deg)',
1206
- '-webkit-transform-origin': 'right bottom',
1207
- '-ms-transform-origin': 'right bottom',
1208
- '-moz-transform-origin': 'right bottom',
1209
- 'transform-origin': 'right bottom'
1210
- });
1211
- }
1212
- }
1213
- }
1214
- });
1215
- }
1216
- /* Stop autoplay.*/
1217
- window.clearInterval(wds_playInterval_<?php echo $wds; ?>);
1218
- var wds_current_key_<?php echo $wds; ?> = '<?php echo (isset($current_key) ? $current_key : ''); ?>';
1219
- var wds_current_filmstrip_pos_<?php echo $wds; ?> = wds_current_key_<?php echo $wds; ?> * jQuery(".wds_slideshow_filmstrip_thumbnails_<?php echo $wds; ?>").<?php echo $width_or_height; ?>() / <?php echo $slides_count; ?>;
1220
- /* Set filmstrip initial position.*/
1221
- function wds_set_filmstrip_pos_<?php echo $wds; ?>(filmStripWidth) {
1222
- var selectedImagePos = -(wds_current_key_<?php echo $wds; ?> * jQuery(".wds_slideshow_filmstrip_thumbnails_<?php echo $wds; ?>").<?php echo $width_or_height; ?>() / <?php echo $slides_count; ?>) - jQuery(".wds_slideshow_filmstrip_thumbnail_<?php echo $wds; ?>").<?php echo $width_or_height; ?>() / 2;
1223
- var imagesContainerLeft = Math.min(0, Math.max(filmStripWidth - jQuery(".wds_slideshow_filmstrip_thumbnails_<?php echo $wds; ?>").<?php echo $width_or_height; ?>(), selectedImagePos + filmStripWidth / 2));
1224
- jQuery(".wds_slideshow_filmstrip_thumbnails_<?php echo $wds; ?>").animate({
1225
- <?php echo $left_or_top; ?>: imagesContainerLeft
1226
- }, {
1227
- duration: 500,
1228
- complete: function () { wds_filmstrip_arrows_<?php echo $wds; ?>(); }
1229
- });
1230
- }
1231
- function wds_move_filmstrip_<?php echo $wds; ?>() {
1232
- var image_left = jQuery(".wds_slideshow_thumb_active_<?php echo $wds; ?>").position().<?php echo $left_or_top; ?>;
1233
- var image_right = jQuery(".wds_slideshow_thumb_active_<?php echo $wds; ?>").position().<?php echo $left_or_top; ?> + jQuery(".wds_slideshow_thumb_active_<?php echo $wds; ?>").<?php echo $outerWidth_or_outerHeight; ?>(true);
1234
- var wds_filmstrip_width = jQuery(".wds_slideshow_filmstrip_container_<?php echo $wds; ?>").<?php echo $outerWidth_or_outerHeight; ?>(true);
1235
- var wds_filmstrip_thumbnails_width = jQuery(".wds_slideshow_filmstrip_thumbnails_<?php echo $wds; ?>").<?php echo $outerWidth_or_outerHeight; ?>(true);
1236
- var long_filmstrip_cont_left = jQuery(".wds_slideshow_filmstrip_thumbnails_<?php echo $wds; ?>").position().<?php echo $left_or_top; ?>;
1237
- var long_filmstrip_cont_right = Math.abs(jQuery(".wds_slideshow_filmstrip_thumbnails_<?php echo $wds; ?>").position().<?php echo $left_or_top; ?>) + wds_filmstrip_width;
1238
- if (wds_filmstrip_width > wds_filmstrip_thumbnails_width) {
1239
- return;
1240
- }
1241
- if (image_left < Math.abs(long_filmstrip_cont_left)) {
1242
- jQuery(".wds_slideshow_filmstrip_thumbnails_<?php echo $wds; ?>").animate({
1243
- <?php echo $left_or_top; ?>: -image_left
1244
- }, {
1245
- duration: 500,
1246
- complete: function () { wds_filmstrip_arrows_<?php echo $wds; ?>(); }
1247
- });
1248
- }
1249
- else if (image_right > long_filmstrip_cont_right) {
1250
- jQuery(".wds_slideshow_filmstrip_thumbnails_<?php echo $wds; ?>").animate({
1251
- <?php echo $left_or_top; ?>: -(image_right - wds_filmstrip_width)
1252
- }, {
1253
- duration: 500,
1254
- complete: function () { wds_filmstrip_arrows_<?php echo $wds; ?>(); }
1255
- });
1256
- }
1257
- }
1258
- function wds_move_dots_<?php echo $wds; ?>() {
1259
- var image_left = jQuery(".wds_slideshow_dots_active_<?php echo $wds; ?>").position().left;
1260
- var image_right = jQuery(".wds_slideshow_dots_active_<?php echo $wds; ?>").position().left + jQuery(".wds_slideshow_dots_active_<?php echo $wds; ?>").outerWidth(true);
1261
- var wds_dots_width = jQuery(".wds_slideshow_dots_container_<?php echo $wds; ?>").outerWidth(true);
1262
- var wds_dots_thumbnails_width = jQuery(".wds_slideshow_dots_thumbnails_<?php echo $wds; ?>").outerWidth(true);
1263
- var long_filmstrip_cont_left = jQuery(".wds_slideshow_dots_thumbnails_<?php echo $wds; ?>").position().left;
1264
- var long_filmstrip_cont_right = Math.abs(jQuery(".wds_slideshow_dots_thumbnails_<?php echo $wds; ?>").position().left) + wds_dots_width;
1265
- <?php if ( !$carousel ) { ?>
1266
- if(wds_dots_width > wds_dots_thumbnails_width) {
1267
- return;
1268
- }
1269
- <?php } ?>
1270
- if (image_left < Math.abs(long_filmstrip_cont_left)) {
1271
- jQuery(".wds_slideshow_dots_thumbnails_<?php echo $wds; ?>").animate({
1272
- left: -image_left
1273
- }, {
1274
- duration: 500
1275
- });
1276
- }
1277
- else if (image_right > long_filmstrip_cont_right) {
1278
- jQuery(".wds_slideshow_dots_thumbnails_<?php echo $wds; ?>").animate({
1279
- left: -(image_right - wds_dots_width)
1280
- }, {
1281
- duration: 500
1282
- });
1283
- }
1284
- }
1285
- /* Show/hide filmstrip arrows.*/
1286
- function wds_filmstrip_arrows_<?php echo $wds; ?>() {
1287
- if (jQuery(".wds_slideshow_filmstrip_thumbnails_<?php echo $wds; ?>").<?php echo $width_or_height; ?>() < jQuery(".wds_slideshow_filmstrip_<?php echo $wds; ?>").<?php echo $width_or_height; ?>()) {
1288
- jQuery(".wds_slideshow_filmstrip_left_<?php echo $wds; ?>").hide();
1289
- jQuery(".wds_slideshow_filmstrip_right_<?php echo $wds; ?>").hide();
1290
- }
1291
- else {
1292
- jQuery(".wds_slideshow_filmstrip_left_<?php echo $wds; ?>").show();
1293
- jQuery(".wds_slideshow_filmstrip_right_<?php echo $wds; ?>").show();
1294
- }
1295
- }
1296
- function wds_testBrowser_cssTransitions_<?php echo $wds; ?>() {
1297
- return wds_testDom_<?php echo $wds; ?>('Transition');
1298
- }
1299
- function wds_testBrowser_cssTransforms3d_<?php echo $wds; ?>() {
1300
- return wds_testDom_<?php echo $wds; ?>('Perspective');
1301
- }
1302
- function wds_testDom_<?php echo $wds; ?>(prop) {
1303
- /* Browser vendor DOM prefixes.*/
1304
- var domPrefixes = ['', 'Webkit', 'Moz', 'ms', 'O', 'Khtml'];
1305
- var i = domPrefixes.length;
1306
- while (i--) {
1307
- if (typeof document.body.style[domPrefixes[i] + prop] !== 'undefined') {
1308
- return true;
1309
- }
1310
- }
1311
- return false;
1312
- }
1313
- function wds_set_dots_class_<?php echo $wds; ?>() {
1314
- jQuery(".wds_slideshow_dots_<?php echo $wds; ?>").removeClass("wds_slideshow_dots_active_<?php echo $wds; ?>").addClass("wds_slideshow_dots_deactive_<?php echo $wds; ?>");
1315
- jQuery("#wds_dots_" + wds_current_key_<?php echo $wds; ?> + "_<?php echo $wds; ?>").removeClass("wds_slideshow_dots_deactive_<?php echo $wds; ?>").addClass("wds_slideshow_dots_active_<?php echo $wds; ?>");
1316
- <?php if ($slider->bull_butt_img_or_not == 'style') { ?>
1317
- jQuery(".wds_slideshow_dots_<?php echo $wds; ?>").removeClass("<?php echo $bull_style_active; ?>").addClass("<?php echo $bull_style_deactive; ?>");
1318
- jQuery("#wds_dots_" + wds_current_key_<?php echo $wds; ?> + "_<?php echo $wds; ?>").removeClass("<?php echo $bull_style_deactive; ?>").addClass("<?php echo $bull_style_active; ?>");
1319
- <?php } ?>
1320
- }
1321
- function wds_set_filmstrip_class_<?php echo $wds; ?>() {
1322
- jQuery('.wds_slideshow_filmstrip_thumbnail_<?php echo $wds; ?>').removeClass('wds_slideshow_thumb_active_<?php echo $wds; ?>').addClass('wds_slideshow_thumb_deactive_<?php echo $wds; ?>');
1323
- jQuery('#wds_filmstrip_thumbnail_' + wds_current_key_<?php echo $wds; ?> + '_<?php echo $wds; ?>').removeClass('wds_slideshow_thumb_deactive_<?php echo $wds; ?>').addClass('wds_slideshow_thumb_active_<?php echo $wds; ?>');
1324
- }
1325
- function wds_grid3d_<?php echo $wds; ?>(cols, rows, tz, wrx, wry, nty, ntx, nry, nrx, current_image_class, next_image_class, direction, random, easing) {
1326
- /* If browser does not support CSS transitions.*/
1327
- if (!wds_testBrowser_cssTransitions_<?php echo $wds; ?>()) {
1328
- return wds_fallback_<?php echo $wds; ?>(current_image_class, next_image_class, direction);
1329
- }
1330
- wds_trans_in_progress_<?php echo $wds; ?> = true;
1331
- /* Set active thumbnail.*/
1332
- wds_set_filmstrip_class_<?php echo $wds; ?>();
1333
- wds_set_dots_class_<?php echo $wds; ?>();
1334
- /* The time (in ms) added to/subtracted from the delay total for each new gridlet.*/
1335
- var count = (wds_transition_duration_<?php echo $wds; ?>) / (cols + rows);
1336
- /* Gridlet creator (divisions of the image grid, positioned with background-images to replicate the look of an entire slide image when assembled)*/
1337
- function wds_gridlet(width, height, top, img_top, left, img_left, src, src2, imgWidth, imgHeight, c, r) {
1338
- var delay = random ? Math.floor((cols + rows) * count * Math.random()) : (c + r) * count;
1339
-
1340
- /* Return a gridlet elem with styles for specific transition.*/
1341
- var grid_div = jQuery('<span class="wds_gridlet_<?php echo $wds; ?>" />').css({
1342
- display: "block",
1343
- width : "100%",
1344
- height : "100%",
1345
- transform : 'translateZ(' + tz + 'px)',
1346
- backfaceVisibility : 'hidden',
1347
- overflow: 'hidden'
1348
- }).append(jQuery('<span class="wds_gridlet_<?php echo $wds; ?>" />').css({
1349
- display: "block",
1350
- width : jQuery(".wds_slideshow_image_spun_<?php echo $wds; ?>").width() + "px",
1351
- height : jQuery(".wds_slideshow_image_spun_<?php echo $wds; ?>").height() + "px",
1352
- top : -top,
1353
- left : -left,
1354
- backgroundImage : src,
1355
- backgroundSize: jQuery(".wds_slideshow_image_<?php echo $wds; ?>").css("background-size"),
1356
- backgroundPosition: jQuery(".wds_slideshow_image_<?php echo $wds; ?>").css("background-position"),
1357
- backgroundRepeat: 'no-repeat',
1358
- }));
1359
- var grid_div2 = jQuery('<span class="wds_gridlet_<?php echo $wds; ?>" />').css({
1360
- display: "block",
1361
- width : "100%",
1362
- height : "100%",
1363
- backfaceVisibility : 'hidden',
1364
- transform : 'translateY(' + nty + 'px) translateX(' + ntx + 'px) rotateY('+ nry +'deg) rotateX('+ nrx +'deg)',
1365
- overflow: 'hidden'
1366
- }).append(jQuery('<span class="wds_gridlet_<?php echo $wds; ?>" />').css({
1367
- display: "block",
1368
- width : jQuery(".wds_slideshow_image_spun_<?php echo $wds; ?>").width() + "px",
1369
- height : jQuery(".wds_slideshow_image_spun_<?php echo $wds; ?>").height() + "px",
1370
- top : -top,
1371
- left : -left,
1372
- backgroundImage : src2,
1373
- backgroundSize: jQuery(".wds_slideshow_image_<?php echo $wds; ?>").css("background-size"),
1374
- backgroundPosition: jQuery(".wds_slideshow_image_<?php echo $wds; ?>").css("background-position"),
1375
- backgroundRepeat: 'no-repeat',
1376
- }));
1377
- return jQuery('<span class="wds_gridlet_<?php echo $wds; ?>" />').css({
1378
- display: "block",
1379
- width : width,
1380
- height : height,
1381
- top : top,
1382
- left : left,
1383
- transition : 'all ' + wds_transition_duration_<?php echo $wds; ?> + 'ms ' + easing + ' ' + delay + 'ms',
1384
- transform: 'translateZ(-' + tz + 'px)',
1385
- transformStyle: 'preserve-3d',
1386
- }).append(grid_div).append(grid_div2);
1387
- }
1388
- /* Get the current slide's image.*/
1389
- var cur_img = jQuery(current_image_class).find('span[data-img-id^="wds_slideshow_image"]');
1390
- var next_img = jQuery(next_image_class).find('span[data-img-id^="wds_slideshow_image"]');
1391
- /* Create a grid to hold the gridlets.*/
1392
- var grid = jQuery('<span style="display: block;" />').addClass('wds_grid_<?php echo $wds; ?>').css('perspective', 1000);
1393
- /* Prepend the grid to the next slide (i.e. so it's above the slide image).*/
1394
- jQuery(current_image_class).prepend(grid);
1395
- /* vars to calculate positioning/size of gridlets*/
1396
- var cont = jQuery(".wds_slide_bg_<?php echo $wds; ?>");
1397
- var imgWidth = cur_img.width();
1398
- var imgHeight = cur_img.height();
1399
- var contWidth = cont.width(),
1400
- contHeight = cont.height(),
1401
- imgSrc = cur_img.css('background-image'),
1402
- imgSrcNext = next_img.css('background-image'),
1403
- colWidth = Math.floor(contWidth / cols),
1404
- rowHeight = Math.floor(contHeight / rows),
1405
- colRemainder = contWidth - (cols * colWidth),
1406
- colAdd = Math.ceil(colRemainder / cols),
1407
- rowRemainder = contHeight - (rows * rowHeight),
1408
- rowAdd = Math.ceil(rowRemainder / rows),
1409
- leftDist = 0,
1410
- img_leftDist = (jQuery(".wds_slide_bg_<?php echo $wds; ?>").width() - cur_img.width()) / 2;
1411
- /* Loop through cols*/
1412
- for (var i = 0; i < cols; i++) {
1413
- var topDist = 0,
1414
- img_topDst = (jQuery(".wds_slide_bg_<?php echo $wds; ?>").height() - cur_img.height()) / 2,
1415
- newColWidth = colWidth;
1416
- /* If imgWidth (px) does not divide cleanly into the specified number of cols, adjust individual col widths to create correct total.*/
1417
- if (colRemainder > 0) {
1418
- var add = colRemainder >= colAdd ? colAdd : colRemainder;
1419
- newColWidth += add;
1420
- colRemainder -= add;
1421
- }
1422
- /* Nested loop to create row gridlets for each col.*/
1423
- for (var j = 0; j < rows; j++) {
1424
- var newRowHeight = rowHeight,
1425
- newRowRemainder = rowRemainder;
1426
- /* If contHeight (px) does not divide cleanly into the specified number of rows, adjust individual row heights to create correct total.*/
1427
- if (newRowRemainder > 0) {
1428
- add = newRowRemainder >= rowAdd ? rowAdd : rowRemainder;
1429
- newRowHeight += add;
1430
- newRowRemainder -= add;
1431
- }
1432
- /* Create & append gridlet to grid.*/
1433
- grid.append(wds_gridlet(newColWidth, newRowHeight, topDist, img_topDst, leftDist, img_leftDist, imgSrc, imgSrcNext, imgWidth, imgHeight, i, j));
1434
- topDist += newRowHeight;
1435
- img_topDst -= newRowHeight;
1436
- }
1437
- img_leftDist -= newColWidth;
1438
- leftDist += newColWidth;
1439
- }
1440
- /* Show grid & hide the image it replaces.*/
1441
- grid.show();
1442
- cur_img.css('opacity', 0);
1443
- /* Execution steps.*/
1444
- setTimeout(function () {
1445
- grid.children().css({
1446
- transform: 'translateZ(-' + tz + 'px) rotateX('+ wrx +'deg) rotateY('+ wry +'deg)'
1447
- });
1448
- }, 1);
1449
- /* After transition.*/
1450
- var cccount = 0;
1451
- var obshicccount = cols * rows;
1452
- grid.children().one('webkitTransitionEnd transitionend otransitionend oTransitionEnd mstransitionend', jQuery.proxy(wds_after_trans_each));
1453
- function wds_after_trans_each() {
1454
- if (++cccount == obshicccount) {
1455
- wds_after_trans();
1456
- }
1457
- }
1458
- function wds_after_trans() {
1459
- jQuery(current_image_class).css({'opacity' : 0, 'z-index': 1});
1460
- jQuery(next_image_class).css({'opacity' : 1, 'z-index' : 2});
1461
- cur_img.css('opacity', 1);
1462
- grid.remove();
1463
- wds_trans_in_progress_<?php echo $wds; ?> = false;
1464
- if (typeof wds_event_stack_<?php echo $wds; ?> !== 'undefined') {
1465
- if (wds_event_stack_<?php echo $wds; ?>.length > 0) {
1466
- key = wds_event_stack_<?php echo $wds; ?>[0].split("-");
1467
- wds_event_stack_<?php echo $wds; ?>.shift();
1468
- wds_change_image_<?php echo $wds; ?>(key[0], key[1], wds_data_<?php echo $wds; ?>, true, direction);
1469
- }
1470
- }
1471
- <?php if(isset($callback_items["onSliderCE"])) echo $callback_items["onSliderCE"]; ?>
1472
- }
1473
- }
1474
- function wds_slic3DH_<?php echo $wds; ?>(current_image_class, next_image_class, direction) {
1475
- var dimension = jQuery(current_image_class).width() / 2;
1476
- if (direction == 'right') {
1477
- wds_grid3d_<?php echo $wds; ?>(1, 5, dimension, 0, -90, 0, dimension, 90, 0, current_image_class, next_image_class, direction, 0, 'cubic-bezier(0.785, 0.135, 0.150, 0.860)');
1478
- }
1479
- else if (direction == 'left') {
1480
- wds_grid3d_<?php echo $wds; ?>(1, 5, dimension, 0, 90, 0, -dimension, -90, 0, current_image_class, next_image_class, direction, 0, 'cubic-bezier(0.785, 0.135, 0.150, 0.860)');
1481
- }
1482
- }
1483
- function wds_slic3DV_<?php echo $wds; ?>(current_image_class, next_image_class, direction) {
1484
- var dimension = jQuery(current_image_class).height() / 2;
1485
- if (direction == 'right') {
1486
- wds_grid3d_<?php echo $wds; ?>(10, 1, dimension, -90, 0, -dimension, 0, 0, 90, current_image_class, next_image_class, direction, 0, 'cubic-bezier(0.785, 0.135, 0.150, 0.860)');
1487
- }
1488
- else if (direction == 'left') {
1489
- wds_grid3d_<?php echo $wds; ?>(10, 1, dimension, 90, 0, dimension, 0, 0, -90, current_image_class, next_image_class, direction, 0, 'cubic-bezier(0.785, 0.135, 0.150, 0.860)');
1490
- }
1491
- }
1492
- function wds_slicR3DH_<?php echo $wds; ?>(current_image_class, next_image_class, direction) {
1493
- var dimension = jQuery(current_image_class).width() / 2;
1494
- if (direction == 'right') {
1495
- wds_grid3d_<?php echo $wds; ?>(1, 5, dimension, 0, -90, 0, dimension, 90, 0, current_image_class, next_image_class, direction, 1, 'ease-in-out');
1496
- }
1497
- else if (direction == 'left') {
1498
- wds_grid3d_<?php echo $wds; ?>(1, 5, dimension, 0, 90, 0, -dimension, -90, 0, current_image_class, next_image_class, direction, 1, 'ease-in-out');
1499
- }
1500
- }
1501
- function wds_slicR3DV_<?php echo $wds; ?>(current_image_class, next_image_class, direction) {
1502
- var dimension = jQuery(current_image_class).height() / 2;
1503
- if (direction == 'right') {
1504
- wds_grid3d_<?php echo $wds; ?>(10, 1, dimension, -90, 0, -dimension, 0, 0, 90, current_image_class, next_image_class, direction, 1, 'ease-in-out');
1505
- }
1506
- else if (direction == 'left') {
1507
- wds_grid3d_<?php echo $wds; ?>(10, 1, dimension, 90, 0, dimension, 0, 0, -90, current_image_class, next_image_class, direction, 1, 'ease-in-out');
1508
- }
1509
- }
1510
- function wds_parallelSlide_<?php echo $wds; ?>(ni_left, ni_top, tx, ty, current_image_class, next_image_class, direction, easing) {
1511
- /* If browser does not support 3d transforms/CSS transitions.*/
1512
- if (!wds_testBrowser_cssTransitions_<?php echo $wds; ?>()) {
1513
- return wds_fallback_<?php echo $wds; ?>(current_image_class, next_image_class, direction);
1514
- }
1515
- if (!wds_testBrowser_cssTransforms3d_<?php echo $wds; ?>()) {
1516
- return wds_fallback3d_<?php echo $wds; ?>(current_image_class, next_image_class, direction);
1517
- }
1518
- wds_trans_in_progress_<?php echo $wds; ?> = true;
1519
- /* Set active thumbnail.*/
1520
- wds_set_filmstrip_class_<?php echo $wds; ?>();
1521
- wds_set_dots_class_<?php echo $wds; ?>();
1522
- jQuery(current_image_class).css({
1523
- position : 'absolute',
1524
- top : '0px',
1525
- left : '0px',
1526
- position : 'absolute',
1527
- });
1528
- jQuery(next_image_class).css({
1529
- position : 'absolute',
1530
- top : ni_top + 'px',
1531
- left : ni_left + 'px',
1532
- 'opacity' : 1,
1533
- filter : 'Alpha(opacity=100)',
1534
- position : 'absolute',
1535
- });
1536
- jQuery(".wds_slider_<?php echo $wds; ?>").css({
1537
- position : 'relative',
1538
- 'backface-visibility': 'hidden'
1539
- });
1540
- jQuery(".wds_slide_bg_<?php echo $wds; ?>").css({
1541
- overflow : 'hidden',
1542
- });
1543
- /* Execution steps.*/
1544
- setTimeout(function () {
1545
- jQuery('.wds_slider_<?php echo $wds; ?>').css({
1546
- transition : 'all ' + wds_transition_duration_<?php echo $wds; ?> + 'ms ' + easing,
1547
- transform : 'translateX(' + tx + 'px) translateY(' + ty + 'px)',
1548
- });
1549
- }, 1);
1550
- /* After transition.*/
1551
- jQuery('.wds_slider_<?php echo $wds; ?>').one('webkitTransitionEnd transitionend otransitionend oTransitionEnd mstransitionend', jQuery.proxy(wds_after_trans));
1552
- function wds_after_trans() {
1553
- jQuery(current_image_class).removeAttr('style');
1554
- jQuery(next_image_class).removeAttr('style');
1555
- jQuery(".wds_slider_<?php echo $wds; ?>").removeAttr('style');
1556
- jQuery(".wds_slide_bg_<?php echo $wds; ?>").removeAttr('style');
1557
- jQuery(current_image_class).css({'opacity' : 0, filter: 'Alpha(opacity=0)', 'z-index': 1});
1558
- jQuery(next_image_class).css({'opacity' : 1, filter: 'Alpha(opacity=100)', 'z-index' : 2});
1559
- wds_trans_in_progress_<?php echo $wds; ?> = false;
1560
- if (typeof wds_event_stack_<?php echo $wds; ?> !== 'undefined') {
1561
- if (wds_event_stack_<?php echo $wds; ?>.length > 0) {
1562
- key = wds_event_stack_<?php echo $wds; ?>[0].split("-");
1563
- wds_event_stack_<?php echo $wds; ?>.shift();
1564
- wds_change_image_<?php echo $wds; ?>(key[0], key[1], wds_data_<?php echo $wds; ?>, true, direction);
1565
- }
1566
- }
1567
- <?php if(isset($callback_items["onSliderCE"])) echo $callback_items["onSliderCE"]; ?>
1568
- }
1569
- }
1570
- function wds_parallelSlideH_<?php echo $wds; ?>(current_image_class, next_image_class, direction) {
1571
- var width = jQuery(current_image_class).width();
1572
- var height = jQuery(current_image_class).height();
1573
- if (direction == 'right') {
1574
- wds_parallelSlide_<?php echo $wds; ?>(width, 0, -width, 0, current_image_class, next_image_class, direction, 'ease-in-out');
1575
- }
1576
- else if (direction == 'left') {
1577
- wds_parallelSlide_<?php echo $wds; ?>(-width, 0, width, 0, current_image_class, next_image_class, direction, 'ease-in-out');
1578
- }
1579
- }
1580
- function wds_parallelSlideV_<?php echo $wds; ?>(current_image_class, next_image_class, direction) {
1581
- var width = jQuery(current_image_class).width();
1582
- var height = jQuery(current_image_class).height();
1583
- if (direction == 'right') {
1584
- wds_parallelSlide_<?php echo $wds; ?>(0, height, 0, -height, current_image_class, next_image_class, direction, 'ease-in-out');
1585
- }
1586
- else if (direction == 'left') {
1587
- wds_parallelSlide_<?php echo $wds; ?>(0, -height, 0, height, current_image_class, next_image_class, direction, 'ease-in-out');
1588
- }
1589
- }
1590
- function wds_cube_<?php echo $wds; ?>(tz, ntx, nty, nrx, nry, wrx, wry, current_image_class, next_image_class, direction, easing) {
1591
- /* If browser does not support 3d transforms/CSS transitions.*/
1592
- if (!wds_testBrowser_cssTransitions_<?php echo $wds; ?>()) {
1593
- return wds_fallback_<?php echo $wds; ?>(current_image_class, next_image_class, direction);
1594
- }
1595
- if (!wds_testBrowser_cssTransforms3d_<?php echo $wds; ?>()) {
1596
- return wds_fallback3d_<?php echo $wds; ?>(current_image_class, next_image_class, direction);
1597
- }
1598
- wds_trans_in_progress_<?php echo $wds; ?> = true;
1599
- /* Set active thumbnail.*/
1600
- wds_set_filmstrip_class_<?php echo $wds; ?>();
1601
- wds_set_dots_class_<?php echo $wds; ?>();
1602
- jQuery(".wds_slide_container_<?php echo $wds; ?>").css('overflow', 'visible');
1603
- jQuery(".wds_slideshow_image_spun2_<?php echo $wds; ?>").css('overflow', 'visible');
1604
- jQuery(".wds_slideshow_image_wrap_<?php echo $wds; ?>").css('overflow', 'visible');
1605
- var filmstrip_position = '<?php echo $filmstrip_position; ?>';
1606
- if (filmstrip_position == 'none') {
1607
- jQuery(".wds_slideshow_image_<?php echo $wds; ?>").css('border-radius', jQuery(".wds_slideshow_image_wrap_<?php echo $wds; ?>").css('border-radius'));
1608
- }
1609
- else {
1610
- jQuery(".wds_slideshow_image_<?php echo $wds; ?>").css('border-radius', '<?php echo $slider->glb_border_radius; ?>');
1611
- jQuery(".wds_slideshow_filmstrip_container_<?php echo $wds; ?>").css('border-radius', '<?php echo $slider->glb_border_radius; ?>');
1612
- if (filmstrip_position == 'top') {
1613
- jQuery(".wds_slideshow_image_<?php echo $wds; ?>").css('border-top-left-radius', 0);
1614
- jQuery(".wds_slideshow_image_<?php echo $wds; ?>").css('border-top-right-radius', 0);
1615
- jQuery(".wds_slideshow_filmstrip_container_<?php echo $wds; ?>").css('border-bottom-left-radius', 0);
1616
- jQuery(".wds_slideshow_filmstrip_container_<?php echo $wds; ?>").css('border-bottom-right-radius', 0);
1617
- }
1618
- else if (filmstrip_position == 'bottom') {
1619
- jQuery(".wds_slideshow_image_<?php echo $wds; ?>").css('border-bottom-left-radius', 0);
1620
- jQuery(".wds_slideshow_image_<?php echo $wds; ?>").css('border-bottom-right-radius', 0);
1621
- jQuery(".wds_slideshow_filmstrip_container_<?php echo $wds; ?>").css('border-top-left-radius', 0);
1622
- jQuery(".wds_slideshow_filmstrip_container_<?php echo $wds; ?>").css('border-top-right-radius', 0);
1623
- }
1624
- else if (filmstrip_position == 'right') {
1625
- jQuery(".wds_slideshow_image_<?php echo $wds; ?>").css('border-bottom-right-radius', 0);
1626
- jQuery(".wds_slideshow_image_<?php echo $wds; ?>").css('border-top-right-radius', 0);
1627
- jQuery(".wds_slideshow_filmstrip_container_<?php echo $wds; ?>").css('border-bottom-left-radius', 0);
1628
- jQuery(".wds_slideshow_filmstrip_container_<?php echo $wds; ?>").css('border-top-left-radius', 0);
1629
- }
1630
- else if (filmstrip_position == 'left') {
1631
- jQuery(".wds_slideshow_image_<?php echo $wds; ?>").css('border-bottom-left-radius', 0);
1632
- jQuery(".wds_slideshow_image_<?php echo $wds; ?>").css('border-top-left-radius', 0);
1633
- jQuery(".wds_slideshow_filmstrip_container_<?php echo $wds; ?>").css('border-bottom-right-radius', 0);
1634
- jQuery(".wds_slideshow_filmstrip_container_<?php echo $wds; ?>").css('border-top-right-radius', 0);
1635
- }
1636
- }
1637
- jQuery(".wds_slide_bg_<?php echo $wds; ?>").css('perspective', 1000);
1638
- jQuery(current_image_class).css({
1639
- transform : 'translateZ(' + tz + 'px)',
1640
- backfaceVisibility : 'hidden'
1641
- });
1642
- jQuery(next_image_class).css({
1643
- opacity : 1,
1644
- filter: 'Alpha(opacity=100)',
1645
- zIndex: 2,
1646
- backfaceVisibility : 'hidden',
1647
- transform : 'translateY(' + nty + 'px) translateX(' + ntx + 'px) rotateY('+ nry +'deg) rotateX('+ nrx +'deg)'
1648
- });
1649
- jQuery(".wds_slider_<?php echo $wds; ?>").css({
1650
- transform: 'translateZ(-' + tz + 'px)',
1651
- transformStyle: 'preserve-3d',
1652
- position: 'absolute'
1653
- });
1654
- /* Execution steps.*/
1655
- setTimeout(function () {
1656
- jQuery(".wds_slider_<?php echo $wds; ?>").css({
1657
- transition: 'all ' + wds_transition_duration_<?php echo $wds; ?> + 'ms ' + easing,
1658
- transform: 'translateZ(-' + tz + 'px) rotateX('+ wrx +'deg) rotateY('+ wry +'deg)'
1659
- });
1660
- }, 20);
1661
- /* After transition.*/
1662
- jQuery(".wds_slider_<?php echo $wds; ?>").one('webkitTransitionEnd transitionend otransitionend oTransitionEnd mstransitionend', jQuery.proxy(wds_after_trans));
1663
- function wds_after_trans() {
1664
- jQuery(current_image_class).removeAttr('style');
1665
- jQuery(next_image_class).removeAttr('style');
1666
- jQuery(".wds_slider_<?php echo $wds; ?>").removeAttr('style');
1667
- jQuery(current_image_class).css({'opacity' : 0, filter: 'Alpha(opacity=0)', 'z-index': 1});
1668
- jQuery(next_image_class).css({'opacity' : 1, filter: 'Alpha(opacity=100)', 'z-index' : 2});
1669
- wds_trans_in_progress_<?php echo $wds; ?> = false;
1670
- if (typeof wds_event_stack_<?php echo $wds; ?> !== 'undefined') {
1671
- if (wds_event_stack_<?php echo $wds; ?>.length > 0) {
1672
- key = wds_event_stack_<?php echo $wds; ?>[0].split("-");
1673
- wds_event_stack_<?php echo $wds; ?>.shift();
1674
- wds_change_image_<?php echo $wds; ?>(key[0], key[1], wds_data_<?php echo $wds; ?>, true, direction);
1675
- }
1676
- }
1677
- jQuery(".wds_slide_container_<?php echo $wds; ?>").css('overflow', 'hidden');
1678
- jQuery(".wds_slideshow_image_spun2_<?php echo $wds; ?>").css('overflow', 'hidden');
1679
- jQuery(".wds_slideshow_image_wrap_<?php echo $wds; ?>").css('overflow', 'hidden');
1680
- jQuery(".wds_slide_bg_<?php echo $wds; ?>").css('perspective', 'none');
1681
- <?php if(isset($callback_items["onSliderCE"])) echo $callback_items["onSliderCE"]; ?>
1682
- }
1683
- }
1684
- function wds_cubeR_<?php echo $wds; ?>(current_image_class, next_image_class, direction) {
1685
- var random_direction = Math.floor(Math.random() * 2);
1686
- var dimension = random_direction ? jQuery(current_image_class).height() / 2 : jQuery(current_image_class).width() / 2;
1687
- if (direction == 'right') {
1688
- if (random_direction) {
1689
- wds_cube_<?php echo $wds; ?>(dimension, 0, -dimension, 90, 0, -90, 0, current_image_class, next_image_class, direction, 'cubic-bezier(0.785, 0.135, 0.150, 0.860)');
1690
- }
1691
- else {
1692
- wds_cube_<?php echo $wds; ?>(dimension, dimension, 0, 0, 90, 0, -90, current_image_class, next_image_class, direction, 'cubic-bezier(0.785, 0.135, 0.150, 0.860)');
1693
- }
1694
- }
1695
- else if (direction == 'left') {
1696
- if (random_direction) {
1697
- wds_cube_<?php echo $wds; ?>(dimension, 0, dimension, -90, 0, 90, 0, current_image_class, next_image_class, direction, 'cubic-bezier(0.785, 0.135, 0.150, 0.860)');
1698
- }
1699
- else {
1700
- wds_cube_<?php echo $wds; ?>(dimension, -dimension, 0, 0, -90, 0, 90, current_image_class, next_image_class, direction, 'cubic-bezier(0.785, 0.135, 0.150, 0.860)');
1701
- }
1702
- }
1703
- }
1704
- function wds_cubeH_<?php echo $wds; ?>(current_image_class, next_image_class, direction) {
1705
- /* Set to half of image width.*/
1706
- var dimension = jQuery(current_image_class).width() / 2;
1707
- if (direction == 'right') {
1708
- wds_cube_<?php echo $wds; ?>(dimension, dimension, 0, 0, 90, 0, -90, current_image_class, next_image_class, direction, 'cubic-bezier(0.785, 0.135, 0.150, 0.860)');
1709
- }
1710
- else if (direction == 'left') {
1711
- wds_cube_<?php echo $wds; ?>(dimension, -dimension, 0, 0, -90, 0, 90, current_image_class, next_image_class, direction, 'cubic-bezier(0.785, 0.135, 0.150, 0.860)');
1712
- }
1713
- }
1714
- function wds_cubeV_<?php echo $wds; ?>(current_image_class, next_image_class, direction) {
1715
- /* Set to half of image height.*/
1716
- var dimension = jQuery(current_image_class).height() / 2;
1717
- /* If next slide.*/
1718
- if (direction == 'right') {
1719
- wds_cube_<?php echo $wds; ?>(dimension, 0, -dimension, 90, 0, -90, 0, current_image_class, next_image_class, direction, 'cubic-bezier(0.785, 0.135, 0.150, 0.860)');
1720
- }
1721
- else if (direction == 'left') {
1722
- wds_cube_<?php echo $wds; ?>(dimension, 0, dimension, -90, 0, 90, 0, current_image_class, next_image_class, direction, 'cubic-bezier(0.785, 0.135, 0.150, 0.860)');
1723
- }
1724
- }
1725
- /* For browsers that does not support transitions.*/
1726
- function wds_fallback_<?php echo $wds; ?>(current_image_class, next_image_class, direction) {
1727
- wds_fade_<?php echo $wds; ?>(current_image_class, next_image_class, direction);
1728
- }
1729
- /* For browsers that support transitions, but not 3d transforms (only used if primary transition makes use of 3d-transforms).*/
1730
- function wds_fallback3d_<?php echo $wds; ?>(current_image_class, next_image_class, direction) {
1731
- wds_sliceV_<?php echo $wds; ?>(current_image_class, next_image_class, direction);
1732
- }
1733
- function wds_none_<?php echo $wds; ?>(current_image_class, next_image_class, direction) {
1734
- jQuery(current_image_class).css({'opacity' : 0, 'z-index': 1});
1735
- jQuery(next_image_class).css({'opacity' : 1, 'z-index' : 2});
1736
- /* Set active thumbnail.*/
1737
- wds_set_filmstrip_class_<?php echo $wds; ?>();
1738
- wds_set_dots_class_<?php echo $wds; ?>();
1739
- }
1740
- function wds_fade_<?php echo $wds; ?>(current_image_class, next_image_class, direction) {
1741
- /* Set active thumbnail.*/
1742
- wds_set_filmstrip_class_<?php echo $wds; ?>();
1743
- wds_set_dots_class_<?php echo $wds; ?>();
1744
- if (wds_testBrowser_cssTransitions_<?php echo $wds; ?>()) {
1745
- jQuery(next_image_class).css('transition', 'opacity ' + wds_transition_duration_<?php echo $wds; ?> + 'ms linear');
1746
- jQuery(current_image_class).css({'opacity' : 0, 'z-index': 1});
1747
- jQuery(next_image_class).css({'opacity' : 1, 'z-index' : 2});
1748
- }
1749
- else {
1750
- jQuery(current_image_class).animate({'opacity' : 0, 'z-index' : 1}, wds_transition_duration_<?php echo $wds; ?>);
1751
- jQuery(next_image_class).animate({
1752
- 'opacity' : 1,
1753
- 'z-index': 2
1754
- }, {
1755
- duration: wds_transition_duration_<?php echo $wds; ?>,
1756
- complete: function () {}
1757
- });
1758
- /* For IE.*/
1759
- jQuery(current_image_class).fadeTo(wds_transition_duration_<?php echo $wds; ?>, 0);
1760
- jQuery(next_image_class).fadeTo(wds_transition_duration_<?php echo $wds; ?>, 1);
1761
- }
1762
- <?php if(isset($callback_items["onSliderCE"])) echo $callback_items["onSliderCE"]; ?>
1763
- }
1764
- function wds_grid_<?php echo $wds; ?>(cols, rows, ro, tx, ty, sc, op, current_image_class, next_image_class, direction, random, roy, easing) {
1765
- /* If browser does not support CSS transitions.*/
1766
- if (!wds_testBrowser_cssTransitions_<?php echo $wds; ?>()) {
1767
- return wds_fallback_<?php echo $wds; ?>(current_image_class, next_image_class, direction);
1768
- }
1769
- wds_trans_in_progress_<?php echo $wds; ?> = true;
1770
- /* Set active thumbnail.*/
1771
- wds_set_filmstrip_class_<?php echo $wds; ?>();
1772
- wds_set_dots_class_<?php echo $wds; ?>();
1773
- /* The time (in ms) added to/subtracted from the delay total for each new gridlet.*/
1774
- var count = (wds_transition_duration_<?php echo $wds; ?>) / (cols + rows);
1775
- /* Gridlet creator (divisions of the image grid, positioned with background-images to replicate the look of an entire slide image when assembled)*/
1776
- function wds_gridlet(width, height, top, img_top, left, img_left, src, imgWidth, imgHeight, c, r) {
1777
- var delay = random ? Math.floor((cols + rows) * count * Math.random()) : (c + r) * count;
1778
- /* Return a gridlet elem with styles for specific transition.*/
1779
- var grid_div = jQuery('<span class="wds_gridlet_<?php echo $wds; ?>" />').css({
1780
- display: "block",
1781
- width : imgWidth,/*"100%"*/
1782
- height : jQuery(".wds_slideshow_image_spun_<?php echo $wds; ?>").height() + "px",
1783
- top : -top,
1784
- left : -left,
1785
- backgroundImage : src,
1786
- backgroundSize: jQuery(".wds_slideshow_image_<?php echo $wds; ?>").css("background-size"),
1787
- backgroundPosition: jQuery(".wds_slideshow_image_<?php echo $wds; ?>").css("background-position"),
1788
- backgroundRepeat: 'no-repeat'
1789
- });
1790
- return jQuery('<span class="wds_gridlet_<?php echo $wds; ?>" />').css({
1791
- display: "block",
1792
- width : width,/*"100%"*/
1793
- height : height,
1794
- top : top,
1795
- left : left,
1796
- backgroundSize : imgWidth + 'px ' + imgHeight + 'px',
1797
- backgroundPosition : img_left + 'px ' + img_top + 'px',
1798
- backgroundRepeat: 'no-repeat',
1799
- overflow: "hidden",
1800
- transition : 'all ' + wds_transition_duration_<?php echo $wds; ?> + 'ms ' + easing + ' ' + delay + 'ms',
1801
- transform : 'none'
1802
- }).append(grid_div);
1803
- }
1804
- /* Get the current slide's image.*/
1805
- var cur_img = jQuery(current_image_class).find('span[data-img-id^="wds_slideshow_image"]');
1806
- /* Create a grid to hold the gridlets.*/
1807
- var grid = jQuery('<span style="display: block;" />').addClass('wds_grid_<?php echo $wds; ?>');
1808
- /* Prepend the grid to the next slide (i.e. so it's above the slide image).*/
1809
- jQuery(current_image_class).prepend(grid);
1810
- /* vars to calculate positioning/size of gridlets*/
1811
- var cont = jQuery(".wds_slide_bg_<?php echo $wds; ?>");
1812
- var imgWidth = cur_img.width();
1813
- var imgHeight = cur_img.height();
1814
- var contWidth = cont.width(),
1815
- contHeight = cont.height(),
1816
- imgSrc = cur_img.css('background-image'),/*.replace('/thumb', ''),*/
1817
- colWidth = Math.floor(contWidth / cols),
1818
- rowHeight = Math.floor(contHeight / rows),
1819
- colRemainder = contWidth - (cols * colWidth),
1820
- colAdd = Math.ceil(colRemainder / cols),
1821
- rowRemainder = contHeight - (rows * rowHeight),
1822
- rowAdd = Math.ceil(rowRemainder / rows),
1823
- leftDist = 0,
1824
- img_leftDist = (jQuery(".wds_slide_bg_<?php echo $wds; ?>").width() - cur_img.width()) / 2;
1825
- /* tx/ty args can be passed as 'auto'/'min-auto' (meaning use slide width/height or negative slide width/height).*/
1826
- tx = tx === 'auto' ? contWidth : tx;
1827
- tx = tx === 'min-auto' ? - contWidth : tx;
1828
- ty = ty === 'auto' ? contHeight : ty;
1829
- ty = ty === 'min-auto' ? - contHeight : ty;
1830
- /* Loop through cols*/
1831
- for (var i = 0; i < cols; i++) {
1832
- var topDist = 0,
1833
- img_topDst = (jQuery(".wds_slide_bg_<?php echo $wds; ?>").height() - cur_img.height()) / 2,
1834
- newColWidth = colWidth;
1835
- /* If imgWidth (px) does not divide cleanly into the specified number of cols, adjust individual col widths to create correct total.*/
1836
- if (colRemainder > 0) {
1837
- var add = colRemainder >= colAdd ? colAdd : colRemainder;
1838
- newColWidth += add;
1839
- colRemainder -= add;
1840
- }
1841
- /* Nested loop to create row gridlets for each col.*/
1842
- for (var j = 0; j < rows; j++) {
1843
- var newRowHeight = rowHeight,
1844
- newRowRemainder = rowRemainder;
1845
- /* If contHeight (px) does not divide cleanly into the specified number of rows, adjust individual row heights to create correct total.*/
1846
- if (newRowRemainder > 0) {
1847
- add = newRowRemainder >= rowAdd ? rowAdd : rowRemainder;
1848
- newRowHeight += add;
1849
- newRowRemainder -= add;
1850
- }
1851
- /* Create & append gridlet to grid.*/
1852
- grid.append(wds_gridlet(newColWidth, newRowHeight, topDist, img_topDst, leftDist, img_leftDist, imgSrc, imgWidth, imgHeight, i, j));
1853
- topDist += newRowHeight;
1854
- img_topDst -= newRowHeight;
1855
- }
1856
- img_leftDist -= newColWidth;
1857
- leftDist += newColWidth;
1858
- }
1859
- /* Show grid & hide the image it replaces.*/
1860
- grid.show();
1861
- cur_img.css('opacity', 0);
1862
- /* Add identifying classes to corner gridlets (useful if applying border radius).*/
1863
- grid.children().first().addClass('rs-top-left');
1864
- grid.children().last().addClass('rs-bottom-right');
1865
- grid.children().eq(rows - 1).addClass('rs-bottom-left');
1866
- grid.children().eq(- rows).addClass('rs-top-right');
1867
- /* Execution steps.*/
1868
- setTimeout(function () {
1869
- grid.children().css({
1870
- opacity: op,
1871
- transform: 'rotate('+ ro +'deg) rotateY('+ roy +'deg) translateX('+ tx +'px) translateY('+ ty +'px) scale('+ sc +')'
1872
- });
1873
- }, 1);
1874
- jQuery(next_image_class).css('opacity', 1);
1875
- /* After transition.*/
1876
- var cccount = 0;
1877
- var obshicccount = cols * rows;
1878
- grid.children().one('webkitTransitionEnd transitionend otransitionend oTransitionEnd mstransitionend', jQuery.proxy(wds_after_trans_each));
1879
- function wds_after_trans_each() {
1880
- if (++cccount == obshicccount) {
1881
- wds_after_trans();
1882
- }
1883
- }
1884
- function wds_after_trans() {
1885
- jQuery(current_image_class).css({'opacity' : 0, 'z-index': 1});
1886
- jQuery(next_image_class).css({'opacity' : 1, 'z-index' : 2});
1887
- cur_img.css('opacity', 1);
1888
- grid.remove();
1889
- wds_trans_in_progress_<?php echo $wds; ?> = false;
1890
- if (typeof wds_event_stack_<?php echo $wds; ?> !== 'undefined') {
1891
- if (wds_event_stack_<?php echo $wds; ?>.length > 0) {
1892
- key = wds_event_stack_<?php echo $wds; ?>[0].split("-");
1893
- wds_event_stack_<?php echo $wds; ?>.shift();
1894
- wds_change_image_<?php echo $wds; ?>(key[0], key[1], wds_data_<?php echo $wds; ?>, true, direction);
1895
- }
1896
- }
1897
- <?php if(isset($callback_items["onSliderCE"])) echo $callback_items["onSliderCE"]; ?>
1898
- }
1899
- }
1900
- function wds_sliceH_<?php echo $wds; ?>(current_image_class, next_image_class, direction) {
1901
- if (direction == 'right') {
1902
- var translateX = 'min-auto';
1903
- }
1904
- else if (direction == 'left') {
1905
- var translateX = 'auto';
1906
- }
1907
- wds_grid_<?php echo $wds; ?>(1, 8, 0, translateX, 0, 1, 0, current_image_class, next_image_class, direction, 0, 0, 'ease-in-out');
1908
- }
1909
- function wds_sliceV_<?php echo $wds; ?>(current_image_class, next_image_class, direction) {
1910
- if (direction == 'right') {
1911
- var translateY = 'min-auto';
1912
- }
1913
- else if (direction == 'left') {
1914
- var translateY = 'auto';
1915
- }
1916
- wds_grid_<?php echo $wds; ?>(10, 1, 0, 0, translateY, 1, 0, current_image_class, next_image_class, direction, 0, 0, 'ease-in-out');
1917
- }
1918
- function wds_slideV_<?php echo $wds; ?>(current_image_class, next_image_class, direction) {
1919
- if (direction == 'right') {
1920
- var translateY = 'auto';
1921
- }
1922
- else if (direction == 'left') {
1923
- var translateY = 'min-auto';
1924
- }
1925
- wds_grid_<?php echo $wds; ?>(1, 1, 0, 0, translateY, 1, 1, current_image_class, next_image_class, direction, 0, 0, 'cubic-bezier(0.785, 0.135, 0.150, 0.860)');
1926
- }
1927
- function wds_slideH_<?php echo $wds; ?>(current_image_class, next_image_class, direction) {
1928
- if (direction == 'right') {
1929
- var translateX = 'min-auto';
1930
- }
1931
- else if (direction == 'left') {
1932
- var translateX = 'auto';
1933
- }
1934
- wds_grid_<?php echo $wds; ?>(1, 1, 0, translateX, 0, 1, 1, current_image_class, next_image_class, direction, 0, 0, 'cubic-bezier(0.785, 0.135, 0.150, 0.860)');
1935
- }
1936
- function wds_scaleOut_<?php echo $wds; ?>(current_image_class, next_image_class, direction) {
1937
- wds_grid_<?php echo $wds; ?>(1, 1, 0, 0, 0, 1.5, 0, current_image_class, next_image_class, direction, 0, 0, 'ease-in-out');
1938
- }
1939
- function wds_scaleIn_<?php echo $wds; ?>(current_image_class, next_image_class, direction) {
1940
- wds_grid_<?php echo $wds; ?>(1, 1, 0, 0, 0, 0.5, 0, current_image_class, next_image_class, direction, 0, 0, 'ease-in-out');
1941
- }
1942
- function wds_blockScale_<?php echo $wds; ?>(current_image_class, next_image_class, direction) {
1943
- wds_grid_<?php echo $wds; ?>(8, 6, 0, 0, 0, 0.6, 0, current_image_class, next_image_class, direction, 0, 0, 'ease-in-out');
1944
- }
1945
- function wds_blockScaleR_<?php echo $wds; ?>(current_image_class, next_image_class, direction) {
1946
- wds_grid_<?php echo $wds; ?>(8, 6, 0, 0, 0, 0.6, 0, current_image_class, next_image_class, direction, 1, 0, 'ease-in-out');
1947
- }
1948
- function wds_blindR_<?php echo $wds; ?>(current_image_class, next_image_class, direction) {
1949
- wds_grid_<?php echo $wds; ?>(8, 1, 0, 0, 0, 1, 1, current_image_class, next_image_class, direction, 1, 90, 'ease-in-out');
1950
- }
1951
- function wds_tilesR_<?php echo $wds; ?>(current_image_class, next_image_class, direction) {
1952
- wds_grid_<?php echo $wds; ?>(8, 8, 0, 0, 0, 1, 1, current_image_class, next_image_class, direction, 1, 90, 'ease-in-out');
1953
- }
1954
- function wds_kaleidoscope_<?php echo $wds; ?>(current_image_class, next_image_class, direction) {
1955
- wds_grid_<?php echo $wds; ?>(10, 8, 0, 0, 0, 1, 0, current_image_class, next_image_class, direction, 0, 0, 'ease-in-out');
1956
- }
1957
- function wds_fan_<?php echo $wds; ?>(current_image_class, next_image_class, direction) {
1958
- if (direction == 'right') {
1959
- var rotate = 45;
1960
- var translateX = 100;
1961
- }
1962
- else if (direction == 'left') {
1963
- var rotate = -45;
1964
- var translateX = -100;
1965
- }
1966
- wds_grid_<?php echo $wds; ?>(1, 10, rotate, translateX, 0, 1, 0, current_image_class, next_image_class, direction, 0, 0, 'ease-in-out');
1967
- }
1968
- function wds_blindV_<?php echo $wds; ?>(current_image_class, next_image_class, direction) {
1969
- wds_grid_<?php echo $wds; ?>(1, 8, 0, 0, 0, .7, 0, current_image_class, next_image_class, direction, 0, 0, 'ease-in-out');
1970
- }
1971
- function wds_blindH_<?php echo $wds; ?>(current_image_class, next_image_class, direction) {
1972
- wds_grid_<?php echo $wds; ?>(10, 1, 0, 0, 0, .7, 0, current_image_class, next_image_class, direction, 0, 0, 'ease-in-out');
1973
- }
1974
- function wds_random_<?php echo $wds; ?>(current_image_class, next_image_class, direction) {
1975
- var anims = ['sliceH', 'sliceV', 'slideH', 'slideV', 'scaleOut', 'scaleIn', 'blockScale', 'kaleidoscope', 'fan', 'blindH', 'blindV', 'parallelSlideH', 'parallelSlideV'];
1976
- /* Pick a random transition from the anims array.*/
1977
- this["wds_" + anims[Math.floor(Math.random() * anims.length)] + "_<?php echo $wds; ?>"](current_image_class, next_image_class, direction);
1978
- }
1979
- function wds_3Drandom_<?php echo $wds; ?>(current_image_class, next_image_class, direction) {
1980
- var anims = ['cubeH', 'cubeV', 'cubeR', 'slic3DH', 'slic3DV', 'slicR3DH', 'slicR3DV'];
1981
- /* Pick a random transition from the anims array.*/
1982
- this["wds_" + anims[Math.floor(Math.random() * anims.length)] + "_<?php echo $wds; ?>"](current_image_class, next_image_class, direction);
1983
- }
1984
- function wds_iterator_<?php echo $wds; ?>() {
1985
- var iterator = 1;
1986
- if (<?php echo $enable_slideshow_shuffle; ?>) {
1987
- iterator = Math.floor((wds_data_<?php echo $wds; ?>.length - 1) * Math.random() + 1);
1988
- }
1989
- else if (<?php echo $twoway_slideshow; ?>) {
1990
- if (wds_global_btn_<?php echo $wds; ?> == "left") {
1991
- iterator = -1;
1992
- }
1993
- if ('<?php echo $slider_loop; ?>' == 0) {
1994
- if (parseInt(jQuery('#wds_current_image_key_<?php echo $wds; ?>').val()) == 0) {
1995
- iterator = 1;
1996
- }
1997
- }
1998
- }
1999
- return iterator;
2000
- }
2001
- function wds_change_image_<?php echo $wds; ?>(current_key, key, wds_data_<?php echo $wds; ?>, from_effect, btn) {
2002
- if (typeof btn == "undefined") {
2003
- var btn = "";
2004
- }
2005
- if (!('<?php echo $carousel; ?>' != 0 || wds_data_<?php echo $wds; ?>[key]["is_video"] != 'image')) {
2006
- jQuery('<img />').attr("src", wds_data_<?php echo $wds; ?>[key]["image_url"])
2007
- .on('load', function() {
2008
- jQuery(this).remove();
2009
- wds_change_image_when_loaded_<?php echo $wds; ?>(current_key, key, wds_data_<?php echo $wds; ?>, from_effect, btn);
2010
- })
2011
- .on('error', function() {
2012
- jQuery(this).remove();
2013
- wds_change_image_when_loaded_<?php echo $wds; ?>(current_key, key, wds_data_<?php echo $wds; ?>, from_effect, btn);
2014
- });
2015
- }
2016
- else {
2017
- wds_change_image_when_loaded_<?php echo $wds; ?>(current_key, key, wds_data_<?php echo $wds; ?>, from_effect, btn);
2018
- }
2019
- }
2020
- function wds_change_image_when_loaded_<?php echo $wds; ?>(current_key, key, wds_data_<?php echo $wds; ?>, from_effect, btn) {
2021
- <?php if ( $carousel ) { ?>
2022
- if (wds_currentlyMoving<?php echo $wds; ?>) {
2023
- return;
2024
- }
2025
- <?php } ?>
2026
- /* Pause videos.*/
2027
- jQuery("#wds_slideshow_image_container_<?php echo $wds; ?>").find("iframe").each(function () {
2028
- if (typeof jQuery(this)[0].contentWindow != "undefined") {
2029
- if (jQuery(this).attr('data-type') == 'youtube') {
2030
- player = youtube_iframes_ids_<?php echo $wds; ?>.indexOf(this.id);
2031
- if (typeof youtube_iframes_<?php echo $wds; ?>[player] != "undefined") {
2032
- youtube_iframes_<?php echo $wds; ?>[player].stopVideo();
2033
- }
2034
- }
2035
- else if (jQuery(this).attr('type') == 'vimeo') {
2036
- jQuery(this)[0].contentWindow.postMessage('{ "method": "pause" }', "*");
2037
- }
2038
- else {
2039
- jQuery(this)[0].contentWindow.postMessage('stop', '*');
2040
- }
2041
- }
2042
- });
2043
- jQuery("#wds_slideshow_image_container_<?php echo $wds; ?>").find("video").each(function () {
2044
- jQuery(this).trigger('pause');
2045
- jQuery('.wds_bigplay_<?php echo $wds; ?>').show();
2046
- });
2047
- /* Pause layer videos.*/
2048
- jQuery(".wds_video_layer_frame_<?php echo $wds; ?>").each(function () {
2049
- if (typeof jQuery(this)[0].contentWindow != "undefined") {
2050
- if (jQuery(this).attr('data-type') == 'youtube') {
2051
- player = youtube_iframes_ids_<?php echo $wds; ?>.indexOf(this.id);
2052
- if (typeof youtube_iframes_<?php echo $wds; ?>[player] != "undefined") {
2053
- youtube_iframes_<?php echo $wds; ?>[player].stopVideo();
2054
- }
2055
- }
2056
- else if (jQuery(this).attr('type') == 'vimeo') {
2057
- jQuery(this)[0].contentWindow.postMessage('{ "method": "pause" }', "*");
2058
- }
2059
- else {
2060
- jQuery(this)[0].contentWindow.postMessage('stop', '*');
2061
- }
2062
- }
2063
- });
2064
-
2065
- if (wds_data_<?php echo $wds; ?>[key]) {
2066
- if (jQuery('.wds_ctrl_btn_<?php echo $wds; ?>').hasClass('fa-pause') || ('<?php echo $autoplay; ?>')) {
2067
- play_<?php echo $wds; ?>();
2068
- }
2069
- if (!from_effect) {
2070
- /* Change image key.*/
2071
- jQuery("#wds_current_image_key_<?php echo $wds; ?>").val(key);
2072
- if (current_key == '-1') { /* Filmstrip.*/
2073
- current_key = jQuery(".wds_slideshow_thumb_active_<?php echo $wds; ?>").children("img").attr("data-image-key");
2074
- }
2075
- else if (current_key == '-2') { /* Dots.*/
2076
- currId = jQuery(".wds_slideshow_dots_active_<?php echo $wds; ?>").attr("id");
2077
- current_key = currId.replace('wds_dots_', '').replace('_<?php echo $wds; ?>', '');
2078
- }
2079
- }
2080
- if (wds_trans_in_progress_<?php echo $wds; ?>) {
2081
- wds_event_stack_<?php echo $wds; ?>.push(current_key + '-' + key);
2082
- return;
2083
- }
2084
- if (btn == "") {
2085
- var direction = "right";
2086
- var int_curr_key = parseInt(wds_current_key_<?php echo $wds; ?>);
2087
- var int_key = parseInt(key);
2088
- var last_pos = wds_data_<?php echo $wds; ?>.length - 1;
2089
-
2090
- if (int_curr_key > int_key) {
2091
- direction = 'left';
2092
- }
2093
- else if (int_curr_key == int_key) {
2094
- return;
2095
- }
2096
- /* From last slide to first.*/
2097
- if (int_key == 0) {
2098
- if (int_curr_key == last_pos) {
2099
- direction = 'right';
2100
- }
2101
- }
2102
- /* From first slide to last if there are more than two slides in the slider.*/
2103
- if (int_key == last_pos) {
2104
- if (int_curr_key == 0) {
2105
- if (last_pos > 1) {
2106
- direction = 'left';
2107
- }
2108
- }
2109
- }
2110
- }
2111
- else {
2112
- direction = btn;
2113
- }
2114
- if (<?php echo $enable_slideshow_autoplay; ?>) {
2115
- if (<?php echo $twoway_slideshow; ?>) {
2116
- wds_global_btn_<?php echo $wds; ?> = direction;
2117
- }
2118
- }
2119
- /* Set active thumbnail position.*/
2120
- wds_current_filmstrip_pos_<?php echo $wds; ?> = key * (jQuery(".wds_slideshow_filmstrip_thumbnail_<?php echo $wds; ?>").<?php echo $width_or_height; ?>() + 2 + 2 * 0);
2121
- wds_current_key_<?php echo $wds; ?> = key;
2122
- /* Change image id.*/
2123
- jQuery("div[data-img-id=wds_slideshow_image_<?php echo $wds; ?>]").attr('data-image-id', wds_data_<?php echo $wds; ?>[key]["id"]);
2124
- var current_image_class = "#wds_image_id_<?php echo $wds; ?>_" + wds_data_<?php echo $wds; ?>[current_key]["id"];
2125
- var next_image_class = "#wds_image_id_<?php echo $wds; ?>_" + wds_data_<?php echo $wds; ?>[key]["id"];
2126
- var next_image_type = wds_data_<?php echo $wds; ?>[key]["is_video"];
2127
- if (next_image_type == 'video' || next_image_type.indexOf('EMBED') >= 0){
2128
- jQuery('.wds_pp_btn_cont').hide();
2129
- }
2130
- else {
2131
- jQuery('.wds_pp_btn_cont').show();
2132
- }
2133
- if (wds_data_<?php echo $wds; ?>[key]["target_attr_slide"] == 1 ) {
2134
- if ( !wds_object.is_free ) {
2135
- wds_embed_slide_autoplay(next_image_class, <?php echo $wds; ?>);
2136
  }
2137
- }
2138
- <?php if ($preload_images && !$carousel) { ?>
2139
- if (wds_data_<?php echo $wds; ?>[key]["is_video"] == 'image') {
2140
- jQuery(next_image_class).find(".wds_slideshow_image_<?php echo $wds; ?>").css("background-image", 'url("' + wds_data_<?php echo $wds; ?>[key]["image_url"] + '")');
2141
- }
2142
- else if (wds_data_<?php echo $wds; ?>[key]["is_video"] == 'EMBED_OEMBED_INSTAGRAM_IMAGE') {
2143
- jQuery(next_image_class).find(".wds_slideshow_image_<?php echo $wds; ?>").css("background-image", 'url("//instagram.com/p/' + wds_data_<?php echo $wds; ?>[key]["image_url"] + '/media/?size=l")');
2144
- }
2145
- <?php } ?>
2146
- if ( !wds_object.is_free ) {
2147
- wds_video_dimenstion(<?php echo $wds; ?>, key);
2148
  }
2149
- var current_slide_layers_count = wds_data_<?php echo $wds; ?>[current_key]["slide_layers_count"];
2150
- var next_slide_layers_count = wds_data_<?php echo $wds; ?>[key]["slide_layers_count"];
2151
- /* Clear layers before image change.*/
2152
- function set_layer_effect_out_before_change(m) {
2153
- wds_clear_layers_effects_out_before_change_<?php echo $wds; ?>[current_key][m] = setTimeout(function() {
2154
- if (wds_data_<?php echo $wds; ?>[current_key]["layer_" + m + "_type"] != 'social') {
2155
- if (jQuery('#wds_<?php echo $wds; ?>_slide' + wds_data_<?php echo $wds; ?>[current_key]["id"] + '_layer' + wds_data_<?php echo $wds; ?>[current_key]["layer_" + m + "_id"]).prev().attr('id') != 'wds_<?php echo $wds; ?>_slide' + wds_data_<?php echo $wds; ?>[current_key]["id"] + '_layer' + wds_data_<?php echo $wds; ?>[current_key]["layer_" + m + "_id"] + '_round_effect') {
2156
- jQuery('#wds_<?php echo $wds; ?>_slide' + wds_data_<?php echo $wds; ?>[current_key]["id"] + '_layer' + wds_data_<?php echo $wds; ?>[current_key]["layer_" + m + "_id"]).css('-webkit-animation-duration' , 0.6 + 's').css('animation-duration' , 0.6 + 's');
2157
- jQuery('#wds_<?php echo $wds; ?>_slide' + wds_data_<?php echo $wds; ?>[current_key]["id"] + '_layer' + wds_data_<?php echo $wds; ?>[current_key]["layer_" + m + "_id"]).removeClass().addClass( wds_data_<?php echo $wds; ?>[current_key]["layer_" + m + "_layer_effect_out"] + ' wds_animated');
2158
- jQuery('#wds_<?php echo $wds; ?>_slide' + wds_data_<?php echo $wds; ?>[current_key]["id"] + '_layer' + wds_data_<?php echo $wds; ?>[current_key]["layer_" + m + "_id"]).addClass(jQuery('#wds_<?php echo $wds; ?>_slide' + wds_data_<?php echo $wds; ?>[current_key]["id"] + '_layer' + wds_data_<?php echo $wds; ?>[current_key]["layer_" + m + "_id"]).data("class"));
2159
- }
2160
- else {
2161
- jQuery('#wds_<?php echo $wds; ?>_slide' + wds_data_<?php echo $wds; ?>[current_key]["id"] + '_layer' + wds_data_<?php echo $wds; ?>[current_key]["layer_" + m + "_id"]+"_div").css('-webkit-animation-duration' , 0.6 + 's').css('animation-duration' , 0.6 + 's');
2162
- jQuery('#wds_<?php echo $wds; ?>_slide' + wds_data_<?php echo $wds; ?>[current_key]["id"] + '_layer' + wds_data_<?php echo $wds; ?>[current_key]["layer_" + m + "_id"]+"_div").removeClass().addClass( wds_data_<?php echo $wds; ?>[current_key]["layer_" + m + "_layer_effect_out"] + ' wds_animated');
2163
- }
2164
- }
2165
- else {
2166
- jQuery('#wds_<?php echo $wds; ?>_slide' + wds_data_<?php echo $wds; ?>[current_key]["id"] + '_layer' + wds_data_<?php echo $wds; ?>[current_key]["layer_" + m + "_id"]).css('-webkit-animation-duration' , 0.6 + 's').css('animation-duration' , 0.6 + 's');
2167
- jQuery('#wds_<?php echo $wds; ?>_slide' + wds_data_<?php echo $wds; ?>[current_key]["id"] + '_layer' + wds_data_<?php echo $wds; ?>[current_key]["layer_" + m + "_id"]).removeClass().addClass( wds_data_<?php echo $wds; ?>[current_key]["layer_" + m + "_layer_effect_out"] + ' fa fa-' + wds_data_<?php echo $wds; ?>[current_key]["layer_" + m + "_social_button"] + ' wds_animated');
2168
- }
2169
- }, 10);
2170
- }
2171
- <?php if ( $slider->layer_out_next ) { ?>
2172
- for (var m = 0; m < current_slide_layers_count; m++) {
2173
- if (jQuery('#wds_<?php echo $wds; ?>_slide' + wds_data_<?php echo $wds; ?>[current_key]["id"] + '_layer' + wds_data_<?php echo $wds; ?>[current_key]["layer_" + m + "_id"]).prev().attr('id') != 'wds_<?php echo $wds; ?>_slide' + wds_data_<?php echo $wds; ?>[current_key]["id"] + '_layer' + wds_data_<?php echo $wds; ?>[current_key]["layer_" + i + "_id"] + '_round_effect') {
2174
- if (jQuery('#wds_<?php echo $wds; ?>_slide' + wds_data_<?php echo $wds; ?>[current_key]["id"] + '_layer' + wds_data_<?php echo $wds; ?>[current_key]["layer_" + m + "_id"]).css('opacity') != 0) {
2175
- set_layer_effect_out_before_change(m);
2176
- }
2177
- }
2178
- else {
2179
- if (jQuery('#wds_<?php echo $wds; ?>_slide' + wds_data_<?php echo $wds; ?>[current_key]["id"] + '_layer' + wds_data_<?php echo $wds; ?>[current_key]["layer_" + m + "_id"]+"_div").css('opacity') != 0) {
2180
- set_layer_effect_out_before_change(m);
2181
- }
2182
- }
2183
- }
2184
- <?php } ?>
2185
- /* Loop through current slide layers for clear effects.*/
2186
- setTimeout(function() {
2187
- for (var k = 0; k < current_slide_layers_count; k++) {
2188
- clearTimeout(wds_clear_layers_effects_in_<?php echo $wds; ?>[current_key][k]);
2189
- clearTimeout(wds_clear_layers_effects_out_<?php echo $wds; ?>[current_key][k]);
2190
- if (wds_data_<?php echo $wds; ?>[current_key]["layer_" + k + "_type"] != 'social') {
2191
- jQuery('#wds_<?php echo $wds; ?>_slide' + wds_data_<?php echo $wds; ?>[current_key]["id"] + '_layer' + wds_data_<?php echo $wds; ?>[current_key]["layer_" + k + "_id"]).removeClass().addClass('wds_layer_'+ wds_data_<?php echo $wds; ?>[current_key]["layer_" + k + "_id"]);
2192
- }
2193
- else {
2194
- jQuery('#wds_<?php echo $wds; ?>_slide' + wds_data_<?php echo $wds; ?>[current_key]["id"] + '_layer' + wds_data_<?php echo $wds; ?>[current_key]["layer_" + k + "_id"]).removeClass().addClass('fa fa-' + wds_data_<?php echo $wds; ?>[current_key]["layer_" + k + "_social_button"] + ' wds_layer_' + wds_data_<?php echo $wds; ?>[current_key]["layer_" + k + "_id"]);
2195
- }
2196
- }
2197
- }, wds_duration_for_clear_effects_<?php echo $wds; ?>);
2198
- /* Loop through layers in.*/
2199
- for (var j = 0; j < next_slide_layers_count; j++) {
2200
- wds_set_layer_effect_in_<?php echo $wds; ?>(j, key);
2201
- }
2202
- /* Loop through layers out if pause button not pressed.*/
2203
- for (var i = 0; i < next_slide_layers_count; i++) {
2204
- wds_set_layer_effect_out_<?php echo $wds; ?>(i, key);
2205
- }
2206
- setTimeout(function() {
2207
- if (typeof jQuery().finish !== 'undefined') {
2208
- if (jQuery.isFunction(jQuery().finish)) {
2209
- jQuery(".wds_line_timer_<?php echo $wds; ?>").finish();
2210
- }
2211
- }
2212
- jQuery(".wds_line_timer_<?php echo $wds; ?>").css({width: 0});
2213
- <?php
2214
- if (!$carousel) {
2215
- ?>
2216
- if (typeof wds_<?php echo $slideshow_effect; ?>_<?php echo $wds; ?> == "function") {
2217
- wds_<?php echo $slideshow_effect; ?>_<?php echo $wds; ?>(current_image_class, next_image_class, direction);
2218
- }
2219
- else {
2220
- wds_none_<?php echo $wds; ?>(current_image_class, next_image_class, direction);
2221
- }
2222
- <?php
2223
- }
2224
- ?>
2225
- if ('<?php echo $slider->timer_bar_type; ?>' != 'none') {
2226
- if (<?php echo $enable_slideshow_autoplay; ?> || jQuery('.wds_ctrl_btn_<?php echo $wds; ?>').hasClass('fa-pause')) {
2227
- if ('<?php echo $slider->timer_bar_type; ?>' == 'top' || '<?php echo $slider->timer_bar_type; ?>' == 'bottom') {
2228
- if (!jQuery(".wds_ctrl_btn_<?php echo $wds; ?>").hasClass("fa-play")) {
2229
- jQuery(".wds_line_timer_<?php echo $wds; ?>").animate({
2230
- width: "100%"
2231
- }, {
2232
- duration: <?php echo $slideshow_interval * 1000; ?>,
2233
- specialEasing: {width: "linear"}
2234
- });
2235
- }
2236
- }
2237
- else if ('<?php echo $slider->timer_bar_type; ?>' != 'none') {
2238
- if (typeof circle_timer_animate_<?php echo $wds; ?> !== 'undefined') {
2239
- circle_timer_animate_<?php echo $wds; ?>.stop();
2240
- }
2241
- jQuery('#top_right_<?php echo $wds; ?>').css({
2242
- '-moz-transform':'rotate(0deg)',
2243
- '-webkit-transform':'rotate(0deg)',
2244
- '-o-transform':'rotate(0deg)',
2245
- '-ms-transform':'rotate(0deg)',
2246
- 'transform':'rotate(0deg)',
2247
- '-webkit-transform-origin': 'left bottom',
2248
- '-ms-transform-origin': 'left bottom',
2249
- '-moz-transform-origin': 'left bottom',
2250
- 'transform-origin': 'left bottom'
2251
- });
2252
- jQuery('#bottom_right_<?php echo $wds; ?>').css({
2253
- '-moz-transform':'rotate(0deg)',
2254
- '-webkit-transform':'rotate(0deg)',
2255
- '-o-transform':'rotate(0deg)',
2256
- '-ms-transform':'rotate(0deg)',
2257
- 'transform':'rotate(0deg)',
2258
- '-webkit-transform-origin': 'left top',
2259
- '-ms-transform-origin': 'left top',
2260
- '-moz-transform-origin': 'left top',
2261
- 'transform-origin': 'left top'
2262
- });
2263
- jQuery('#bottom_left_<?php echo $wds; ?>').css({
2264
- '-moz-transform':'rotate(0deg)',
2265
- '-webkit-transform':'rotate(0deg)',
2266
- '-o-transform':'rotate(0deg)',
2267
- '-ms-transform':'rotate(0deg)',
2268
- 'transform':'rotate(0deg)',
2269
- '-webkit-transform-origin': 'right top',
2270
- '-ms-transform-origin': 'right top',
2271
- '-moz-transform-origin': 'right top',
2272
- 'transform-origin': 'right top'
2273
- });
2274
- jQuery('#top_left_<?php echo $wds; ?>').css({
2275
- '-moz-transform':'rotate(0deg)',
2276
- '-webkit-transform':'rotate(0deg)',
2277
- '-o-transform':'rotate(0deg)',
2278
- '-ms-transform':'rotate(0deg)',
2279
- 'transform':'rotate(0deg)',
2280
- '-webkit-transform-origin': 'right bottom',
2281
- '-ms-transform-origin': 'right bottom',
2282
- '-moz-transform-origin': 'right bottom',
2283
- 'transform-origin': 'right bottom'
2284
- });
2285
- if (!jQuery(".wds_ctrl_btn_<?php echo $wds; ?>").hasClass("fa-play")) {
2286
- /* Begin circle timer on next.*/
2287
- circle_timer_<?php echo $wds; ?>(0);
2288
- }
2289
- else {
2290
- curent_time_deggree_<?php echo $wds; ?> = 0;
2291
- }
2292
- }
2293
- }
2294
- }
2295
- <?php
2296
- if ($filmstrip_position != 'none' && $slides_count > 1) {
2297
- ?>
2298
- wds_move_filmstrip_<?php echo $wds; ?>();
2299
- <?php
2300
- }
2301
- if ($bull_position != 'none' && $slides_count > 1) {
2302
- ?>
2303
- wds_move_dots_<?php echo $wds; ?>();
2304
- <?php
2305
- }
2306
- ?>
2307
- if (wds_data_<?php echo $wds; ?>[key]["is_video"] != 'image') {
2308
- jQuery("#wds_slideshow_play_pause_<?php echo $wds; ?>").css({display: 'none'});
2309
- }
2310
- else {
2311
- jQuery("#wds_slideshow_play_pause_<?php echo $wds; ?>").css({display: ''});
2312
- }
2313
- }, wds_duration_for_change_<?php echo $wds; ?>);
2314
- }
2315
- if (<?php echo $parallax_effect ?>) {
2316
- wds_parallax(<?php echo $wds; ?>);
2317
- }
2318
- <?php
2319
- if ($slider->effect == 'zoomFade') {
2320
- ?>
2321
- wds_genBgPos_<?php echo $wds; ?>(next_image_class);
2322
- <?php
2323
- }
2324
- ?>
2325
- wds_window_fixed_size<?php echo $wds; ?>(next_image_class);
2326
- <?php if(isset($callback_items["onSliderCS"])) echo $callback_items["onSliderCS"]; ?>
2327
- }
2328
- function wds_resize_instagram_post_<?php echo $wds; ?>() {
2329
- if (jQuery('.inner_instagram_iframe_wds_video_frame_<?php echo $wds?>').length) {
2330
- var post_width = jQuery('.wds_slideshow_video_<?php echo $wds?>').width();
2331
- var post_height = jQuery('.wds_slideshow_video_<?php echo $wds?>').height();
2332
- var parent_height = post_height;
2333
- jQuery('.inner_instagram_iframe_wds_video_frame_<?php echo $wds?>').each(function() {
2334
- var parent_container = jQuery(this).parent();
2335
- if (post_height < post_width + 88) {
2336
- post_width = post_height - 88;
2337
- }
2338
- else {
2339
- post_height = post_width + 88;
2340
- }
2341
- parent_container.height(post_height);
2342
- parent_container.width(post_width);
2343
- parent_container.css({top: 0.5 * (parent_height - post_height)});
2344
- });
2345
- }
2346
- }
2347
- function wds_resize_slider_<?php echo $wds; ?>() {
2348
- var full_width = (jQuery(window).width() <= parseInt(<?php echo $slider->full_width_for_mobile; ?>) || <?php echo $slider->full_width; ?>) ? 1 : 0;
2349
- wds_glb_margin_<?php echo $wds; ?> = parseInt('<?php echo $slider->glb_margin; ?>');
2350
- if ('<?php echo $slider->bull_butt_img_or_not; ?>' == 'text') {
2351
- wds_set_text_dots_cont(<?php echo $wds; ?>);
2352
- }
2353
- var slide_orig_width = <?php echo $image_width + ($filmstrip_direction == 'horizontal' ? 0 : $filmstrip_width); ?>;
2354
- var slide_orig_height = <?php echo $image_height + ($filmstrip_direction == 'horizontal' ? $filmstrip_height : 0); ?>;
2355
- var slide_width = wds_get_overall_parent(jQuery("#wds_container1_<?php echo $wds; ?>"));
2356
- var ratio;
2357
- <?php if (!$carousel) { ?>
2358
- if (slide_width > slide_orig_width) {
2359
- slide_width = slide_orig_width;
2360
- }
2361
- ratio = slide_width / (slide_orig_width + 2 * wds_glb_margin_<?php echo $wds; ?>);
2362
- <?php } ?>
2363
- if (full_width) {
2364
- <?php if ( !$carousel ) { ?>
2365
- ratio = jQuery(window).width() / slide_orig_width;
2366
- <?php } else { ?>
2367
- ratio = jQuery(window).width() / slide_orig_width;
2368
- <?php } ?>
2369
- slide_orig_width = jQuery(window).width();
2370
- slide_orig_height = <?php echo $image_height + $filmstrip_height; ?> * slide_orig_width / <?php echo $image_width; ?>;
2371
- slide_width = jQuery(window).width();
2372
- wds_full_width_<?php echo $wds; ?>();
2373
- }
2374
- else if (parseInt(<?php echo $slider->full_width_for_mobile ?>)) {
2375
- jQuery(".wds_slideshow_image_wrap_<?php echo $wds; ?>").removeAttr("style");
2376
- }
2377
- <?php if ($carousel) { ?>
2378
- ratio = 1;
2379
- if (slide_width < <?php echo $carousel_width; ?>) {
2380
- ratio = slide_width / <?php echo $carousel_width; ?>;
2381
- }
2382
- <?php } ?>
2383
- wds_glb_margin_<?php echo $wds; ?> = parseInt('<?php echo $slider->glb_margin; ?>');
2384
- wds_glb_margin_<?php echo $wds; ?> *= ratio;
2385
- if (!full_width) {
2386
- slide_orig_height -= wds_glb_margin_<?php echo $wds; ?>;
2387
- }
2388
- jQuery("#wds_container2_<?php echo $wds; ?>").css("margin", wds_glb_margin_<?php echo $wds; ?> + "px " + (full_width ? 0 : '') + "");
2389
- var slide_height = slide_orig_height;
2390
- if (slide_orig_width > slide_width) {
2391
- slide_height = Math.floor(slide_width * slide_orig_height / slide_orig_width);
2392
- }
2393
- jQuery(".wds_slideshow_image_wrap_<?php echo $wds; ?>, #wds_container2_<?php echo $wds; ?>").height(slide_height);
2394
- <?php if (!$carousel) { ?>
2395
- jQuery(".wds_slideshow_image_<?php echo $wds; ?>").height(slide_height - parseInt(<?php echo ($filmstrip_direction == 'horizontal' ? $filmstrip_height : 0); ?>));
2396
- jQuery(".wds_slideshow_video_<?php echo $wds; ?>").height(slide_height - parseInt(<?php echo ($filmstrip_direction == 'horizontal' ? $filmstrip_height : 0); ?>));
2397
- <?php } else { ?>
2398
- jQuery(".wds_slideshow_image_<?php echo $wds; ?>").height("100%");
2399
- jQuery(".wds_slideshow_video_<?php echo $wds; ?>").height("100%");
2400
- <?php } ?>
2401
- jQuery(".wds_slideshow_image_<?php echo $wds; ?> img").each(function () {
2402
- var wds_theImage = new Image();
2403
- wds_theImage.src = jQuery(this).attr("src");
2404
- var wds_origWidth = wds_theImage.width;
2405
- var wds_origHeight = wds_theImage.height;
2406
- if (typeof wds_theImage.remove != 'undefined') {
2407
- wds_theImage.remove();
2408
- }
2409
- var wds_imageWidth = jQuery(this).attr("data-wds-image-width");
2410
- var wds_imageHeight = jQuery(this).attr("data-wds-image-height");
2411
- var wds_width = wds_imageWidth;
2412
- if (wds_imageWidth > wds_origWidth) {
2413
- wds_width = wds_origWidth;
2414
- }
2415
- var wds_height = wds_imageHeight;
2416
- if (wds_imageHeight > wds_origHeight) {
2417
- wds_height = wds_origHeight;
2418
- }
2419
- jQuery(this).css({
2420
- maxWidth: (parseFloat(wds_imageWidth) * ratio) + "px",
2421
- maxHeight: (parseFloat(wds_imageHeight) * ratio) + "px",
2422
- });
2423
- if (jQuery(this).attr("data-wds-scale") != "on") {
2424
- jQuery(this).css({
2425
- width: (parseFloat(wds_imageWidth) * ratio) + "px",
2426
- height: (parseFloat(wds_imageHeight) * ratio) + "px"
2427
- });
2428
- }
2429
- else if (wds_imageWidth > wds_origWidth || wds_imageHeight > wds_origHeight) {
2430
- if (wds_origWidth / wds_imageWidth > wds_origHeight / wds_imageHeight) {
2431
- jQuery(this).css({
2432
- width: (parseFloat(wds_imageWidth) * ratio) + "px"
2433
- });
2434
- }
2435
- else {
2436
- jQuery(this).css({
2437
- height: (parseFloat(wds_imageHeight) * ratio) + "px"
2438
- });
2439
- }
2440
- }
2441
- });
2442
- jQuery(".wds_slideshow_image_<?php echo $wds; ?> [data-type='hotspot']").each(function () {
2443
- jQuery(this).children().each(function () {
2444
- var width = jQuery(this).attr("data-width");
2445
- if (jQuery(this).attr("data-type") == "hotspot_text") {
2446
- var height = jQuery(this).attr("data-height");
2447
- if (width != 0) {
2448
- jQuery(this).width(ratio * width);
2449
- }
2450
- if (height != 0) {
2451
- jQuery(this).height(ratio * height);
2452
- }
2453
- var min_font_size;
2454
- var font_size;
2455
- min_font_size = jQuery(this).attr("data-fmin-size");
2456
- font_size = ratio * jQuery(this).attr("data-fsize");
2457
- if (min_font_size > font_size) {
2458
- font_size = min_font_size;
2459
- }
2460
- jQuery(this).css({fontSize: font_size + "px"});
2461
- }
2462
- else {
2463
- if (width != 0) {
2464
- jQuery(this).width(ratio * width);
2465
- jQuery(this).height(ratio * width);
2466
- jQuery(this).parent().width(ratio * width);
2467
- jQuery(this).parent().height(ratio * width);
2468
- }
2469
- jQuery(this).css({
2470
- borderWidth: ratio * jQuery(this).attr("data-border-width")
2471
- });
2472
- }
2473
- });
2474
- });
2475
-
2476
- jQuery(".wds_slideshow_image_<?php echo $wds; ?> span, .wds_slideshow_image_<?php echo $wds; ?> i").each(function () {
2477
- var font_size;
2478
- var ratio_new;
2479
- var font_size_new;
2480
- var min_font_size;
2481
- font_size = parseFloat(jQuery(this).attr("data-wds-fsize")) * ratio;
2482
- font_size_new = font_size;
2483
- ratio_new = ratio;
2484
- if (jQuery(this).attr('data-type') == 'wds_text_parent') {
2485
- min_font_size = jQuery(this).attr("data-wds-fmin-size");
2486
- if (min_font_size > font_size) {
2487
- font_size_new = min_font_size;
2488
- ratio_new = ratio * font_size_new / font_size;
2489
- }
2490
- }
2491
- jQuery(this).css({
2492
- fontSize: (font_size_new) + "px",
2493
- lineHeight: "1.25em",
2494
- paddingLeft: (parseFloat(jQuery(this).attr("data-wds-fpaddingl")) * ratio_new) + "px",
2495
- paddingRight: (parseFloat(jQuery(this).attr("data-wds-fpaddingr")) * ratio_new) + "px",
2496
- paddingTop: (parseFloat(jQuery(this).attr("data-wds-fpaddingt")) * ratio_new) + "px",
2497
- paddingBottom: (parseFloat(jQuery(this).attr("data-wds-fpaddingb")) * ratio_new) + "px",
2498
- });
2499
- });
2500
-
2501
- if ( !wds_object.is_free ) {
2502
- wds_display_hotspot();
2503
- wds_hotspot_position("", ratio);
2504
- }
2505
- if (<?php echo $parallax_effect ?>) {
2506
- wds_parallax(<?php echo $wds; ?>);
2507
- }
2508
- jQuery(".wds_slideshow_image_<?php echo $wds; ?> [data-type='wds_text_parent']").each(function () {
2509
- var id = jQuery(this).attr("id");
2510
- if (wds_data_<?php echo $wds; ?>[jQuery("#" + id).data("row-key")]["layer_"+ jQuery("#" + id).data("layer-key") +"_align_layer"] == 1) {
2511
- var slider_width = jQuery(".wds_slider_" + <?php echo $wds; ?>).outerWidth();
2512
- var left;
2513
- if ((jQuery("#" + id).offset().left - jQuery(".wds_slideshow_image_<?php echo $wds; ?>").offset().left) > (slider_width / 2 + jQuery(this).outerWidth() / 2)) {
2514
- left = slider_width - jQuery(this).outerWidth();
2515
- }
2516
- else if ((jQuery("#" + id).offset().left - jQuery(".wds_slideshow_image_<?php echo $wds; ?>").offset().left) < (slider_width / 2 - jQuery(this).outerWidth() / 2)) {
2517
- left = 0;
2518
- }
2519
- else {
2520
- left = slider_width / 2 - jQuery(this).outerWidth() / 2;
2521
- }
2522
- var left_percent = (slider_width != 0) ? 100 * left / slider_width : 0;
2523
- jQuery("#" + id).css({left:left_percent + "%"});
2524
- }
2525
- });
2526
- wds_resize_instagram_post_<?php echo $wds; ?>();
2527
- wds_window_fixed_size<?php echo $wds; ?>("#wds_image_id_<?php echo $wds; ?>_" + wds_data_<?php echo $wds; ?>[parseInt(jQuery('#wds_current_image_key_<?php echo $wds; ?>').val())]["id"]);
2528
- }
2529
- /* Generate background position for Zoom Fade effect.*/
2530
- function wds_genBgPos_<?php echo $wds; ?>(current_key) {
2531
- var bgSizeArray = [0, 70];
2532
- var bgSize = bgSizeArray[Math.floor(Math.random() * bgSizeArray.length)];
2533
- var bgPosXArray = ['left', 'right'];
2534
- var bgPosYArray = ['top', 'bottom'];
2535
- var bgPosX = bgPosXArray[Math.floor(Math.random() * bgPosXArray.length)];
2536
- var bgPosY = bgPosYArray[Math.floor(Math.random() * bgPosYArray.length)];
2537
- jQuery(current_key + " .wds_slideshow_image_<?php echo $wds; ?>").css({
2538
- backgroundPosition: bgPosX + " " + bgPosY,
2539
- backgroundSize : (100 + bgSize) + "% " + (100 + bgSize) + "%",
2540
- webkitAnimation: ' wdszoom' + bgSize + ' <?php echo 1.1 * $slideshow_interval; ?>s linear 0s alternate infinite',
2541
- mozAnimation: ' wdszoom' + bgSize + ' <?php echo 1.1 * $slideshow_interval; ?>s linear 0s alternate infinite',
2542
- animation: ' wdszoom' + bgSize + ' <?php echo 1.1 * $slideshow_interval; ?>s linear 0s alternate infinite'
2543
- });
2544
- }
2545
- function wds_full_width_<?php echo $wds; ?>() {
2546
- var left = jQuery("#wds_container1_<?php echo $wds; ?>").offset().left;
2547
- jQuery(".wds_slideshow_image_wrap_<?php echo $wds; ?>").css({
2548
- left: (-left) + "px",
2549
- width: (jQuery(window).width()) + "px",
2550
- maxWidth: "none"
2551
- });
2552
- }
2553
- if ("<?php echo $current_image_url; ?>" != '') {
2554
- jQuery('<img />').attr("src", "<?php echo $current_image_url; ?>").on('load', function() {
2555
- jQuery(this).remove();
2556
- wds_ready_<?php echo $wds; ?>();
2557
- });
2558
- }
2559
- else {
2560
- jQuery(document).ready(function () {
2561
- wds_ready_<?php echo $wds; ?>();
2562
- });
2563
- }
2564
- if ('<?php echo $fixed_bg; ?>' == 1) {
2565
- jQuery(window).scroll(function () {
2566
- wds_window_fixed_pos<?php echo $wds; ?>();
2567
- });
2568
- }
2569
- function wds_window_fixed_size<?php echo $wds; ?>(id) {
2570
- if ('<?php echo $fixed_bg; ?>' != 1 || wds_data_<?php echo $wds; ?>[parseInt(jQuery('#wds_current_image_key_<?php echo $wds; ?>').val())]["is_video"] != 'image') {
2571
- return;
2572
- }
2573
- var image = new Image();
2574
- image.src = jQuery(id + " .wds_slideshow_image_<?php echo $wds; ?>").css('background-image').replace(/url\(|\)$|"/ig, '');
2575
- var slide_bg_width = image.width;
2576
- var slide_bg_height = image.height;
2577
- if (typeof image.remove != 'undefined') {
2578
- image.remove();
2579
- }
2580
- var window_height = jQuery(window).height();
2581
- var window_width = jQuery(window).width();
2582
- var width, height;
2583
- if ('<?php echo $slider->bg_fit; ?>' == 'cover' || '<?php echo $slider->bg_fit; ?>' == 'contain') {
2584
- var scale = Math.max(window_width / slide_bg_width, window_height / slide_bg_height);
2585
- width = slide_bg_width * scale;
2586
- height = slide_bg_height * scale;
2587
- }
2588
- else {
2589
- width = window_width;
2590
- height = window_height;
2591
- }
2592
- jQuery(id + " .wds_slideshow_image_<?php echo $wds; ?>").css({"background-size": width + "px " + height + "px"});
2593
- wds_window_fixed_pos<?php echo $wds; ?>(id);
2594
- }
2595
- function wds_window_fixed_pos<?php echo $wds; ?>(id) {
2596
- var cont = (typeof id == "undefined") ? "" : id + " ";
2597
- var offset = jQuery(cont + ".wds_slideshow_image_<?php echo $wds; ?>").offset().top;
2598
- var scrtop = jQuery(document).scrollTop();
2599
- var sliderheight = jQuery(cont + ".wds_slideshow_image_<?php echo $wds; ?>").height();
2600
- var window_height = jQuery(window).height();
2601
- var fixed_pos;
2602
- if ('<?php echo ($smart_crop == '1' && ($slider->bg_fit == 'cover' || $slider->bg_fit == 'contain')) ?>' ) {
2603
- if ('<?php echo $crop_image_position; ?>' == 'right bottom'
2604
- || '<?php echo $crop_image_position; ?>' == 'center bottom'
2605
- || '<?php echo $crop_image_position; ?>' == 'left bottom') {
2606
- pos_retion_height = "100%";
2607
- }
2608
- else if ('<?php echo $crop_image_position; ?>' == 'left center'
2609
- || '<?php echo $crop_image_position; ?>' == 'center center'
2610
- || '<?php echo $crop_image_position; ?>' == 'right center') {
2611
- pos_retion_height = "50%";
2612
- }
2613
- else if ('<?php echo $crop_image_position; ?>' == 'left top'
2614
- || '<?php echo $crop_image_position; ?>' == 'center top'
2615
- || '<?php echo $crop_image_position; ?>' == 'right top') {
2616
- pos_retion_height = "0%";
2617
- }
2618
- }
2619
- fixed_pos = offset - scrtop - window_height / 2 + sliderheight / 2;
2620
- jQuery(cont + ".wds_slideshow_image_<?php echo $wds; ?>").css({"background-position": "50% " + "calc(50% - " + fixed_pos + "px)"});
2621
- if (scrtop < offset + sliderheight) {
2622
- if ('<?php echo $smart_crop == '1' && ($slider->bg_fit == 'contain' || $slider->bg_fit == 'cover') ?>' == true) {
2623
- jQuery(cont + ".wds_slideshow_image_<?php echo $wds; ?>").css({"background-position": "" + pos_retion_height + " " + "calc(50% - " + fixed_pos + "px)"});
2624
- }
2625
- }
2626
- }
2627
- function wds_ready_<?php echo $wds; ?>() {
2628
- <?php
2629
- if (isset($callback_items["onSliderI"])) {
2630
- echo $callback_items["onSliderI"];
2631
- }
2632
- if ($enable_slideshow_autoplay && $slider->stop_animation) {
2633
- ?>
2634
- jQuery("#wds_container1_<?php echo $wds; ?>").mouseover(function(e) {
2635
- wds_stop_animation_<?php echo $wds; ?>();
2636
- });
2637
- jQuery("#wds_container1_<?php echo $wds; ?>").mouseout(function(e) {
2638
- if (!e) {
2639
- var e = window.event;
2640
- }
2641
- var reltg = (e.relatedTarget) ? e.relatedTarget : e.toElement;
2642
- if (typeof reltg != "undefined") {
2643
- if (reltg != null) {
2644
- if (typeof reltg.tagName != "undefined") {
2645
- while (reltg.tagName != 'BODY') {
2646
- if (reltg.id == this.id){
2647
- return;
2648
- }
2649
- reltg = reltg.parentNode;
2650
- }
2651
- }
2652
- }
2653
- }
2654
- wds_play_animation_<?php echo $wds; ?>();
2655
- });
2656
- <?php
2657
- }
2658
- ?>
2659
- if ('<?php echo $slider->bull_butt_img_or_not; ?>' == 'text') {
2660
- wds_set_text_dots_cont(<?php echo $wds; ?>);
2661
- }
2662
- jQuery(".wds_slideshow_image_<?php echo $wds; ?> span, .wds_slideshow_image_<?php echo $wds; ?> i").each(function () {
2663
- jQuery(this).attr("data-wds-fpaddingl", jQuery(this).css("paddingLeft"));
2664
- jQuery(this).attr("data-wds-fpaddingr", jQuery(this).css("paddingRight"));
2665
- jQuery(this).attr("data-wds-fpaddingt", jQuery(this).css("paddingTop"));
2666
- jQuery(this).attr("data-wds-fpaddingb", jQuery(this).css("paddingBottom"));
2667
- });
2668
- if (<?php echo $navigation; ?>) {
2669
- jQuery("#wds_container2_<?php echo $wds; ?>").hover(function () {
2670
- jQuery(".wds_right-ico_<?php echo $wds; ?>").animate({left: 0}, 700, "swing");
2671
- jQuery(".wds_left-ico_<?php echo $wds; ?>").animate({left: 0}, 700, "swing");
2672
- jQuery("#wds_slideshow_play_pause_<?php echo $wds; ?>").animate({opacity: 1, filter: "Alpha(opacity=100)"}, 700, "swing");
2673
- }, function () {
2674
- jQuery(".wds_right-ico_<?php echo $wds; ?>").css({left: 4000});
2675
- jQuery(".wds_left-ico_<?php echo $wds; ?>").css({left: -4000});
2676
- jQuery("#wds_slideshow_play_pause_<?php echo $wds; ?>").css({opacity: 0, filter: "Alpha(opacity=0)"});
2677
- });
2678
- }
2679
- if (!<?php echo $bull_hover; ?>) {
2680
- jQuery("#wds_container2_<?php echo $wds; ?>").hover(function () {
2681
- jQuery(".wds_slideshow_dots_container_<?php echo $wds; ?>").animate({opacity: 1, filter: "Alpha(opacity=100)"}, 700, "swing");
2682
- }, function () {
2683
- jQuery(".wds_slideshow_dots_container_<?php echo $wds; ?>").css({opacity: 0, filter: "Alpha(opacity=0)"});
2684
- });
2685
- }
2686
- wds_resize_slider_<?php echo $wds; ?>();
2687
- <?php if (!$carousel) { ?>
2688
- jQuery("#wds_container2_<?php echo $wds; ?>").css({visibility: 'visible'});
2689
- jQuery(".wds_loading").hide();
2690
- <?php } ?>
2691
- function wds_filmstrip_move_left() {
2692
- if (typeof jQuery().stop !== 'undefined') {
2693
- if (jQuery.isFunction(jQuery().stop)) {
2694
- jQuery( ".wds_slideshow_filmstrip_thumbnails_<?php echo $wds; ?>" ).stop(true, false);
2695
- }
2696
- }
2697
- if (jQuery(".wds_slideshow_filmstrip_thumbnails_<?php echo $wds; ?>").position().<?php echo $left_or_top; ?> < 0) {
2698
- jQuery(".wds_slideshow_filmstrip_right_<?php echo $wds; ?>").css({opacity: 1, filter: "Alpha(opacity=100)"});
2699
- if (jQuery(".wds_slideshow_filmstrip_thumbnails_<?php echo $wds; ?>").position().<?php echo $left_or_top; ?> > - <?php echo $filmstrip_thumb_margin_hor + $filmstrip_width; ?>) {
2700
- jQuery(".wds_slideshow_filmstrip_thumbnails_<?php echo $wds; ?>").animate({<?php echo $left_or_top; ?>: 0}, 100, 'linear');
2701
- }
2702
- else {
2703
- jQuery(".wds_slideshow_filmstrip_thumbnails_<?php echo $wds; ?>").animate({<?php echo $left_or_top; ?>: (jQuery(".wds_slideshow_filmstrip_thumbnails_<?php echo $wds; ?>").position().<?php echo $left_or_top; ?> + <?php echo $filmstrip_thumb_margin_hor + $filmstrip_width; ?>)}, 100, 'linear');
2704
- }
2705
- }
2706
- /* Disable left arrow.*/
2707
- window.setTimeout(function(){
2708
- if (jQuery(".wds_slideshow_filmstrip_thumbnails_<?php echo $wds; ?>").position().<?php echo $left_or_top; ?> == 0) {
2709
- jQuery(".wds_slideshow_filmstrip_left_<?php echo $wds; ?>").css({opacity: 0.3, filter: "Alpha(opacity=30)"});
2710
- }
2711
- }, 500);
2712
- }
2713
- function wds_filmstrip_move_right() {
2714
- if (typeof jQuery().stop !== 'undefined') {
2715
- if (jQuery.isFunction(jQuery().stop)) {
2716
- jQuery( ".wds_slideshow_filmstrip_thumbnails_<?php echo $wds; ?>" ).stop(true, false);
2717
- }
2718
- }
2719
- if (jQuery(".wds_slideshow_filmstrip_thumbnails_<?php echo $wds; ?>").position().<?php echo $left_or_top; ?> >= -(jQuery(".wds_slideshow_filmstrip_thumbnails_<?php echo $wds; ?>").<?php echo $width_or_height; ?>() - jQuery(".wds_slideshow_filmstrip_container_<?php echo $wds; ?>").<?php echo $width_or_height; ?>())) {
2720
- jQuery(".wds_slideshow_filmstrip_left_<?php echo $wds; ?>").css({opacity: 1, filter: "Alpha(opacity=100)"});
2721
- if (jQuery(".wds_slideshow_filmstrip_thumbnails_<?php echo $wds; ?>").position().<?php echo $left_or_top; ?> < -(jQuery(".wds_slideshow_filmstrip_thumbnails_<?php echo $wds; ?>").<?php echo $width_or_height; ?>() - jQuery(".wds_slideshow_filmstrip_container_<?php echo $wds; ?>").<?php echo $width_or_height; ?>() - <?php echo $filmstrip_thumb_margin_hor + $filmstrip_width; ?>)) {
2722
- jQuery(".wds_slideshow_filmstrip_thumbnails_<?php echo $wds; ?>").animate({<?php echo $left_or_top; ?>: -(jQuery(".wds_slideshow_filmstrip_thumbnails_<?php echo $wds; ?>").<?php echo $width_or_height; ?>() - jQuery(".wds_slideshow_filmstrip_container_<?php echo $wds; ?>").<?php echo $width_or_height; ?>())}, 100, 'linear');
2723
- }
2724
- else {
2725
- jQuery(".wds_slideshow_filmstrip_thumbnails_<?php echo $wds; ?>").animate({<?php echo $left_or_top; ?>: (jQuery(".wds_slideshow_filmstrip_thumbnails_<?php echo $wds; ?>").position().<?php echo $left_or_top; ?> - <?php echo $filmstrip_thumb_margin_hor + $filmstrip_width; ?>)}, 100, 'linear');
2726
- }
2727
- }
2728
- /* Disable right arrow.*/
2729
- window.setTimeout(function() {
2730
- if (jQuery(".wds_slideshow_filmstrip_thumbnails_<?php echo $wds; ?>").position().<?php echo $left_or_top; ?> == -(jQuery(".wds_slideshow_filmstrip_thumbnails_<?php echo $wds; ?>").<?php echo $width_or_height; ?>() - jQuery(".wds_slideshow_filmstrip_container_<?php echo $wds; ?>").<?php echo $width_or_height; ?>())) {
2731
- jQuery(".wds_slideshow_filmstrip_right_<?php echo $wds; ?>").css({opacity: 0.3, filter: "Alpha(opacity=30)"});
2732
- }
2733
- }, 500);
2734
- }
2735
- <?php
2736
- if ($slider->effect == 'zoomFade') {
2737
- ?>
2738
- wds_genBgPos_<?php echo $wds; ?>("#wds_image_id_<?php echo $wds; ?>_" + wds_data_<?php echo $wds; ?>[parseInt(jQuery('#wds_current_image_key_<?php echo $wds; ?>').val())]["id"]);
2739
- <?php
2740
- }
2741
- if ($image_right_click) {
2742
- ?>
2743
- /* Disable right click.*/
2744
- jQuery('div[id^="wds_container"]').bind("contextmenu", function () {
2745
- return false;
2746
- });
2747
- <?php
2748
- }
2749
- if ($slider->effect == 'fade') {
2750
- ?>
2751
- var curr_img_id = wds_data_<?php echo $wds; ?>[parseInt(jQuery('#wds_current_image_key_<?php echo $wds; ?>').val())]["id"];
2752
- jQuery("#wds_image_id_<?php echo $wds; ?>_" + curr_img_id).css('transition', 'opacity ' + wds_transition_duration_<?php echo $wds; ?> + 'ms linear');
2753
- <?php
2754
- }
2755
- ?>
2756
- var isMobile = (/android|webos|iphone|ipad|ipod|blackberry|iemobile|opera mini/i.test(navigator.userAgent.toLowerCase()));
2757
- if (isMobile) {
2758
- if (<?php echo $touch_swipe_nav; ?>) {
2759
- wds_swipe();
2760
- }
2761
- }
2762
- else {
2763
- if (<?php echo $mouse_swipe_nav; ?>) {
2764
- wds_swipe();
2765
- }
2766
- }
2767
- function wds_swipe() {
2768
- if (typeof jQuery().swiperight !== 'undefined') {
2769
- if (jQuery.isFunction(jQuery().swiperight)) {
2770
- jQuery('.wds_slideshow_filmstrip_thumbnails_<?php echo $wds; ?>').swiperight(function () {
2771
- wds_filmstrip_move_left();
2772
- return false;
2773
- });
2774
- jQuery('#wds_container1_<?php echo $wds; ?>').swiperight(function () {
2775
- wds_change_image_<?php echo $wds; ?>(parseInt(jQuery('#wds_current_image_key_<?php echo $wds; ?>').val()), (parseInt(jQuery('#wds_current_image_key_<?php echo $wds; ?>').val()) - wds_iterator_<?php echo $wds; ?>()) >= 0 ? (parseInt(jQuery('#wds_current_image_key_<?php echo $wds; ?>').val()) - wds_iterator_<?php echo $wds; ?>()) % wds_data_<?php echo $wds; ?>.length : wds_data_<?php echo $wds; ?>.length - 1, wds_data_<?php echo $wds; ?>, false, "left");
2776
- <?php if ( $carousel ) { ?>
2777
- wds_carousel<?php echo $wds; ?>.prev();
2778
- <?php } ?>
2779
- <?php if(isset($callback_items["onSwipeS"])) echo $callback_items["onSwipeS"]; ?>
2780
- return false;
2781
- });
2782
- }
2783
- }
2784
- if (typeof jQuery().swipeleft !== 'undefined') {
2785
- if (jQuery.isFunction(jQuery().swipeleft)) {
2786
- jQuery('.wds_slideshow_filmstrip_thumbnails_<?php echo $wds; ?>').swipeleft(function () {
2787
- wds_filmstrip_move_right();
2788
- return false;
2789
- });
2790
- jQuery('#wds_container1_<?php echo $wds; ?>').swipeleft(function () {
2791
- wds_change_image_<?php echo $wds; ?>(parseInt(jQuery('#wds_current_image_key_<?php echo $wds; ?>').val()), (parseInt(jQuery('#wds_current_image_key_<?php echo $wds; ?>').val()) + wds_iterator_<?php echo $wds; ?>()) % wds_data_<?php echo $wds; ?>.length, wds_data_<?php echo $wds; ?>, false, "right");
2792
- <?php if ( $carousel ) { ?>
2793
- wds_carousel<?php echo $wds; ?>.next();
2794
- <?php } ?>
2795
- <?php if(isset($callback_items["onSwipeS"])) echo $callback_items["onSwipeS"]; ?>
2796
- return false;
2797
- });
2798
- }
2799
- }
2800
- }
2801
- var wds_click = isMobile ? 'touchend' : 'click';
2802
- var mousewheelevt = (/Firefox/i.test(navigator.userAgent)) ? "DOMMouseScroll" : "mousewheel"; /* FF doesn't recognize mousewheel as of FF3.x */
2803
- jQuery('.wds_slideshow_filmstrip_<?php echo $wds; ?>').bind(mousewheelevt, function(e) {
2804
- var evt = window.event || e; /* Equalize event object.*/
2805
- evt = evt.originalEvent ? evt.originalEvent : evt; /* Convert to originalEvent if possible.*/
2806
- var delta = evt.detail ? evt.detail*(-40) : evt.wheelDelta; /* Check for detail first, because it is used by Opera and FF.*/
2807
- if (delta > 0) {
2808
- /* Scroll up.*/
2809
- jQuery(".wds_slideshow_filmstrip_left_<?php echo $wds; ?>").trigger("click");
2810
- }
2811
- else {
2812
- /* Scroll down.*/
2813
- jQuery(".wds_slideshow_filmstrip_right_<?php echo $wds; ?>").trigger("click");
2814
- }
2815
- return false;
2816
- });
2817
- jQuery(".wds_slideshow_filmstrip_right_<?php echo $wds; ?>").on(wds_click, function () {
2818
- wds_filmstrip_move_right();
2819
- });
2820
- jQuery(".wds_slideshow_filmstrip_left_<?php echo $wds; ?>").on(wds_click, function () {
2821
- wds_filmstrip_move_left();
2822
- });
2823
- /* Set filmstrip initial position.*/
2824
- wds_set_filmstrip_pos_<?php echo $wds; ?>(jQuery(".wds_slideshow_filmstrip_container_<?php echo $wds; ?>").<?php echo $width_or_height; ?>());
2825
 
2826
- function wds_message_listener_<?php echo $wds; ?>(e) {
2827
- try {
2828
- var data = JSON.parse(e.data);
2829
- if (data.method == "paused") {
2830
- iframe_message_received_<?php echo $wds; ?> = iframe_message_received_<?php echo $wds; ?> + 1;
2831
- if (data.value == false) {
2832
- video_is_playing_<?php echo $wds; ?> = true;
2833
- }
2834
- }
2835
- } catch (e) {
2836
- return false;
2837
- }
2838
- }
2839
- if (window.addEventListener){
2840
- window.addEventListener('message', wds_message_listener_<?php echo $wds; ?>, false);
2841
- }
2842
- else {
2843
- window.attachEvent('onmessage', wds_message_listener_<?php echo $wds; ?>, false);
2844
- }
2845
- /* Mouswheel navigation.*/
2846
- if (<?php echo $mouse_wheel_nav; ?>) {
2847
- jQuery('.wds_slide_container_<?php echo $wds; ?>').bind(mousewheelevt, function(e) {
2848
- var evt = window.event || e; /* Equalize event object.*/
2849
- evt = evt.originalEvent ? evt.originalEvent : evt; /* Convert to originalEvent if possible.*/
2850
- var delta = evt.detail ? evt.detail*(-40) : evt.wheelDelta; /* Check for detail first, because it is used by Opera and FF.*/
2851
- if (delta > 0) {
2852
- /* Scroll up.*/
2853
- wds_change_image_<?php echo $wds; ?>(parseInt(jQuery('#wds_current_image_key_<?php echo $wds; ?>').val()), (parseInt(jQuery('#wds_current_image_key_<?php echo $wds; ?>').val()) - wds_iterator_<?php echo $wds; ?>()) >= 0 ? (parseInt(jQuery('#wds_current_image_key_<?php echo $wds; ?>').val()) - wds_iterator_<?php echo $wds; ?>()) % wds_data_<?php echo $wds; ?>.length : wds_data_<?php echo $wds; ?>.length - 1, wds_data_<?php echo $wds; ?>, false, "left");
2854
- }
2855
- else {
2856
- /* Scroll down.*/
2857
- wds_change_image_<?php echo $wds; ?>(parseInt(jQuery('#wds_current_image_key_<?php echo $wds; ?>').val()), (parseInt(jQuery('#wds_current_image_key_<?php echo $wds; ?>').val()) + wds_iterator_<?php echo $wds; ?>()) % wds_data_<?php echo $wds; ?>.length, wds_data_<?php echo $wds; ?>, false, "right");
2858
- }
2859
- return false;
2860
- });
2861
- }
2862
- /* Keyboard navigation.*/
2863
- if (<?php echo $keyboard_nav; ?>) {
2864
- jQuery(document).on('keydown', function (e) {
2865
- if (e.keyCode === 39 || e.keyCode === 38) { /* Right arrow.*/
2866
- wds_change_image_<?php echo $wds; ?>(parseInt(jQuery('#wds_current_image_key_<?php echo $wds; ?>').val()), (parseInt(jQuery('#wds_current_image_key_<?php echo $wds; ?>').val()) + wds_iterator_<?php echo $wds; ?>()) % wds_data_<?php echo $wds; ?>.length, wds_data_<?php echo $wds; ?>, false, "right");
2867
- }
2868
- else if (e.keyCode === 37 || e.keyCode === 40) { /* Left arrow.*/
2869
- wds_change_image_<?php echo $wds; ?>(parseInt(jQuery('#wds_current_image_key_<?php echo $wds; ?>').val()), (parseInt(jQuery('#wds_current_image_key_<?php echo $wds; ?>').val()) - wds_iterator_<?php echo $wds; ?>()) >= 0 ? (parseInt(jQuery('#wds_current_image_key_<?php echo $wds; ?>').val()) - wds_iterator_<?php echo $wds; ?>()) % wds_data_<?php echo $wds; ?>.length : wds_data_<?php echo $wds; ?>.length - 1, wds_data_<?php echo $wds; ?>, false, "left");
2870
- }
2871
- else if (e.keyCode === 32) { /* Space.*/
2872
- wds_play_pause_<?php echo $wds; ?>();
2873
- }
2874
- });
2875
- }
2876
- /* Play/pause.*/
2877
- jQuery("#wds_slideshow_play_pause_<?php echo $wds; ?>").on(wds_click, function () {
2878
- wds_play_pause_<?php echo $wds; ?>();
2879
- });
2880
- if (<?php echo $enable_slideshow_autoplay; ?>) {
2881
- play_<?php echo $wds; ?>();
2882
-
2883
- jQuery(".wds_slideshow_play_pause_<?php echo $wds; ?>").attr("title", "<?php echo __('Pause', 'wds'); ?>");
2884
- jQuery(".wds_slideshow_play_pause_<?php echo $wds; ?>").attr("class", "wds_ctrl_btn_<?php echo $wds; ?> wds_slideshow_play_pause_<?php echo $wds; ?> fa fa-pause");
2885
- if (<?php echo $enable_slideshow_music ?>) {
2886
- if ('<?php echo $slideshow_music_url; ?>' != '') {
2887
- document.getElementById("wds_audio_<?php echo $wds; ?>").play();
2888
- }
2889
- }
2890
- if ('<?php echo $slider->timer_bar_type; ?>' != 'none') {
2891
- if ('<?php echo $slider->timer_bar_type; ?>' != 'top') {
2892
- if ('<?php echo $slider->timer_bar_type; ?>' != 'bottom') {
2893
- circle_timer_<?php echo $wds; ?>(0);
2894
- }
2895
- }
2896
- }
2897
- }
2898
- <?php if ($preload_images) { ?>
2899
- function wds_preload_<?php echo $wds; ?>(preload_key) {
2900
- if (wds_data_<?php echo $wds; ?>[preload_key]["is_video"] == 'image') {
2901
- jQuery('<img />')
2902
- .on('load', function() {
2903
- jQuery(this).remove();
2904
- if (preload_key < wds_data_<?php echo $wds; ?>.length - 1) wds_preload_<?php echo $wds; ?>(preload_key + 1);
2905
- })
2906
- .on('error', function() {
2907
- jQuery(this).remove();
2908
- if (preload_key < wds_data_<?php echo $wds; ?>.length - 1) wds_preload_<?php echo $wds; ?>(preload_key + 1);
2909
- })
2910
- .attr("src", wds_data_<?php echo $wds; ?>[preload_key]["image_url"]);
2911
- }
2912
- else {
2913
- if (preload_key < wds_data_<?php echo $wds; ?>.length - 1) wds_preload_<?php echo $wds; ?>(preload_key + 1);
2914
- }
2915
- }
2916
- wds_preload_<?php echo $wds; ?>(0);
2917
- <?php } ?>
2918
- var first_slide_layers_count_<?php echo $wds; ?> = wds_data_<?php echo $wds; ?>[<?php echo $start_slide_num; ?>]["slide_layers_count"];
2919
- if (first_slide_layers_count_<?php echo $wds; ?>) {
2920
- /* Loop through layers in.*/
2921
- for (var j = 0; j < first_slide_layers_count_<?php echo $wds; ?>; j++) {
2922
- wds_set_layer_effect_in_<?php echo $wds; ?>(j, <?php echo $start_slide_num; ?>);
2923
- }
2924
- /* Loop through layers out.*/
2925
- for (var i = 0; i < first_slide_layers_count_<?php echo $wds; ?>; i++) {
2926
- wds_set_layer_effect_out_<?php echo $wds; ?>(i, <?php echo $start_slide_num; ?>);
2927
- }
2928
- }
2929
- if ( !wds_object.is_free ) {
2930
- wds_video_dimenstion(<?php echo $wds; ?>, jQuery("#wds_current_image_key_<?php echo $wds; ?>").val());
2931
  }
2932
- if ('<?php echo $fixed_bg; ?>' == 1) {
2933
- wds_window_fixed_pos<?php echo $wds; ?>();
2934
- }
2935
- jQuery(".wds_slideshow_filmstrip_<?php echo $wds; ?>").hover(function() {
2936
- jQuery(".wds_slideshow_filmstrip_left_<?php echo $wds; ?> i, .wds_slideshow_filmstrip_right_<?php echo $wds; ?> i").animate({opacity: 1, filter: "Alpha(opacity=100)"}, 700, "swing");
2937
- }, function () {
2938
- jQuery(".wds_slideshow_filmstrip_left_<?php echo $wds; ?> i, .wds_slideshow_filmstrip_right_<?php echo $wds; ?> i").animate({opacity: 0, filter: "Alpha(opacity=0)"}, 700, "swing");
2939
- });
2940
- jQuery("#wds_container1_<?php echo $wds; ?>").hover(function() {
2941
- <?php if(isset($callback_items["onSliderHover"])) echo $callback_items["onSliderHover"]; ?>
2942
- }, function () {
2943
- <?php if(isset($callback_items["onSliderBlur"])) echo $callback_items["onSliderBlur"]; ?>
2944
- });
2945
- jQuery("#wds_slideshow_play_pause_<?php echo $wds; ?>").on("click", ".fa-play", function() {
2946
- <?php if(isset($callback_items["onSliderPlay"])) echo $callback_items["onSliderPlay"]; ?>
2947
- });
2948
- jQuery("#wds_slideshow_play_pause_<?php echo $wds; ?>").on("click", ".fa-pause", function() {
2949
- <?php if(isset($callback_items["onSliderPause"])) echo $callback_items["onSliderPause"]; ?>
2950
- });
2951
- }
2952
- var wds_play_pause_state_<?php echo $wds; ?> = 0;
2953
- function wds_play_<?php echo $wds; ?>() {
2954
- wds_play_pause_state_<?php echo $wds; ?> = 0;
2955
- /* Play.*/
2956
- jQuery(".wds_slideshow_play_pause_<?php echo $wds; ?>").attr("title", "<?php echo __('Pause', 'wds'); ?>");
2957
- jQuery(".wds_slideshow_play_pause_<?php echo $wds; ?>").attr("class", "wds_ctrl_btn_<?php echo $wds; ?> wds_slideshow_play_pause_<?php echo $wds; ?> fa fa-pause");
2958
- /* Finish current animation and begin the other.*/
2959
- if (<?php echo $enable_slideshow_autoplay; ?>) {
2960
- if ('<?php echo $slider->timer_bar_type; ?>' != 'top') {
2961
- if ('<?php echo $slider->timer_bar_type; ?>' != 'bottom') {
2962
- if (typeof circle_timer_animate_<?php echo $wds; ?> !== 'undefined') {
2963
- circle_timer_animate_<?php echo $wds; ?>.stop();
2964
- <?php if ( $carousel ) { ?>
2965
- wds_carousel<?php echo $wds; ?>.pause();
2966
- <?php } ?>
2967
- }
2968
- circle_timer_<?php echo $wds; ?>(curent_time_deggree_<?php echo $wds; ?>);
2969
- }
2970
- }
2971
- }
2972
- play_<?php echo $wds; ?>();
2973
- if (<?php echo $enable_slideshow_music ?>) {
2974
- if ('<?php echo $slideshow_music_url; ?>' != '') {
2975
- document.getElementById("wds_audio_<?php echo $wds; ?>").play();
2976
- }
2977
- }
2978
- <?php if ( $carousel ) { ?>
2979
- wds_carousel<?php echo $wds; ?>.start();
2980
- <?php } ?>
2981
- }
2982
- function wds_pause_<?php echo $wds; ?>() {
2983
- /* Pause.*/
2984
- /* Pause layers out effect.*/
2985
- wds_play_pause_state_<?php echo $wds; ?> = 1;
2986
- var current_key = jQuery('#wds_current_image_key_<?php echo $wds; ?>').val();
2987
- var current_slide_layers_count = wds_data_<?php echo $wds; ?>[current_key]["slide_layers_count"];
2988
- setTimeout(function() {
2989
- for (var k = 0; k < current_slide_layers_count; k++) {
2990
- clearTimeout(wds_clear_layers_effects_out_<?php echo $wds; ?>[current_key][k]);
2991
- }
2992
- }, wds_duration_for_clear_effects_<?php echo $wds; ?>);
2993
- window.clearInterval(wds_playInterval_<?php echo $wds; ?>);
2994
- jQuery(".wds_slideshow_play_pause_<?php echo $wds; ?>").attr("title", "<?php echo __('Play', 'wds'); ?>");
2995
- jQuery(".wds_slideshow_play_pause_<?php echo $wds; ?>").attr("class", "wds_ctrl_btn_<?php echo $wds; ?> wds_slideshow_play_pause_<?php echo $wds; ?> fa fa-play");
2996
- if (<?php echo $enable_slideshow_music ?>) {
2997
- document.getElementById("wds_audio_<?php echo $wds; ?>").pause();
2998
- }
2999
- if (typeof jQuery().stop !== 'undefined') {
3000
- if (jQuery.isFunction(jQuery().stop)) {
3001
- <?php
3002
- if ($slider->timer_bar_type == 'top' || $slider->timer_bar_type == 'bottom') {
3003
- ?>
3004
- jQuery(".wds_line_timer_<?php echo $wds; ?>").stop();
3005
- <?php
3006
- }
3007
- elseif ($slider->timer_bar_type != 'none') {
3008
- ?>
3009
- /* Pause circle timer.*/
3010
- if (typeof circle_timer_animate_<?php echo $wds; ?>.stop !== 'undefined') {
3011
- circle_timer_animate_<?php echo $wds; ?>.stop();
3012
- <?php if ( $carousel ) { ?>
3013
- wds_carousel<?php echo $wds; ?>.pause();
3014
- <?php } ?>
3015
- }
3016
- <?php
3017
- }
3018
- ?>
3019
- }
3020
- }
3021
- <?php if ( $carousel ) { ?>
3022
- wds_carousel<?php echo $wds; ?>.pause();
3023
- <?php } ?>
3024
- }
3025
- function wds_play_pause_<?php echo $wds; ?>(play_pause) {
3026
- if (typeof play_pause == "undefined") {
3027
- var play_pause = "";
3028
- }
3029
- if (play_pause == "") {
3030
- if (jQuery(".wds_ctrl_btn_<?php echo $wds; ?>").hasClass("fa-play") || wds_play_pause_state_<?php echo $wds; ?>) {
3031
- wds_play_<?php echo $wds; ?>();
3032
- }
3033
- else {
3034
- wds_pause_<?php echo $wds; ?>();
3035
- }
3036
- }
3037
- else if (play_pause == "play") {
3038
- wds_play_<?php echo $wds; ?>();
3039
- }
3040
- else if (play_pause == "pause") {
3041
- wds_pause_<?php echo $wds; ?>();
3042
- }
3043
- }
3044
- function wds_stop_animation_<?php echo $wds; ?>() {
3045
- window.clearInterval(wds_playInterval_<?php echo $wds; ?>);
3046
- /* Pause layers out effect.*/
3047
- var current_key = jQuery('#wds_current_image_key_<?php echo $wds; ?>').val();
3048
- var current_slide_layers_count = wds_data_<?php echo $wds; ?>[current_key]["slide_layers_count"];
3049
-
3050
- setTimeout(function() {
3051
- for (var k = 0; k < current_slide_layers_count; k++) {
3052
- clearTimeout(wds_clear_layers_effects_out_<?php echo $wds; ?>[current_key][k]);
3053
- }
3054
- }, wds_duration_for_clear_effects_<?php echo $wds; ?>);
3055
- if (<?php echo $enable_slideshow_music ?>) {
3056
- document.getElementById("wds_audio_<?php echo $wds; ?>").pause();
3057
- }
3058
- if (typeof jQuery().stop !== 'undefined') {
3059
- if (jQuery.isFunction(jQuery().stop)) {
3060
- if ('<?php echo $slider->timer_bar_type; ?>' == 'top' || '<?php echo $slider->timer_bar_type; ?>' == 'bottom') {
3061
- jQuery(".wds_line_timer_<?php echo $wds; ?>").stop();
3062
- <?php if ( $carousel ) { ?>
3063
- wds_carousel<?php echo $wds; ?>.pause();
3064
- <?php } ?>
3065
- }
3066
- else if ('<?php echo $slider->timer_bar_type; ?>' != 'none') {
3067
- circle_timer_animate_<?php echo $wds; ?>.stop();
3068
- <?php if ( $carousel ) { ?>
3069
- wds_carousel<?php echo $wds; ?>.pause();
3070
- <?php } ?>
3071
- }
3072
- }
3073
- }
3074
- }
3075
- function wds_play_animation_<?php echo $wds; ?>() {
3076
- if (jQuery(".wds_ctrl_btn_<?php echo $wds; ?>").hasClass("fa-play")) {
3077
- return;
3078
- }
3079
- play_<?php echo $wds; ?>();
3080
- <?php if ( $carousel ) { ?>
3081
- wds_carousel<?php echo $wds; ?>.start();
3082
- <?php } ?>
3083
- if ('<?php echo $slider->timer_bar_type; ?>' != 'none') {
3084
- if ('<?php echo $slider->timer_bar_type; ?>' != 'bottom') {
3085
- if ('<?php echo $slider->timer_bar_type; ?>' != 'top') {
3086
- if (typeof circle_timer_animate_<?php echo $wds; ?> !== 'undefined') {
3087
- circle_timer_animate_<?php echo $wds; ?>.stop();
3088
- <?php if ( $carousel ) { ?>
3089
- wds_carousel<?php echo $wds; ?>.pause();
3090
- <?php } ?>
3091
- }
3092
- circle_timer_<?php echo $wds; ?>(curent_time_deggree_<?php echo $wds; ?>);
3093
- }
3094
- }
3095
- }
3096
- if (<?php echo $enable_slideshow_music ?>) {
3097
- if ('<?php echo $slideshow_music_url; ?>' != '') {
3098
- document.getElementById("wds_audio_<?php echo $wds; ?>").play();
3099
- }
3100
- }
3101
- var next_slide_layers_count = wds_data_<?php echo $wds; ?>[wds_current_key_<?php echo $wds; ?>]["slide_layers_count"];
3102
- for (var i = 0; i < next_slide_layers_count; i++) {
3103
- wds_set_layer_effect_out_<?php echo $wds; ?>(i, wds_current_key_<?php echo $wds; ?>);
3104
- }
3105
- }
3106
- /* Effects in part.*/
3107
- function wds_set_layer_effect_in_<?php echo $wds; ?>(j, key) {
3108
- var cout;
3109
- wds_clear_layers_effects_in_<?php echo $wds; ?>[key][j] = setTimeout(function() {
3110
- cout = jQuery('#wds_<?php echo $wds; ?>_slide' + wds_data_<?php echo $wds; ?>[key]["id"] + '_layer' + wds_data_<?php echo $wds; ?>[key]["layer_" + j + "_id"]);
3111
- if (wds_data_<?php echo $wds; ?>[key]["layer_" + j + "_type"] != 'social') {
3112
- if (jQuery('#wds_<?php echo $wds; ?>_slide' + wds_data_<?php echo $wds; ?>[key]["id"] + '_layer' + wds_data_<?php echo $wds; ?>[key]["layer_" + j + "_id"]).prev().attr('id') != 'wds_<?php echo $wds; ?>_slide' + wds_data_<?php echo $wds; ?>[key]["id"] + '_layer' + wds_data_<?php echo $wds; ?>[key]["layer_" + j + "_id"] + '_round_effect') {
3113
- cout.css('-webkit-animation-duration' , wds_data_<?php echo $wds; ?>[key]["layer_" + j + "_duration_eff_in"] / 1000 + 's').css('animation-duration' , wds_data_<?php echo $wds; ?>[key]["layer_" + j + "_duration_eff_in"] / 1000 + 's');
3114
- jQuery('#wds_<?php echo $wds; ?>_slide' + wds_data_<?php echo $wds; ?>[key]["id"] + '_layer' + wds_data_<?php echo $wds; ?>[key]["layer_" + j + "_id"]).removeClass().addClass( wds_data_<?php echo $wds; ?>[key]["layer_" + j + "_layer_effect_in"] + ' wds_animated');
3115
- cout.addClass(jQuery('#wds_<?php echo $wds; ?>_slide' + wds_data_<?php echo $wds; ?>[key]["id"] + '_layer' + wds_data_<?php echo $wds; ?>[key]["layer_" + j + "_id"]).data("class"));
3116
- }
3117
- else {
3118
- cout = jQuery('#wds_<?php echo $wds; ?>_slide' + wds_data_<?php echo $wds; ?>[key]["id"] + '_layer' + wds_data_<?php echo $wds; ?>[key]["layer_" + j + "_id"]+'_div');
3119
- cout.css('-webkit-animation-duration' , wds_data_<?php echo $wds; ?>[key]["layer_" + j + "_duration_eff_in"] / 1000 + 's').css('animation-duration' , wds_data_<?php echo $wds; ?>[key]["layer_" + j + "_duration_eff_in"] / 1000 + 's');
3120
- cout.removeClass().addClass('hotspot_container ' + wds_data_<?php echo $wds; ?>[key]["layer_" + j + "_layer_effect_in"] + ' wds_animated');
3121
- }
3122
- }
3123
- else {
3124
- cout.css('-webkit-animation-duration' , wds_data_<?php echo $wds; ?>[key]["layer_" + j + "_duration_eff_in"] / 1000 + 's').css('animation-duration' , wds_data_<?php echo $wds; ?>[key]["layer_" + j + "_duration_eff_in"] / 1000 + 's');
3125
- cout.removeClass().addClass( wds_data_<?php echo $wds; ?>[key]["layer_" + j + "_layer_effect_in"] + ' fa fa-' + wds_data_<?php echo $wds; ?>[key]["layer_" + j + "_social_button"] + ' wds_animated');
3126
- }
3127
- /* Play video on layer in.*/
3128
- if (wds_data_<?php echo $wds; ?>[key]["layer_" + j + "_type"] == "video") {
3129
- if (wds_data_<?php echo $wds; ?>[key]["layer_" + j + "_video_autoplay"] == "on") {
3130
 
 
 
 
 
3131
 
3132
- cout.find("iframe").each(function () {
3133
- if (jQuery(this).attr('data-type') == 'youtube') {
3134
- player = youtube_iframes_ids_<?php echo $wds; ?>.indexOf(this.id);
3135
- if (typeof youtube_iframes_<?php echo $wds; ?>[player] != "undefined") {
3136
- if ( !wds_object.is_free ) {
3137
- wds_playVideo(youtube_iframes_<?php echo $wds; ?>[player]);
 
 
 
 
 
 
 
 
3138
  }
3139
- }
3140
- }
3141
- else if (jQuery(this).attr('type') == 'vimeo') {
3142
- jQuery(this)[0].contentWindow.postMessage('{ "method": "play" }', "*");
3143
- }
3144
- else {
3145
- jQuery(this)[0].contentWindow.postMessage('play', '*');
3146
- }
3147
- });
3148
- }
3149
- }
3150
- if ( !wds_object.is_free ) {
3151
- wds_upvideo_layer_dimenstion(<?php echo $wds; ?>, key, j);
3152
  }
3153
- var iteration_count = wds_data_<?php echo $wds; ?>[key]["layer_" + j + "_infinite_in"] == 0 ? 'infinite' : wds_data_<?php echo $wds; ?>[key]["layer_" + j + "_infinite_in"];
3154
- cout.css(
3155
- '-webkit-animation-iteration-count', iteration_count
3156
- ).css(
3157
- 'animation-iteration-count', iteration_count
3158
- );
3159
- }, wds_data_<?php echo $wds; ?>[key]["layer_" + j + "_start"]);
3160
- }
3161
- /* Effects out part.*/
3162
- function wds_set_layer_effect_out_<?php echo $wds; ?>(i, key) {
3163
- var cout;
3164
- wds_clear_layers_effects_out_<?php echo $wds; ?>[key][i] = setTimeout(function() {
3165
- cout = jQuery('#wds_<?php echo $wds; ?>_slide' + wds_data_<?php echo $wds; ?>[key]["id"] + '_layer' + wds_data_<?php echo $wds; ?>[key]["layer_" + i + "_id"]);
3166
- if (wds_data_<?php echo $wds; ?>[key]["layer_" + i + "_layer_effect_out"] != 'none') {
3167
- if (wds_data_<?php echo $wds; ?>[key]["layer_" + i + "_type"] != 'social') {
3168
- if (jQuery('#wds_<?php echo $wds; ?>_slide' + wds_data_<?php echo $wds; ?>[key]["id"] + '_layer' + wds_data_<?php echo $wds; ?>[key]["layer_" + i + "_id"]).prev().attr('id') != 'wds_<?php echo $wds; ?>_slide' + wds_data_<?php echo $wds; ?>[key]["id"] + '_layer' + wds_data_<?php echo $wds; ?>[key]["layer_" + i + "_id"] + '_round_effect') {
3169
- cout.css('-webkit-animation-duration' , wds_data_<?php echo $wds; ?>[key]["layer_" + i + "_duration_eff_out"] / 1000 + 's').css('animation-duration' , wds_data_<?php echo $wds; ?>[key]["layer_" + i + "_duration_eff_out"] / 1000 + 's');
3170
- cout.removeClass().addClass( wds_data_<?php echo $wds; ?>[key]["layer_" + i + "_layer_effect_out"] + ' wds_animated');
3171
- }
3172
- else {
3173
- cout = jQuery('#wds_<?php echo $wds; ?>_slide' + wds_data_<?php echo $wds; ?>[key]["id"] + '_layer' + wds_data_<?php echo $wds; ?>[key]["layer_" + i + "_id"]+'_div');
3174
- cout.css('-webkit-animation-duration' , wds_data_<?php echo $wds; ?>[key]["layer_" + i + "_duration_eff_out"] / 1000 + 's').css('animation-duration' , wds_data_<?php echo $wds; ?>[key]["layer_" + i + "_duration_eff_out"] / 1000 + 's');
3175
- cout.removeClass().addClass( wds_data_<?php echo $wds; ?>[key]["layer_" + i + "_layer_effect_out"] + ' wds_animated');
3176
- }
3177
- }
3178
- else {
3179
- cout.css('-webkit-animation-duration' , wds_data_<?php echo $wds; ?>[key]["layer_" + i + "_duration_eff_out"] / 1000 + 's').css('animation-duration' , wds_data_<?php echo $wds; ?>[key]["layer_" + i + "_duration_eff_out"] / 1000 + 's');
3180
- cout.removeClass().addClass( wds_data_<?php echo $wds; ?>[key]["layer_" + i + "_layer_effect_out"] + ' fa fa-' + wds_data_<?php echo $wds; ?>[key]["layer_" + i + "_social_button"] + ' wds_animated');
3181
- }
3182
- var iteration_count = wds_data_<?php echo $wds; ?>[key]["layer_" + i + "_infinite_out"] == 0 ? 'infinite' : wds_data_<?php echo $wds; ?>[key]["layer_" + i + "_infinite_out"];
3183
- cout.css(
3184
- '-webkit-animation-iteration-count', iteration_count
3185
- ).css(
3186
- 'animation-iteration-count', iteration_count
3187
- );
3188
- }
3189
- }, wds_data_<?php echo $wds; ?>[key]["layer_" + i + "_end"]);
3190
- }
3191
- function play_<?php echo $wds; ?>() {
3192
- if ('<?php echo $slider->timer_bar_type; ?>' != 'none') {
3193
- if (<?php echo $enable_slideshow_autoplay; ?> || jQuery('.wds_ctrl_btn_<?php echo $wds; ?>').hasClass('fa-pause')) {
3194
- jQuery(".wds_line_timer_<?php echo $wds; ?>").animate({
3195
- width: "100%"
3196
- }, {
3197
- duration: <?php echo $slideshow_interval * 1000; ?>,
3198
- specialEasing: {width: "linear"}
3199
- });
3200
- }
3201
- }
3202
- window.clearInterval(wds_playInterval_<?php echo $wds; ?>);
3203
- /* Play.*/
3204
- wds_playInterval_<?php echo $wds; ?> = setInterval(function () {
3205
- var curr_img_index = parseInt(jQuery('#wds_current_image_key_<?php echo $wds; ?>').val());
3206
- if ('<?php echo $slider_loop; ?>' == 0) {
3207
- if (<?php echo $twoway_slideshow; ?>) {
3208
- if (wds_global_btn_<?php echo $wds; ?> == "left") {
3209
- if (curr_img_index == 0) {
3210
- return false;
3211
- }
3212
- }
3213
- else {
3214
- if (curr_img_index == <?php echo $slides_count - 1; ?>) {
3215
- return false;
3216
- }
3217
- }
3218
- }
3219
- else {
3220
- if (curr_img_index == <?php echo $slides_count - 1; ?>) {
3221
- return false;
3222
- }
3223
- }
3224
- }
3225
- var curr_img_id = wds_data_<?php echo $wds; ?>[parseInt(jQuery('#wds_current_image_key_<?php echo $wds; ?>').val())]["id"];
3226
- video_is_playing_<?php echo $wds; ?> = false;
3227
- jQuery("#wds_image_id_<?php echo $wds; ?>_" + curr_img_id).find("video").each(function() {
3228
- if (!this.paused) {
3229
- video_is_playing_<?php echo $wds; ?> = true;
3230
- }
3231
- });
3232
- jQuery("#wds_image_id_<?php echo $wds; ?>_" + curr_img_id).find("iframe[type='youtube']").each(function() {
3233
- player = youtube_iframes_ids_<?php echo $wds; ?>.indexOf(this.id);
3234
- if (typeof youtube_iframes_<?php echo $wds; ?>[player] != "undefined") {
3235
- if (typeof youtube_iframes_<?php echo $wds; ?>[player].getPlayerState == "function") {
3236
- if (youtube_iframes_<?php echo $wds; ?>[player].getPlayerState() == 1) {
3237
- video_is_playing_<?php echo $wds; ?> = true;
3238
- }
3239
- }
3240
- }
3241
- });
3242
- iframe_message_sent_<?php echo $wds; ?> = 0;
3243
- iframe_message_received_<?php echo $wds; ?> = 0;
3244
- jQuery("#wds_image_id_<?php echo $wds; ?>_" + curr_img_id).find("iframe[type='vimeo']").each(function() {
3245
- jQuery(this)[0].contentWindow.postMessage('{ "method": "paused" }', "*");
3246
- iframe_message_sent_<?php echo $wds; ?> = iframe_message_sent_<?php echo $wds; ?> + 1;
3247
- });
3248
- function wds_call_change() {
3249
- if (!video_is_playing_<?php echo $wds; ?>) {
3250
- var iterator = 1;
3251
- var img_index = (parseInt(jQuery('#wds_current_image_key_<?php echo $wds; ?>').val()) + iterator) % wds_data_<?php echo $wds; ?>.length;
3252
- if (<?php echo $enable_slideshow_shuffle; ?>) {
3253
- iterator = Math.floor((wds_data_<?php echo $wds; ?>.length - 1) * Math.random() + 1);
3254
- }
3255
- else if (<?php echo $twoway_slideshow; ?>) {
3256
- if (wds_global_btn_<?php echo $wds; ?> == "left") {
3257
- iterator = -1;
3258
- img_index = (parseInt(jQuery('#wds_current_image_key_<?php echo $wds; ?>').val()) + iterator) >= 0 ? (parseInt(jQuery('#wds_current_image_key_<?php echo $wds; ?>').val()) + iterator) % wds_data_<?php echo $wds; ?>.length : wds_data_<?php echo $wds; ?>.length - 1;
3259
- }
3260
- }
3261
- wds_change_image_<?php echo $wds; ?>(parseInt(jQuery('#wds_current_image_key_<?php echo $wds; ?>').val()), img_index, wds_data_<?php echo $wds; ?>);
3262
- <?php if ( $carousel ) { ?>
3263
- wds_carousel<?php echo $wds; ?>.next();
3264
- <?php } ?>
3265
- }
3266
- }
3267
- function wds_check_message_received() {
3268
- return iframe_message_sent_<?php echo $wds; ?> == iframe_message_received_<?php echo $wds; ?> ? true : false;
3269
- }
3270
- function wds_call(wds_condition, wds_callback) {
3271
- if (wds_condition()) {
3272
- wds_callback();
3273
- }
3274
- else {
3275
- setTimeout(function () {
3276
- wds_call(wds_condition, wds_callback);
3277
- }, 10);
3278
- }
3279
- }
3280
- wds_call(wds_check_message_received, wds_call_change);
3281
- }, parseInt('<?php echo ($slideshow_interval * 1000); ?>') + wds_duration_for_change_<?php echo $wds; ?>);
3282
- }
3283
- function wds_callbackItems(callbackList, slide_id) {
3284
- var key = jQuery(".wds_slideshow_image_<?php echo $wds; ?>[data-image-id='" + slide_id + "']").attr('data-image-key');
3285
- switch (callbackList) {
3286
- case 'SlidePlay':
3287
- wds_play_pause_<?php echo $wds; ?>('play');
3288
- break;
3289
- case 'SlidePause':
3290
- wds_play_pause_<?php echo $wds; ?>('pause');
3291
- break;
3292
- case 'SlidePlayPause':
3293
- wds_play_pause_<?php echo $wds; ?>();
3294
- break;
3295
- case 'SlideNext':
3296
- wds_change_image_<?php echo $wds; ?>(parseInt(jQuery('#wds_current_image_key_<?php echo $wds; ?>').val()), (parseInt(jQuery('#wds_current_image_key_<?php echo $wds; ?>').val()) + wds_iterator_<?php echo $wds; ?>()) % wds_data_<?php echo $wds; ?>.length, wds_data_<?php echo $wds; ?>, false, "right");
3297
- <?php if ( $carousel == 1) { ?>
3298
- wds_carousel<?php echo $wds; ?>.next();
3299
- <?php } ?>
3300
- return false;
3301
- break;
3302
- case 'SlidePrevious':
3303
- wds_change_image_<?php echo $wds; ?>(parseInt(jQuery('#wds_current_image_key_<?php echo $wds; ?>').val()), (parseInt(jQuery('#wds_current_image_key_<?php echo $wds; ?>').val()) - wds_iterator_<?php echo $wds; ?>()) >= 0 ? (parseInt(jQuery('#wds_current_image_key_<?php echo $wds; ?>').val()) - wds_iterator_<?php echo $wds; ?>()) % wds_data_<?php echo $wds; ?>.length : wds_data_<?php echo $wds; ?>.length - 1, wds_data_<?php echo $wds; ?>, false, "left");
3304
- <?php if ( $carousel == 1 ) { ?>
3305
- wds_carousel<?php echo $wds; ?>.prev();
3306
- <?php } ?>
3307
- return false;
3308
- break;
3309
- case 'SlideLink':
3310
- wds_change_image_<?php echo $wds; ?>(parseInt(jQuery('#wds_current_image_key_<?php echo $wds; ?>').val()), parseInt(key), wds_data_<?php echo $wds; ?>);
3311
- <?php if ( $carousel == 1) { ?>
3312
- wds_carousel<?php echo $wds; ?>.shift(jQuery('.wds_slider_car_image<?php echo $wds; ?>[data-image-id=' + slide_id + ']'));
3313
- <?php } ?>
3314
- return false;
3315
- break;
3316
- case 'PlayMusic':
3317
- document.getElementById("wds_audio_<?php echo $wds; ?>").play();
3318
- break;
3319
- }
3320
- }
3321
 
3322
- jQuery(window).focus(function() {
3323
- if (!jQuery(".wds_ctrl_btn_<?php echo $wds; ?>").hasClass("fa-play")) {
3324
- if (<?php echo $enable_slideshow_autoplay; ?>) {
3325
- play_<?php echo $wds; ?>();
3326
- <?php if ( $carousel ) { ?>
3327
- wds_carousel<?php echo $wds; ?>.start();
3328
- <?php } ?>
3329
- if ('<?php echo $slider->timer_bar_type; ?>' != 'none') {
3330
- if ('<?php echo $slider->timer_bar_type; ?>' != 'top') {
3331
- if ('<?php echo $slider->timer_bar_type; ?>' != 'bottom') {
3332
- if (typeof circle_timer_animate_<?php echo $wds; ?> !== 'undefined') {
3333
- circle_timer_animate_<?php echo $wds; ?>.stop();
3334
- }
3335
- circle_timer_<?php echo $wds; ?>(curent_time_deggree_<?php echo $wds; ?>);
3336
- }
3337
- }
3338
- }
3339
- }
3340
- }
3341
- <?php if ( !$carousel ) { ?>
3342
- var i_<?php echo $wds; ?> = 0;
3343
- jQuery(".wds_slider_<?php echo $wds; ?>").children("span").each(function () {
3344
- if (jQuery(this).css('opacity') == 1) {
3345
- jQuery("#wds_current_image_key_<?php echo $wds; ?>").val(i_<?php echo $wds; ?>);
3346
- }
3347
- i_<?php echo $wds; ?>++;
3348
- });
3349
- <?php } ?>
3350
- });
3351
- jQuery(window).blur(function() {
3352
- wds_event_stack_<?php echo $wds; ?> = [];
3353
- window.clearInterval(wds_playInterval_<?php echo $wds; ?>);
3354
- if (typeof jQuery().stop !== 'undefined') {
3355
- if (jQuery.isFunction(jQuery().stop)) {
3356
- if ('<?php echo $slider->timer_bar_type; ?>' == 'top' || '<?php echo $slider->timer_bar_type; ?>' == 'bottom') {
3357
- jQuery(".wds_line_timer_<?php echo $wds; ?>").stop();
3358
- <?php if ( $carousel ) { ?>
3359
- wds_carousel<?php echo $wds; ?>.pause();
3360
- <?php } ?>
3361
- }
3362
- else if ('<?php echo $slider->timer_bar_type; ?>' != 'none') {
3363
- circle_timer_animate_<?php echo $wds; ?>.stop();
3364
- <?php if ( $carousel ) { ?>
3365
- wds_carousel<?php echo $wds; ?>.pause();
3366
- <?php } ?>
3367
- }
3368
- }
3369
- }
3370
- });
3371
- jQuery(window).resize(function () {
3372
- wds_resize_slider_<?php echo $wds; ?>();
3373
- <?php if(isset($callback_items["onSliderR"])) echo $callback_items["onSliderR"]; ?>
3374
- });
3375
 
3376
- <?php if ( $carousel ) { ?>
3377
- var wds_currentlyMoving<?php echo $wds; ?>;
3378
- var wds_currentCenterNum<?php echo $wds; ?>;
3379
- var wds_carousel<?php echo $wds; ?>;
3380
- function wds_carousel_params<?php echo $wds; ?>() {
3381
- var width, height;
3382
- var slide_orig_width = <?php echo $image_width; ?>;
3383
- var slide_orig_height = <?php echo $image_height; ?>;
3384
- var slide_width = wds_get_overall_parent(jQuery("#wds_container1_<?php echo $wds; ?>"));
3385
- var par = 1, par1 = 1;
3386
- var ratio = slide_width / slide_orig_width;
3387
- var full_width = (jQuery(window).width() <= parseInt(<?php echo $slider->full_width_for_mobile; ?>) || <?php echo $slider->full_width; ?>) ? 1 : 0;
3388
- if (full_width) {
3389
- ratio = jQuery(window).width() / slide_orig_width;
3390
- slide_orig_width = jQuery(window).width() - (2 * wds_glb_margin_<?php echo $wds; ?>);
3391
- slide_orig_height = <?php echo $image_height; ?> * slide_orig_width / <?php echo $image_width; ?>;
3392
- slide_width = jQuery(window).width() - (2 * wds_glb_margin_<?php echo $wds; ?>);
3393
- wds_full_width_<?php echo $wds; ?>();
3394
- }
3395
- else if (parseInt(<?php echo $slider->full_width_for_mobile ?>)) {
3396
- jQuery(".wds_slideshow_image_wrap_<?php echo $wds; ?>").removeAttr("style");
3397
- }
3398
- var slide_height = slide_orig_height;
3399
- if (slide_orig_width > slide_width) {
3400
- slide_height = Math.floor(slide_width * slide_orig_height / slide_orig_width);
3401
- }
3402
- width = slide_width;
3403
- height = slide_height;
3404
- var larg_width,img_height,parF=1;
3405
- if (width < <?php echo $carousel_width; ?>) {
3406
- par = width / <?php echo $carousel_width; ?>;
3407
- }
3408
- par1 = <?php echo $image_height; ?> * par / height;
3409
- if (width < <?php echo $carousel_width; ?>) {
3410
- jQuery(".wds_slideshow_image_wrap_<?php echo $wds; ?>, #wds_container2_<?php echo $wds; ?>").height(height * par1+ <?php echo ($filmstrip_direction == 'horizontal' ? $filmstrip_height : 0); ?>);
3411
- jQuery(".wds_slideshow_image_container_<?php echo $wds; ?>").height(height * par1);
3412
- jQuery(".wds_btn_cont wds_contTableCell<?php echo $wds; ?>").height(height * par1 );
3413
- jQuery(".wds_slide_container_<?php echo $wds; ?>").height(height * par1);
3414
- }
3415
- if (full_width) {
3416
- var parF = parseFloat("<?php echo $carousel_image_parameters; ?>");
3417
- parF = isNaN( parF ) ? 1 : parF;
3418
- parF *= <?php echo $image_width; ?>;
3419
- jQuery(".wds_slideshow_image_wrap_<?php echo $wds; ?>, #wds_container2_<?php echo $wds; ?>").height(height *par1+<?php echo ($filmstrip_direction == 'horizontal' ? $filmstrip_height : 0); ?>);
3420
- jQuery(".wds_slideshow_image_container_<?php echo $wds; ?>").height(height * par1);
3421
- jQuery(".wds_btn_cont wds_contTableCell<?php echo $wds; ?>").height(height* par1);
3422
- jQuery(".wds_slide_container_<?php echo $wds; ?>").height(height * par1);
3423
- }
3424
- <?php
3425
- if ($carousel_image_counts > $slides_count ) {
3426
- $carousel_image_counts = $slides_count;
3427
- }
3428
- if ($carousel_image_parameters > 1) {
3429
- $carousel_image_parameters = 1;
3430
- }
3431
- $interval = 0;
3432
- if ( $enable_slideshow_autoplay == TRUE ) {
3433
- $interval = $slideshow_interval;
3434
- }
3435
- ?>
3436
- var slideshow_filmstrip_container_width = '<?php echo $filmstrip_direction; ?>' == 'horizontal' ? 0 : jQuery( ".wds_slideshow_filmstrip_container_<?php echo $wds; ?>").width();
3437
- jQuery(".wds_slideshow_dots_container_<?php echo $wds; ?>").css({width: (<?php echo $image_width; ?> * par),left:(width -<?php echo $image_width; ?> * par - slideshow_filmstrip_container_width) / 2});
3438
- var orig_width = <?php echo $image_width; ?>;
3439
- var img_width = Math.min(larg_width, orig_width);
3440
- wds_carousel<?php echo $wds; ?> = jQuery(".wds_slide_container_<?php echo $wds; ?>").featureCarouselslider({
3441
- containerWidth: width,
3442
- containerHeight: height,
3443
- largeFeatureWidth: <?php echo $image_width; ?> * par,
3444
- largeFeatureHeight: <?php echo $image_height; ?> * par,
3445
- fit_containerWidth: <?php echo $carousel_fit_containerWidth; ?>,
3446
- smallFeaturePar: <?php echo $carousel_image_parameters; ?>,
3447
- featuresArray: [],
3448
- timeoutVar: null,
3449
- rotationsRemaining: 0,
3450
- parametr: par,
3451
- parf: parF,
3452
- data: wds_data_<?php echo $wds; ?>,
3453
- autoPlay: <?php echo $interval * 1000; ?>,
3454
- interval: <?php echo $slideshow_interval * 1000; ?>,
3455
- imagecount: <?php echo $carousel_image_counts; ?>,
3456
- wds_number: <?php echo $wds; ?>,
3457
- startingFeature: wds_currentCenterNum<?php echo $wds; ?>,
3458
- carouselSpeed: wds_transition_duration_<?php echo $wds; ?>,
3459
- carousel_degree: <?php echo $carousel_degree ?>,
3460
- carousel_grayscale: <?php echo $carousel_grayscale ?>,
3461
- carousel_transparency: <?php echo $carousel_transparency ?>,
3462
- borderWidth: 0
3463
- });
3464
- }
3465
- jQuery(document).ready(function() {
3466
- wds_currentlyMoving<?php echo $wds; ?> = false;
3467
- wds_currentCenterNum<?php echo $wds; ?> = <?php echo $slider->start_slide_num; ?>;
3468
- jQuery(".wds_left-ico_<?php echo $wds; ?>").click(function () {
3469
- wds_carousel<?php echo $wds; ?>.prev();
3470
- });
3471
- jQuery(".wds_right-ico_<?php echo $wds; ?>").click(function () {
3472
- wds_carousel<?php echo $wds; ?>.next();
3473
- });
3474
- });
3475
- jQuery(window).resize(function() {
3476
- if ( !wds_object.is_free ) {
3477
- wds_carousel_params<?php echo $wds; ?>();
3478
- wds_carousel<?php echo $wds; ?>.pause();
3479
- if (!jQuery(".wds_ctrl_btn_<?php echo $wds; ?>").hasClass("fa-play")) {
3480
- wds_carousel<?php echo $wds; ?>.start();
3481
  }
 
 
3482
  }
3483
- });
3484
- jQuery(window).on('load', function() {
3485
- if ( !wds_object.is_free ) {
3486
- wds_carousel_params<?php echo $wds; ?>();
3487
- wds_display_hotspot();
3488
- wds_hotspot_position();
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
3489
  }
3490
- });
3491
- <?php } ?>
3492
- <?php
3493
- $js_content = ob_get_clean();
3494
- clearstatcache();
3495
- return $js_content;
3496
- }
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
3497
 
3498
  /**
3499
  * @param $id
@@ -3598,10 +1350,10 @@ class WDW_S_Library {
3598
  height: <?php echo 100 * $thumb_size ?>%;
3599
  }
3600
  #wds_container1_<?php echo $wds; ?> #wds_container2_<?php echo $wds; ?> {
 
3601
  text-align: <?php echo $slider_row->align; ?>;
3602
- margin: <?php echo $slider_row->glb_margin; ?>px <?php echo $slider_row->full_width ? 0 : ''; ?>;
3603
  visibility: hidden;
3604
- <?php echo $slider_row->full_width ? 'position: relative;' : ''; ?>
3605
  }
3606
  #wds_container1_<?php echo $wds; ?> #wds_container2_<?php echo $wds; ?> .wds_slideshow_image_wrap_<?php echo $wds; ?>,
3607
  #wds_container1_<?php echo $wds; ?> #wds_container2_<?php echo $wds; ?> .wds_slideshow_image_wrap_<?php echo $wds; ?> * {
@@ -3617,11 +1369,11 @@ class WDW_S_Library {
3617
  border-radius: <?php echo $slider_row->glb_border_radius; ?>;
3618
  border-collapse: collapse;
3619
  display: inline-block;
3620
- position: <?php echo $slider_row->full_width ? 'absolute' : 'relative'; ?>;
3621
  text-align: center;
3622
  width: 100%;
3623
  <?php
3624
- if (!$carousel) {
3625
  ?>
3626
  max-width: <?php echo $image_width; ?>px;
3627
  <?php
@@ -3631,17 +1383,16 @@ class WDW_S_Library {
3631
  overflow: hidden;
3632
  z-index: 0;
3633
  }
3634
-
3635
- #wds_container1_<?php echo $wds; ?> #wds_container2_<?php echo $wds; ?> .wds_slideshow_image_<?php echo $wds; ?> {
 
 
 
3636
  padding: 0 !important;
3637
  margin: 0 !important;
3638
- float: none !important;
3639
  vertical-align: middle;
3640
- background-position: <?php echo ($smart_crop == '1' && ($slider_row->bg_fit == 'cover' || $slider_row->bg_fit == 'contain')) ? $crop_image_position : 'center center'; ?>;
3641
- background-repeat: no-repeat;
3642
- background-size: <?php echo $slider_row->bg_fit; ?>;
3643
- width: 100%;
3644
- }
3645
  #wds_container1_<?php echo $wds; ?> #wds_container2_<?php echo $wds; ?> .wds_slideshow_image_<?php echo $wds; ?> video {
3646
  padding: 0 !important;
3647
  margin: 0 !important;
@@ -3649,19 +1400,17 @@ class WDW_S_Library {
3649
  background-position: center center;
3650
  background-repeat: no-repeat;
3651
  }
3652
- #wds_container1_<?php echo $wds; ?> #wds_container2_<?php echo $wds; ?> .wds_slideshow_image_<?php echo $wds; ?>>video {
3653
- background-size: <?php echo $slider_row->bg_fit; ?>;
3654
- }
3655
- #wds_container1_<?php echo $wds; ?> #wds_container2_<?php echo $wds; ?> .wds_slideshow_image_container_<?php echo $wds; ?> {
3656
  display: /*table*/block;
3657
  position: absolute;
3658
  text-align: center;
3659
- <?php echo $filmstrip_position; ?>: <?php echo ($filmstrip_direction == 'horizontal' ? $filmstrip_height_in_percent . '%' : $filmstrip_width_in_percent . '%'); ?>;
3660
  vertical-align: middle;
 
 
 
3661
  width: <?php echo 100 - ($filmstrip_direction == 'vertical' ? $filmstrip_width_in_percent : 0); ?>%;
3662
  height: <?php echo 100 - ($filmstrip_direction == 'horizontal' ? $filmstrip_height_in_percent : 0); ?>%;
3663
  }
3664
-
3665
  <?php
3666
  foreach ($resolutions as $key => $resolution) {
3667
  if ($key) {
@@ -3684,7 +1433,7 @@ class WDW_S_Library {
3684
  position: absolute;
3685
  width: <?php echo $media_pp_butt_size; ?>px;
3686
  height: <?php echo $media_pp_butt_size; ?>px;
3687
- background-image: url('<?php echo addslashes(htmlspecialchars_decode ($slider_row->play_butt_url, ENT_QUOTES)); ?>');
3688
  background-position: center center;
3689
  background-repeat: no-repeat;
3690
  background-size: cover;
@@ -3700,7 +1449,7 @@ class WDW_S_Library {
3700
  }
3701
  .wds_bigplay_<?php echo $wds; ?>:hover,
3702
  .wds_bigplay_layer:hover {
3703
- background: url('<?php echo addslashes(htmlspecialchars_decode($slider_row->play_butt_hov_url, ENT_QUOTES)); ?>' ) no-repeat;
3704
  width: <?php echo $media_pp_butt_size; ?>px;
3705
  height: <?php echo $media_pp_butt_size; ?>px;
3706
  background-position: center center;
@@ -3748,6 +1497,7 @@ class WDW_S_Library {
3748
  padding: 0 !important;
3749
  margin: 0 !important;
3750
  float: none !important;
 
3751
  width: 100%;
3752
  vertical-align: middle;
3753
  display: inline-block;
@@ -3943,10 +1693,12 @@ class WDW_S_Library {
3943
  ?>padding-left: <?php echo $slider_row->film_tmb_margin; ?>px;<?php
3944
  }
3945
  elseif ($slider_row->film_pos == 'top') {
3946
- ?>padding-bottom: <?php echo $slider_row->film_tmb_margin; ?>px;<?php
 
3947
  }
3948
  elseif ($slider_row->film_pos == 'bottom') {
3949
- ?>padding-top: <?php echo $slider_row->film_tmb_margin; ?>px;<?php
 
3950
  }
3951
  ?>
3952
  position: absolute;
@@ -4042,9 +1794,9 @@ class WDW_S_Library {
4042
  }
4043
  #wds_container1_<?php echo $wds; ?> #wds_container2_<?php echo $wds; ?> .wds_slideshow_filmstrip_left_<?php echo $wds; ?> i,
4044
  #wds_container1_<?php echo $wds; ?> #wds_container2_<?php echo $wds; ?> .wds_slideshow_filmstrip_right_<?php echo $wds; ?> i {
4045
- color: #<?php echo $slider_row->film_bg_color; ?>;
4046
  display: table-cell;
4047
- font-size: 20px;
4048
  vertical-align: middle;
4049
  opacity: 0;
4050
  filter: Alpha(opacity=0);
@@ -4353,96 +2105,166 @@ class WDW_S_Library {
4353
  }
4354
  <?php
4355
  }
4356
- echo $slider_row->css;
4357
- foreach ($slide_rows as $key => $slide_row) {
4358
- if (isset($layers_rows[$slide_row->id]) && !empty($layers_rows[$slide_row->id])) {
4359
- foreach ($layers_rows[$slide_row->id] as $key => $layer) {
4360
- if ($layer->published) {
4361
- $prefix = 'wds_' . $wds . '_slide' . $slide_row->id . '_layer' . $layer->id;
4362
- switch ($layer->type) {
4363
- case 'text': {
4364
- ?>
4365
- #wds_container1_<?php echo $wds; ?> #wds_container2_<?php echo $wds; ?> #<?php echo $prefix; ?> {
4366
- font-size: <?php echo $layer->size; ?>px;
4367
- line-height: 1.25em;
4368
- padding: <?php echo $layer->padding; ?>;
4369
- }
4370
- #wds_container1_<?php echo $wds; ?> #wds_container2_<?php echo $wds; ?> .wds_layer_<?php echo $layer->id; ?>{
4371
- opacity: <?php echo ($layer->layer_effect_in != 'none') ? '0 !important' : '1'; ?>;
4372
- filter: "Alpha(opacity=<?php echo ($layer->layer_effect_in != 'none') ? '0' : '100'; ?>)" !important;
4373
- }
4374
- #wds_container1_<?php echo $wds; ?> #wds_container2_<?php echo $wds; ?> #<?php echo $prefix; ?>:hover {
4375
- color: #<?php echo $layer->hover_color_text; ?> !important;
4376
- }
4377
- <?php
4378
- break;
4379
- }
4380
- case 'image': {
4381
- ?>
4382
- #wds_container1_<?php echo $wds; ?> #wds_container2_<?php echo $wds; ?> .wds_layer_<?php echo $layer->id; ?>{
4383
- opacity: <?php echo ($layer->layer_effect_in != 'none') ? '0 !important' : '1'; ?>;
4384
- filter: "Alpha(opacity=<?php echo ($layer->layer_effect_in != 'none') ? '0' : '100'; ?>)" !important;
4385
- }
4386
- <?php
4387
- break;
4388
- }
4389
- case 'video': {
4390
- ?>
4391
- #wds_container1_<?php echo $wds; ?> #wds_container2_<?php echo $wds; ?> .wds_layer_<?php echo $layer->id; ?> {
4392
- opacity: <?php echo ($layer->layer_effect_in != 'none') ? '0 !important' : '1'; ?>;
4393
- filter: "Alpha(opacity=<?php echo ($layer->layer_effect_in != 'none') ? '0' : '100'; ?>)" !important;
4394
- }
4395
- <?php
4396
- break;
4397
- }
4398
- case 'upvideo': {
4399
- ?>
4400
- #wds_container1_<?php echo $wds; ?> #wds_container2_<?php echo $wds; ?> .wds_layer_<?php echo $layer->id; ?> {
4401
- opacity: <?php echo ($layer->layer_effect_in != 'none') ? '0 !important' : '1'; ?>;
4402
- filter: "Alpha(opacity=<?php echo ($layer->layer_effect_in != 'none') ? '0' : '100'; ?>)" !important;
4403
- }
4404
- <?php
4405
- break;
4406
- }
4407
- case 'social': {
4408
- ?>
4409
- #wds_container1_<?php echo $wds; ?> #wds_container2_<?php echo $wds; ?> #<?php echo $prefix; ?> {
4410
- font-size: <?php echo $layer->size; ?>px;
4411
- padding: <?php echo $layer->padding; ?>;
4412
- }
4413
- #wds_container1_<?php echo $wds; ?> #wds_container2_<?php echo $wds; ?> .wds_layer_<?php echo $layer->id; ?> {
4414
- opacity: <?php echo ($layer->layer_effect_in != 'none') ? '0 !important' : '1'; ?>;
4415
- filter: "Alpha(opacity=<?php echo ($layer->layer_effect_in != 'none') ? '0' : '100'; ?>)" !important;
4416
- }
4417
- #wds_container1_<?php echo $wds; ?> #wds_container2_<?php echo $wds; ?> #<?php echo $prefix; ?>:hover {
4418
- color: #<?php echo $layer->hover_color; ?> !important;
4419
- }
4420
- <?php
4421
- break;
4422
- }
4423
- case 'hotspots': {
4424
- ?>
4425
- #wds_container1_<?php echo $wds; ?> #wds_container2_<?php echo $wds; ?> #<?php echo $prefix; ?> {
4426
- font-size: <?php echo $layer->size; ?>px;
4427
- line-height: 1.25em;
4428
- padding: <?php echo $layer->padding; ?>;
4429
- }
4430
- #wds_container1_<?php echo $wds; ?> #wds_container2_<?php echo $wds; ?> .wds_layer_<?php echo $layer->id; ?>_div{
4431
- opacity: <?php echo ($layer->layer_effect_in != 'none') ? '0 !important' : '1'; ?>;
4432
- filter: "Alpha(opacity=<?php echo ($layer->layer_effect_in != 'none') ? '0' : '100'; ?>)" !important;
4433
- }
4434
- <?php
4435
- break;
4436
- }
4437
- default:
4438
- break;
4439
- }
4440
- }
4441
- }
4442
- }
4443
- }
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
4444
  $css_content = ob_get_clean();
4445
  clearstatcache();
4446
  return $css_content;
4447
  }
4448
  }
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
941
  return $bool;
942
  }
943
 
944
+ /**
945
+ *
946
+ * @param array $slider
947
+ * @param array $slides
948
+ * @param array $layers_rows
949
+ * @param int $wds
950
+ * @return string $js_content
951
+ *
952
+ */
953
+ public static function create_js( $slider, $slides, $layers_rows, $wds, $current_key ) {
954
+ $image_right_click = $slider->image_right_click;
955
+ $callback_items = isset($slider->javascript) ? json_decode(htmlspecialchars_decode($slider->javascript, ENT_COMPAT | ENT_QUOTES), TRUE) : array();
956
+ $bull_hover = isset($slider->bull_hover) ? $slider->bull_hover : 1;
957
+ $bull_position = $slider->bull_position;
958
+ $bull_style_active = str_replace('-o', '', $slider->bull_style);
959
+ $bull_style_deactive = $slider->bull_style;
960
+
961
+ $image_width = $slider->width;
962
+ $image_height = $slider->height;
963
+ $slides_count = count($slides);
964
+ $slideshow_effect = $slider->effect == 'zoomFade' ? 'fade' : $slider->effect;
965
+ $slideshow_interval = $slider->time_intervval;
966
+
967
+ $enable_slideshow_shuffle = $slider->shuffle;
968
+ $enable_prev_next_butt = $slider->prev_next_butt;
969
+ $mouse_swipe_nav = isset($slider->mouse_swipe_nav) ? $slider->mouse_swipe_nav : 0;
970
+ $touch_swipe_nav = isset($slider->touch_swipe_nav) ? $slider->touch_swipe_nav : 1;
971
+ $mouse_wheel_nav = isset($slider->mouse_wheel_nav) ? $slider->mouse_wheel_nav : 0;
972
+ $keyboard_nav = isset($slider->keyboard_nav) ? $slider->keyboard_nav : 0;
973
+ $enable_play_paus_butt = $slider->play_paus_butt;
974
+
975
+ if (!$enable_prev_next_butt && !$enable_play_paus_butt) {
976
+ $enable_slideshow_autoplay = 1;
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
977
  }
978
+ else {
979
+ $enable_slideshow_autoplay = $slider->autoplay;
 
 
 
 
 
 
 
 
 
980
  }
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
981
 
982
+ $autoplay = 0;
983
+ if ($enable_slideshow_autoplay && !$enable_play_paus_butt && ($slides_count > 1)) {
984
+ $autoplay = 1;
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
985
  }
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
986
 
987
+ $navigation = 4000;
988
+ if ($slider->navigation == 'always') {
989
+ $navigation = 0;
990
+ }
991
 
992
+ $enable_slideshow_music = $slider->music;
993
+ $slideshow_music_url = $slider->music_url;
994
+ $filmstrip_direction = ($slider->film_pos == 'right' || $slider->film_pos == 'left') ? 'vertical' : 'horizontal';
995
+ $filmstrip_position = $slider->film_pos;
996
+ $filmstrip_thumb_margin_hor = $slider->film_tmb_margin;
997
+ if ($filmstrip_position != 'none') {
998
+ if ($filmstrip_direction == 'horizontal') {
999
+ $filmstrip_width = $slider->film_thumb_width;
1000
+ $filmstrip_height = $slider->film_thumb_height;
1001
+ }
1002
+ else {
1003
+ $filmstrip_width = $slider->film_thumb_width;
1004
+ $filmstrip_height = $slider->film_thumb_height;
1005
+ }
1006
  }
1007
+ else {
1008
+ $filmstrip_width = 0;
1009
+ $filmstrip_height = 0;
1010
+ }
1011
+ $left_or_top = 'left';
1012
+ $width_or_height = 'width';
1013
+ $outerWidth_or_outerHeight = 'outerWidth';
1014
+ if (!($filmstrip_direction == 'horizontal')) {
1015
+ $left_or_top = 'top';
1016
+ $width_or_height = 'height';
1017
+ $outerWidth_or_outerHeight = 'outerHeight';
 
 
1018
  }
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1019
 
1020
+ $slide_ids = array();
1021
+ foreach ($slides as $slide) {
1022
+ $slide_ids[] = $slide->id;
1023
+ }
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1024
 
1025
+ if ($slider->start_slide_num == 0) {
1026
+ $current_image_id = $slide_ids[array_rand($slide_ids)];
1027
+ $start_slide_num = array_search($current_image_id, $slide_ids);
1028
+ }
1029
+ else {
1030
+ if ($slider->start_slide_num > 0 && $slider->start_slide_num <= $slides_count) {
1031
+ $start_slide_num = $slider->start_slide_num - 1;
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1032
  }
1033
+ else {
1034
+ $start_slide_num = 0;
1035
  }
1036
+ }
1037
+ $parallax_effect = $slider->parallax_effect;
1038
+ $carousel = isset($slider->carousel) ? $slider->carousel : FALSE;
1039
+ $auto_height = isset($slider->auto_height) ? $slider->auto_height : FALSE;
1040
+ $carousel_image_parameters = $slider->carousel_image_parameters;
1041
+ $carousel_image_counts = $slider->carousel_image_counts;
1042
+ $carousel_fit_containerWidth = $slider->carousel_fit_containerWidth;
1043
+ $carousel_width = $slider->carousel_width;
1044
+ $preload_images = $slider->carousel ? FALSE : $slider->preload_images;
1045
+
1046
+ $smart_crop = isset($slider->smart_crop) ? $slider->smart_crop : 0;
1047
+ $crop_image_position = isset($slider->crop_image_position) ? $slider->crop_image_position : 'center center';
1048
+ $carousel_degree = isset($slider->carousel_degree) ? $slider->carousel_degree : 0;
1049
+ $carousel_grayscale = isset($slider->carousel_grayscale) ? $slider->carousel_grayscale : 0;
1050
+ $carousel_transparency = isset($slider->carousel_transparency) ? $slider->carousel_transparency : 0;
1051
+ $slider_loop = isset($slider->slider_loop) ? $slider->slider_loop : 1;
1052
+ $twoway_slideshow = isset($slider->twoway_slideshow) ? (int) $slider->twoway_slideshow : 0;
1053
+ $fixed_bg = (isset($slider->fixed_bg) && !$carousel) ? $slider->fixed_bg : 0;
1054
+ $current_image_url = '';
1055
+ ob_start();
1056
+ ?>
1057
+ var wds_glb_margin_<?php echo $wds; ?> = parseInt(<?php echo $slider->glb_margin; ?>);
1058
+ var wds_data_<?php echo $wds; ?> = [];
1059
+ var wds_event_stack_<?php echo $wds; ?> = [];
1060
+ var wds_clear_layers_effects_in_<?php echo $wds; ?> = [];
1061
+ var wds_clear_layers_effects_out_<?php echo $wds; ?> = [];
1062
+ var wds_clear_layers_effects_out_before_change_<?php echo $wds; ?> = [];
1063
+ <?php if ( $slider->layer_out_next ) { ?>
1064
+ var wds_duration_for_change_<?php echo $wds; ?> = 500;
1065
+ var wds_duration_for_clear_effects_<?php echo $wds; ?> = 530;
1066
+ <?php } else { ?>
1067
+ var wds_duration_for_change_<?php echo $wds; ?> = 0;
1068
+ var wds_duration_for_clear_effects_<?php echo $wds; ?> = 0;
1069
+ <?php }
1070
+ foreach ($slides as $key => $slide_row) {
1071
+ ?>
1072
+ wds_clear_layers_effects_in_<?php echo $wds; ?>["<?php echo $key; ?>"] = [];
1073
+ wds_clear_layers_effects_out_<?php echo $wds; ?>["<?php echo $key; ?>"] = [];
1074
+ wds_clear_layers_effects_out_before_change_<?php echo $wds; ?>["<?php echo $key; ?>"] = [];
1075
+ wds_data_<?php echo $wds; ?>["<?php echo $key; ?>"] = [];
1076
+ wds_data_<?php echo $wds; ?>["<?php echo $key; ?>"]["id"] = "<?php echo $slide_row->id; ?>";
1077
+ wds_data_<?php echo $wds; ?>["<?php echo $key; ?>"]["image_url"] = "<?php echo addslashes(htmlspecialchars_decode($slide_row->image_url, ENT_QUOTES)); ?>";
1078
+ wds_data_<?php echo $wds; ?>["<?php echo $key; ?>"]["thumb_url"] = "<?php echo addslashes(htmlspecialchars_decode($slide_row->thumb_url, ENT_QUOTES)); ?>";
1079
+ wds_data_<?php echo $wds; ?>["<?php echo $key; ?>"]["is_video"] = "<?php echo $slide_row->type; ?>";
1080
+ wds_data_<?php echo $wds; ?>["<?php echo $key; ?>"]["slide_layers_count"] = 0;
1081
+ wds_data_<?php echo $wds; ?>["<?php echo $key; ?>"]["target_attr_slide"] = "<?php echo $slide_row->target_attr_slide; ?>";
1082
+ wds_data_<?php echo $wds; ?>["<?php echo $key; ?>"]["link"] = "<?php echo $slide_row->link; ?>";
1083
+ wds_data_<?php echo $wds; ?>["<?php echo $key; ?>"]["bull_position"] = "<?php echo $bull_position; ?>";
1084
+
1085
+ wds_data_<?php echo $wds; ?>["<?php echo $key; ?>"]["width"] = "<?php echo $slide_row->att_width; ?>";
1086
+ wds_data_<?php echo $wds; ?>["<?php echo $key; ?>"]["height"] = "<?php echo $slide_row->att_height; ?>";
1087
+ wds_data_<?php echo $wds; ?>["<?php echo $key; ?>"]["fillmode"] = "<?php echo $slide_row->fillmode; ?>";
1088
+ wds_data_<?php echo $wds; ?>["<?php echo $key; ?>"]["image_thumb_url"] = "<?php echo is_numeric($slide_row->thumb_url) ? (wp_get_attachment_url(get_post_thumbnail_id($slide_row->thumb_url)) ? wp_get_attachment_url(get_post_thumbnail_id($slide_row->thumb_url)) : WD_S_URL . '/images/no-video.png' ): htmlspecialchars_decode($slide_row->thumb_url,ENT_QUOTES) ?>";
1089
+ <?php
1090
+ if (isset($layers_rows[$slide_row->id]) && !empty($layers_rows[$slide_row->id])) {
1091
+ foreach ($layers_rows[$slide_row->id] as $layer_key => $layer) {
1092
+ if (!isset($layer->align_layer)) {
1093
+ $layer->align_layer = 0;
1094
+ }
1095
+ if (!isset($layer->infinite_in)) {
1096
+ $layer->infinite_in = 1;
1097
+ }
1098
+ if (!isset($layer->infinite_out)) {
1099
+ $layer->infinite_out = 1;
1100
+ }
1101
+ if (!isset($layer->min_size)) {
1102
+ $layer->min_size = 11;
1103
+ }
1104
+ ?>
1105
+ wds_data_<?php echo $wds; ?>["<?php echo $key; ?>"]["layer_<?php echo $layer_key; ?>_id"] = "<?php echo $layer->id; ?>";
1106
+ wds_data_<?php echo $wds; ?>["<?php echo $key; ?>"]["layer_<?php echo $layer_key; ?>_layer_effect_in"] = "<?php echo $layer->layer_effect_in; ?>";
1107
+ wds_data_<?php echo $wds; ?>["<?php echo $key; ?>"]["layer_<?php echo $layer_key; ?>_duration_eff_in"] = "<?php echo $layer->duration_eff_in; ?>";
1108
+ wds_data_<?php echo $wds; ?>["<?php echo $key; ?>"]["layer_<?php echo $layer_key; ?>_layer_effect_out"] = "<?php echo $layer->layer_effect_out; ?>";
1109
+ wds_data_<?php echo $wds; ?>["<?php echo $key; ?>"]["layer_<?php echo $layer_key; ?>_duration_eff_out"] = "<?php echo $layer->duration_eff_out; ?>";
1110
+ wds_data_<?php echo $wds; ?>["<?php echo $key; ?>"]["layer_<?php echo $layer_key; ?>_social_button"] = "<?php echo $layer->social_button; ?>";
1111
+ wds_data_<?php echo $wds; ?>["<?php echo $key; ?>"]["layer_<?php echo $layer_key; ?>_start"] = "<?php echo $layer->start; ?>";
1112
+ wds_data_<?php echo $wds; ?>["<?php echo $key; ?>"]["layer_<?php echo $layer_key; ?>_end"] = "<?php echo $layer->end; ?>";
1113
+ wds_data_<?php echo $wds; ?>["<?php echo $key; ?>"]["layer_<?php echo $layer_key; ?>_type"] = "<?php echo $layer->type; ?>";
1114
+ wds_data_<?php echo $wds; ?>["<?php echo $key; ?>"]["layer_<?php echo $layer_key; ?>_video_autoplay"] = "<?php echo $layer->image_scale; ?>";
1115
+ wds_data_<?php echo $wds; ?>["<?php echo $key; ?>"]["layer_<?php echo $layer_key; ?>_controls"] = "<?php echo $layer->target_attr_layer; ?>";
1116
+ wds_data_<?php echo $wds; ?>["<?php echo $key; ?>"]["layer_<?php echo $layer_key; ?>_attr_width"] = "<?php echo $layer->attr_width; ?>";
1117
+ wds_data_<?php echo $wds; ?>["<?php echo $key; ?>"]["layer_<?php echo $layer_key; ?>_attr_height"] = "<?php echo $layer->attr_height; ?>";
1118
+ wds_data_<?php echo $wds; ?>["<?php echo $key; ?>"]["layer_<?php echo $layer_key; ?>_align_layer"] = "<?php echo $layer->align_layer; ?>";
1119
+ wds_data_<?php echo $wds; ?>["<?php echo $key; ?>"]["slide_layers_count"] ++;
1120
+ wds_data_<?php echo $wds; ?>["<?php echo $key; ?>"]["layer_<?php echo $layer_key; ?>_infinite_in"] = "<?php echo $layer->infinite_in; ?>";
1121
+ wds_data_<?php echo $wds; ?>["<?php echo $key; ?>"]["layer_<?php echo $layer_key; ?>_infinite_out"] = "<?php echo $layer->infinite_out; ?>";
1122
+ <?php
1123
+ }
1124
  }
1125
+ }
1126
+ ?>
1127
+ var wds_global_btn_<?php echo $wds; ?> = "right";
1128
+ var wds_trans_in_progress_<?php echo $wds; ?> = false;
1129
+ var video_is_playing_<?php echo $wds; ?> = false;
1130
+ var iframe_message_sent_<?php echo $wds; ?> = 0;
1131
+ var iframe_message_received_<?php echo $wds; ?> = 0;
1132
+ var wds_transition_duration_<?php echo $wds; ?> = <?php echo $slider->effect_duration; ?>;
1133
+ var youtube_iframes_<?php echo $wds; ?> = [];
1134
+ var youtube_iframes_ids_<?php echo $wds; ?> = [];
1135
+ if (<?php echo $slideshow_interval; ?> < 4) {
1136
+ if (<?php echo $slideshow_interval; ?> != 0) {
1137
+ wds_transition_duration_<?php echo $wds; ?> = (<?php echo $slideshow_interval; ?> * 1000) / 4;
1138
+ }
1139
+ }
1140
+ var wds_playInterval_<?php echo $wds; ?>;
1141
+ var progress = 0;
1142
+ var bottom_right_deggree_<?php echo $wds; ?>;
1143
+ var bottom_left_deggree_<?php echo $wds; ?>;
1144
+ var top_left_deggree_<?php echo $wds; ?>;
1145
+ var curent_time_deggree_<?php echo $wds; ?> = 0;
1146
+ var circle_timer_animate_<?php echo $wds; ?>;
1147
+
1148
+
1149
+ /* Stop autoplay.*/
1150
+ window.clearInterval(wds_playInterval_<?php echo $wds; ?>);
1151
+ var wds_current_key_<?php echo $wds; ?> = '<?php echo (isset($current_key) ? $current_key : ''); ?>';
1152
+ var wds_current_filmstrip_pos_<?php echo $wds; ?> = wds_current_key_<?php echo $wds; ?> * jQuery(".wds_slideshow_filmstrip_thumbnails_<?php echo $wds; ?>").<?php echo $width_or_height; ?>() / <?php echo $slides_count; ?>;
1153
+ var callback_items = new Array();
1154
+ <?php
1155
+ if ( !empty($callback_items) ) {
1156
+ foreach ( $callback_items as $key => $val ) { ?>
1157
+ callback_items.push('<?php echo $val; ?>');
1158
+ <?php }
1159
+ }
1160
+ ?>
1161
+ var wds_param = {
1162
+ wds : <?php echo $wds; ?>,
1163
+ carousel : <?php echo $carousel; ?>,
1164
+ autoplay : <?php echo $autoplay; ?>,
1165
+ youtube_iframes_ids : youtube_iframes_ids_<?php echo $wds; ?>,
1166
+ youtube_iframes : youtube_iframes_<?php echo $wds; ?>,
1167
+ wds_data : wds_data_<?php echo $wds; ?>,
1168
+ wds_trans_in_progress : wds_trans_in_progress_<?php echo $wds; ?>,
1169
+ wds_event_stack : wds_event_stack_<?php echo $wds; ?>,
1170
+ wds_current_key : wds_current_key_<?php echo $wds; ?>,
1171
+ enable_slideshow_autoplay : <?php echo $enable_slideshow_autoplay; ?>,
1172
+ twoway_slideshow : <?php echo $twoway_slideshow; ?>,
1173
+ wds_global_btn_wds : wds_global_btn_<?php echo $wds; ?>,
1174
+ wds_playInterval : wds_playInterval_<?php echo $wds; ?>,
1175
+ preload_images : '<?php echo $preload_images; ?>',
1176
+ wds_clear_layers_effects_out_before_change : wds_clear_layers_effects_out_before_change_<?php echo $wds; ?>,
1177
+ wds_clear_layers_effects_out : wds_clear_layers_effects_out_<?php echo $wds; ?>,
1178
+ layer_out_next : <?php echo $slider->layer_out_next; ?>,
1179
+ timer_bar_type : '<?php echo $slider->timer_bar_type; ?>',
1180
+ bull_butt_img_or_not : '<?php echo $slider->bull_butt_img_or_not; ?>',
1181
+ wds_transition_duration : wds_transition_duration_<?php echo $wds; ?>,
1182
+ bull_style_active : '<?php echo $bull_style_active; ?>',
1183
+ bull_style_deactive : '<?php echo $bull_style_deactive; ?>',
1184
+ width_or_height : '<?php echo $width_or_height; ?>',
1185
+ circle_timer_animate : circle_timer_animate_<?php echo $wds; ?>,
1186
+ filmstrip_position : '<?php echo $filmstrip_position; ?>',
1187
+ slides_count : <?php echo $slides_count; ?>,
1188
+ bull_position : '<?php echo $bull_position; ?>',
1189
+ parallax_effect : '<?php echo $parallax_effect; ?>',
1190
+ wds_clear_layers_effects_in : wds_clear_layers_effects_in_<?php echo $wds; ?>,
1191
+ slider_effect : '<?php echo $slider->effect; ?>',
1192
+ fixed_bg : '<?php echo $fixed_bg; ?>',
1193
+ smart_crop : '<?php echo $smart_crop; ?>',
1194
+ crop_image_position : '<?php echo $crop_image_position; ?>',
1195
+ left_or_top : '<?php echo $left_or_top; ?>',
1196
+ outerWidth_or_outerHeight : '<?php echo $outerWidth_or_outerHeight; ?>',
1197
+ slideshow_interval : '<?php echo $slideshow_interval; ?>',
1198
+ slider_loop : '<?php echo $slider_loop; ?>',
1199
+ wds_play_pause_state : 0,
1200
+ curent_time_deggree : curent_time_deggree_<?php echo $wds; ?>,
1201
+ enable_slideshow_music : <?php echo $enable_slideshow_music; ?>,
1202
+ slideshow_music_url : '<?php echo $slideshow_music_url; ?>',
1203
+ wds_duration_for_change : wds_duration_for_change_<?php echo $wds; ?>,
1204
+ enable_slideshow_shuffle : <?php echo $enable_slideshow_shuffle; ?>,
1205
+ wds_slideshow_effect : 'wds_<?php echo $slideshow_effect; ?>',
1206
+ glb_border_radius : '<?php echo $slider->glb_border_radius; ?>',
1207
+ wds_current_filmstrip_pos : wds_current_filmstrip_pos_<?php echo $wds; ?>,
1208
+ callback_items : callback_items,
1209
+ full_width_for_mobile : <?php echo $slider->full_width_for_mobile ?>,
1210
+ full_width : <?php echo $slider->full_width ?>,
1211
+ wds_glb_margin : 'wds_glb_margin_<?php echo $wds; ?>',
1212
+ glb_margin : <?php echo $slider->glb_margin ?>,
1213
+ image_width : <?php echo $image_width ?>,
1214
+ image_height : <?php echo $image_height ?>,
1215
+ filmstrip_direction : '<?php echo $filmstrip_direction ?>',
1216
+ filmstrip_width : <?php echo $filmstrip_width ?>,
1217
+ filmstrip_height : <?php echo $filmstrip_height ?>,
1218
+ auto_height : <?php echo $auto_height ?>,
1219
+ carousel_width : <?php echo $carousel_width ?>,
1220
+ stop_animation : <?php echo $slider->stop_animation ?>,
1221
+ filmstrip_thumb_margin_hor : <?php echo $filmstrip_thumb_margin_hor ?>,
1222
+ image_right_click : <?php echo $image_right_click ?>,
1223
+ iframe_message_received : 'iframe_message_received_<?php echo $wds; ?>',
1224
+ video_is_playing : video_is_playing_<?php echo $wds; ?>,
1225
+ mouse_wheel_nav : <?php echo $mouse_wheel_nav; ?>,
1226
+ start_slide_num : <?php echo $start_slide_num; ?>,
1227
+ start_slide_num_car : <?php echo $slider->start_slide_num; ?>,
1228
+ wds_duration_for_clear_effects : wds_duration_for_clear_effects_<?php echo $wds; ?>,
1229
+ carousel_image_counts : <?php echo $carousel_image_counts; ?>,
1230
+ carousel_image_parameters : '<?php echo $carousel_image_parameters; ?>',
1231
+ carousel_fit_containerWidth : <?php echo $carousel_fit_containerWidth; ?>,
1232
+ carousel_degree : <?php echo $carousel_degree; ?>,
1233
+ carousel_grayscale : <?php echo $carousel_grayscale; ?>,
1234
+ carousel_transparency : <?php echo $carousel_transparency; ?>,
1235
+ navigation : <?php echo $navigation; ?>,
1236
+ bull_hover : <?php echo $bull_hover; ?>,
1237
+ current_image_url : '<?php echo $current_image_url; ?>',
1238
+ }
1239
+ wds_params.push(wds_param);
1240
+
1241
+
1242
+ <?php
1243
+ $js_content = ob_get_clean();
1244
+ clearstatcache();
1245
+
1246
+ return $js_content;
1247
+ }
1248
+
1249
 
1250
  /**
1251
  * @param $id
1350
  height: <?php echo 100 * $thumb_size ?>%;
1351
  }
1352
  #wds_container1_<?php echo $wds; ?> #wds_container2_<?php echo $wds; ?> {
1353
+ margin: <?php echo $slider_row->glb_margin; ?>px <?php echo ($slider_row->full_width == '1') ? 0 : ''; ?>;
1354
  text-align: <?php echo $slider_row->align; ?>;
 
1355
  visibility: hidden;
1356
+ <?php echo ($slider_row->full_width == '1') ? 'position: relative; z-index: 1;' : ''; ?>
1357
  }
1358
  #wds_container1_<?php echo $wds; ?> #wds_container2_<?php echo $wds; ?> .wds_slideshow_image_wrap_<?php echo $wds; ?>,
1359
  #wds_container1_<?php echo $wds; ?> #wds_container2_<?php echo $wds; ?> .wds_slideshow_image_wrap_<?php echo $wds; ?> * {
1369
  border-radius: <?php echo $slider_row->glb_border_radius; ?>;
1370
  border-collapse: collapse;
1371
  display: inline-block;
1372
+ position: <?php echo ($slider_row->full_width == '1') ? 'absolute' : 'relative'; ?>;
1373
  text-align: center;
1374
  width: 100%;
1375
  <?php
1376
+ if (!$carousel && $slider_row->full_width != '2') {
1377
  ?>
1378
  max-width: <?php echo $image_width; ?>px;
1379
  <?php
1383
  overflow: hidden;
1384
  z-index: 0;
1385
  }
1386
+
1387
+ #wds_container1_<?php echo $wds; ?> #wds_container2_<?php echo $wds; ?> .wds_slideshow_image_<?php echo $wds; ?> {
1388
+ width: 100%;
1389
+ height: 100%;
1390
+ float: none !important;
1391
  padding: 0 !important;
1392
  margin: 0 !important;
 
1393
  vertical-align: middle;
1394
+ }
1395
+
 
 
 
1396
  #wds_container1_<?php echo $wds; ?> #wds_container2_<?php echo $wds; ?> .wds_slideshow_image_<?php echo $wds; ?> video {
1397
  padding: 0 !important;
1398
  margin: 0 !important;
1400
  background-position: center center;
1401
  background-repeat: no-repeat;
1402
  }
1403
+ #wds_container1_<?php echo $wds; ?> #wds_container2_<?php echo $wds; ?> .wds_slideshow_image_container_<?php echo $wds; ?> {
 
 
 
1404
  display: /*table*/block;
1405
  position: absolute;
1406
  text-align: center;
 
1407
  vertical-align: middle;
1408
+ <?php if ($filmstrip_position != 'none') {
1409
+ echo $filmstrip_position .':'. ($filmstrip_direction == 'horizontal' ? $filmstrip_height_in_percent : $filmstrip_width_in_percent ) .'%;';
1410
+ } ?>
1411
  width: <?php echo 100 - ($filmstrip_direction == 'vertical' ? $filmstrip_width_in_percent : 0); ?>%;
1412
  height: <?php echo 100 - ($filmstrip_direction == 'horizontal' ? $filmstrip_height_in_percent : 0); ?>%;
1413
  }
 
1414
  <?php
1415
  foreach ($resolutions as $key => $resolution) {
1416
  if ($key) {
1433
  position: absolute;
1434
  width: <?php echo $media_pp_butt_size; ?>px;
1435
  height: <?php echo $media_pp_butt_size; ?>px;
1436
+ background-image: url('<?php echo WD_S_URL ?>/images/button/button3/2/1.png');
1437
  background-position: center center;
1438
  background-repeat: no-repeat;
1439
  background-size: cover;
1449
  }
1450
  .wds_bigplay_<?php echo $wds; ?>:hover,
1451
  .wds_bigplay_layer:hover {
1452
+ background: url('<?php echo WD_S_URL ?>/images/button/button3/2/2.png') no-repeat;
1453
  width: <?php echo $media_pp_butt_size; ?>px;
1454
  height: <?php echo $media_pp_butt_size; ?>px;
1455
  background-position: center center;
1497
  padding: 0 !important;
1498
  margin: 0 !important;
1499
  float: none !important;
1500
+ height: 100%;
1501
  width: 100%;
1502
  vertical-align: middle;
1503
  display: inline-block;
1693
  ?>padding-left: <?php echo $slider_row->film_tmb_margin; ?>px;<?php
1694
  }
1695
  elseif ($slider_row->film_pos == 'top') {
1696
+ ?>padding-bottom: <?php echo $slider_row->film_tmb_margin; ?>px;
1697
+ left: <?php echo ($filmstrip_container_width_in_percent < 100 ? ((100 - $filmstrip_container_width_in_percent) / 2) . '%' : '0');?>;<?php
1698
  }
1699
  elseif ($slider_row->film_pos == 'bottom') {
1700
+ ?>padding-top: <?php echo $slider_row->film_tmb_margin; ?>px;
1701
+ left: <?php echo ($filmstrip_container_width_in_percent < 100 ? ((100 - $filmstrip_container_width_in_percent) / 2) . '%' : '0');?>;<?php
1702
  }
1703
  ?>
1704
  position: absolute;
1794
  }
1795
  #wds_container1_<?php echo $wds; ?> #wds_container2_<?php echo $wds; ?> .wds_slideshow_filmstrip_left_<?php echo $wds; ?> i,
1796
  #wds_container1_<?php echo $wds; ?> #wds_container2_<?php echo $wds; ?> .wds_slideshow_filmstrip_right_<?php echo $wds; ?> i {
1797
+ color: #fff;
1798
  display: table-cell;
1799
+ font-size: 30px;
1800
  vertical-align: middle;
1801
  opacity: 0;
1802
  filter: Alpha(opacity=0);
2105
  }
2106
  <?php
2107
  }
2108
+ echo $slider_row->css;
2109
+ foreach ($slide_rows as $key => $slide_row) {
2110
+ $fillmode = 'fill';
2111
+ if ( !empty($slider_row->bg_fit) ) {
2112
+ if ( $slider_row->bg_fit == 'cover') {
2113
+ $fillmode = 'fill';
2114
+ }
2115
+ if ( $slider_row->bg_fit == '100% 100%') {
2116
+ $fillmode = 'stretch';
2117
+ }
2118
+ if ( $slider_row->bg_fit == 'contain') {
2119
+ $fillmode = 'fit';
2120
+ }
2121
+ }
2122
+ $slide_row->fillmode = empty($slide_row->fillmode) ? $fillmode : $slide_row->fillmode;
2123
+ $background_size = 'cover';
2124
+ if( !empty($slide_row->fillmode) && $slide_row->fillmode == 'fit') {
2125
+ $background_size = 'contain';
2126
+ }
2127
+ ?>
2128
+ #wds_container1_<?php echo $wds; ?> #wds_container2_<?php echo $wds; ?> #wds_image_id_<?php echo $wds .'_'. $slide_row->id; ?> .wds_slideshow_image_<?php echo $wds; ?> {
2129
+ <?php if( !empty($slide_row->fillmode) && $slide_row->fillmode == 'fill') { ?>
2130
+ background-size: cover;
2131
+ background-position: center center;
2132
+ background-repeat: no-repeat;
2133
+ <?php } ?>
2134
+ <?php if( !empty($slide_row->fillmode) && $slide_row->fillmode == 'fit') { ?>
2135
+ background-size: contain;
2136
+ background-position: center center;
2137
+ background-repeat: no-repeat;
2138
+ <?php } ?>
2139
+ <?php if( !empty($slide_row->fillmode) && $slide_row->fillmode == 'stretch') { ?>
2140
+ background-size: 100% 100%;
2141
+ background-position: 100% 100%;
2142
+ background-repeat: no-repeat;
2143
+ <?php } ?>
2144
+ <?php if( !empty($slide_row->fillmode) && $slide_row->fillmode == 'center') { ?>
2145
+ background-size: unset;
2146
+ background-position: center center;
2147
+ background-repeat: no-repeat;
2148
+ <?php } ?>
2149
+ <?php if( !empty($slide_row->fillmode) && $slide_row->fillmode == 'tile') { ?>
2150
+ background-size: unset;
2151
+ background-position: unset;
2152
+ background-repeat: repeat;
2153
+ <?php } ?>
2154
+ }
2155
+ #wds_container1_<?php echo $wds; ?> #wds_container2_<?php echo $wds; ?> #wds_image_id_<?php echo $wds .'_'. $slide_row->id; ?> .wds_slideshow_image_<?php echo $wds; ?> > video {
2156
+ background-size: <?php echo $background_size ?>;
2157
+ }
2158
+ <?php
2159
+ if (isset($layers_rows[$slide_row->id]) && !empty($layers_rows[$slide_row->id])) {
2160
+ foreach ($layers_rows[$slide_row->id] as $key => $layer) {
2161
+ if ($layer->published) {
2162
+ $prefix = 'wds_' . $wds . '_slide' . $slide_row->id . '_layer' . $layer->id;
2163
+ switch ($layer->type) {
2164
+ case 'text': {
2165
+ ?>
2166
+ #wds_container1_<?php echo $wds; ?> #wds_container2_<?php echo $wds; ?> #<?php echo $prefix; ?> {
2167
+ font-size: <?php echo $layer->size; ?>px;
2168
+ line-height: 1.25em;
2169
+ padding: <?php echo $layer->padding; ?>;
2170
+ }
2171
+ #wds_container1_<?php echo $wds; ?> #wds_container2_<?php echo $wds; ?> .wds_layer_<?php echo $layer->id; ?>{
2172
+ opacity: <?php echo ($layer->layer_effect_in != 'none') ? '0 !important' : '1'; ?>;
2173
+ filter: "Alpha(opacity=<?php echo ($layer->layer_effect_in != 'none') ? '0' : '100'; ?>)" !important;
2174
+ }
2175
+ #wds_container1_<?php echo $wds; ?> #wds_container2_<?php echo $wds; ?> #<?php echo $prefix; ?>:hover {
2176
+ color: #<?php echo $layer->hover_color_text; ?> !important;
2177
+ }
2178
+ <?php
2179
+ break;
2180
+ }
2181
+ case 'image': {
2182
+ ?>
2183
+ #wds_container1_<?php echo $wds; ?> #wds_container2_<?php echo $wds; ?> .wds_layer_<?php echo $layer->id; ?>{
2184
+ opacity: <?php echo ($layer->layer_effect_in != 'none') ? '0 !important' : '1'; ?>;
2185
+ filter: "Alpha(opacity=<?php echo ($layer->layer_effect_in != 'none') ? '0' : '100'; ?>)" !important;
2186
+ }
2187
+ <?php
2188
+ break;
2189
+ }
2190
+ case 'video': {
2191
+ ?>
2192
+ #wds_container1_<?php echo $wds; ?> #wds_container2_<?php echo $wds; ?> .wds_layer_<?php echo $layer->id; ?> {
2193
+ opacity: <?php echo ($layer->layer_effect_in != 'none') ? '0 !important' : '1'; ?>;
2194
+ filter: "Alpha(opacity=<?php echo ($layer->layer_effect_in != 'none') ? '0' : '100'; ?>)" !important;
2195
+ }
2196
+ <?php
2197
+ break;
2198
+ }
2199
+ case 'upvideo': {
2200
+ ?>
2201
+ #wds_container1_<?php echo $wds; ?> #wds_container2_<?php echo $wds; ?> .wds_layer_<?php echo $layer->id; ?> {
2202
+ opacity: <?php echo ($layer->layer_effect_in != 'none') ? '0 !important' : '1'; ?>;
2203
+ filter: "Alpha(opacity=<?php echo ($layer->layer_effect_in != 'none') ? '0' : '100'; ?>)" !important;
2204
+ }
2205
+ <?php
2206
+ break;
2207
+ }
2208
+ case 'social': {
2209
+ ?>
2210
+ #wds_container1_<?php echo $wds; ?> #wds_container2_<?php echo $wds; ?> #<?php echo $prefix; ?> {
2211
+ font-size: <?php echo $layer->size; ?>px;
2212
+ padding: <?php echo $layer->padding; ?>;
2213
+ }
2214
+ #wds_container1_<?php echo $wds; ?> #wds_container2_<?php echo $wds; ?> .wds_layer_<?php echo $layer->id; ?> {
2215
+ opacity: <?php echo ($layer->layer_effect_in != 'none') ? '0 !important' : '1'; ?>;
2216
+ filter: "Alpha(opacity=<?php echo ($layer->layer_effect_in != 'none') ? '0' : '100'; ?>)" !important;
2217
+ }
2218
+ #wds_container1_<?php echo $wds; ?> #wds_container2_<?php echo $wds; ?> #<?php echo $prefix; ?>:hover {
2219
+ color: #<?php echo $layer->hover_color; ?> !important;
2220
+ }
2221
+ <?php
2222
+ break;
2223
+ }
2224
+ case 'hotspots': {
2225
+ ?>
2226
+ #wds_container1_<?php echo $wds; ?> #wds_container2_<?php echo $wds; ?> #<?php echo $prefix; ?> {
2227
+ font-size: <?php echo $layer->size; ?>px;
2228
+ line-height: 1.25em;
2229
+ padding: <?php echo $layer->padding; ?>;
2230
+ }
2231
+ #wds_container1_<?php echo $wds; ?> #wds_container2_<?php echo $wds; ?> .wds_layer_<?php echo $layer->id; ?>_div{
2232
+ opacity: <?php echo ($layer->layer_effect_in != 'none') ? '0 !important' : '1'; ?>;
2233
+ filter: "Alpha(opacity=<?php echo ($layer->layer_effect_in != 'none') ? '0' : '100'; ?>)" !important;
2234
+ }
2235
+ <?php
2236
+ break;
2237
+ }
2238
+ default:
2239
+ break;
2240
+ }
2241
+ }
2242
+ }
2243
+ }
2244
+ }
2245
  $css_content = ob_get_clean();
2246
  clearstatcache();
2247
  return $css_content;
2248
  }
2249
  }
2250
+
2251
+ /*
2252
+ * Rre.
2253
+ *
2254
+ * @param array $data
2255
+ * @param boolean $e
2256
+ *
2257
+ * @return string $data
2258
+ */
2259
+ if (!function_exists('pre')) {
2260
+ function pre($data = false, $e = false)
2261
+ {
2262
+ $bt = debug_backtrace();
2263
+ $caller = array_shift($bt);
2264
+ print "<pre><xmp>";
2265
+ print_r($data);
2266
+ print "\r\n Called in : " . $caller['file'] . ", At line:" . $caller['line'];
2267
+ echo "</xmp></pre>\n";
2268
+ if ($e) { exit; }
2269
+ }
2270
+ }
frontend/views/WDSViewSlider.php CHANGED
@@ -15,12 +15,13 @@ class WDSViewSlider {
15
  wp_enqueue_script('wds_jquery_mobile');
16
  wp_enqueue_script('wds_jquery_featureCarouselslider');
17
  wp_enqueue_script('wds_hotspot');
 
18
  wp_enqueue_script('wds_frontend');
19
  wp_enqueue_script('wds_youtube');
20
  }
21
 
22
  public function display( $id, $from_shortcode = 0, $wds = 0 ) {
23
- require_once(WD_S_DIR . '/framework/WDW_S_Library.php');
24
  if ( !WD_S_FREE ) {
25
  require_once(WD_S_DIR . '/framework/WDW_S_LibraryEmbed.php');
26
  }
@@ -43,11 +44,10 @@ class WDSViewSlider {
43
  return;
44
  }
45
 
 
46
  $image_width = $slider_row->width;
47
  $image_height = $slider_row->height;
48
-
49
  $slides_count = count($slide_rows);
50
-
51
  $enable_slideshow_shuffle = $slider_row->shuffle;
52
  $enable_prev_next_butt = $slider_row->prev_next_butt;
53
  $show_thumbnail = isset($slider_row->show_thumbnail) ? $slider_row->show_thumbnail : 0;
@@ -72,7 +72,7 @@ class WDSViewSlider {
72
  $filmstrip_height = 0;
73
  }
74
 
75
- if ($enable_slideshow_shuffle || ($slider_row->start_slide_num == 0)) {
76
  $slide_ids = array();
77
  foreach ($slide_rows as $slide_row) {
78
  $slide_ids[] += $slide_row->id;
@@ -106,7 +106,7 @@ class WDSViewSlider {
106
  echo '<style id="wd-slider-' . $wds .'">' . $style . '</style>';
107
  }
108
  ?>
109
- <div id="wds_container1_<?php echo $wds; ?>">
110
  <div class="wds_loading">
111
  <div class="wds_loading_img"></div>
112
  </div>
@@ -126,17 +126,18 @@ class WDSViewSlider {
126
  $current_key = $key;
127
  }
128
  if ($slide_row->type == 'video') {
129
- $thumb_url = is_numeric($slide_row->thumb_url) ? (wp_get_attachment_url(get_post_thumbnail_id($slide_row->thumb_url)) ? wp_get_attachment_url(get_post_thumbnail_id($slide_row->thumb_url)) : '' ): $slide_row->thumb_url;
 
130
  }
131
  else {
132
  $thumb_url = $slide_row->thumb_url;
133
  }
134
  ?>
135
  <div id="wds_filmstrip_thumbnail_<?php echo $key; ?>_<?php echo $wds; ?>" class="wds_slideshow_filmstrip_thumbnail_<?php echo $wds; ?> <?php echo (($slide_row->id == $current_image_id) ? 'wds_slideshow_thumb_active_' . $wds : 'wds_slideshow_thumb_deactive_' . $wds); ?>">
136
- <div onclick="wds_change_image_<?php echo $wds; ?>(parseInt(jQuery('#wds_current_image_key_<?php echo $wds; ?>').val()), '<?php echo $key; ?>', wds_data_<?php echo $wds; ?>);
137
  <?php
138
  if ($carousel) {
139
- ?> wds_carousel<?php echo $wds; ?>.shift(jQuery('.wds_slider_car_image<?php echo $wds; ?>[data-image-id=<?php echo $slide_row->id; ?>]'));
140
  <?php
141
  }
142
  ?>"
@@ -168,11 +169,11 @@ class WDSViewSlider {
168
  <i id="wds_dots_<?php echo $key; ?>_<?php echo $wds; ?>"
169
  class="wds_slideshow_dots_<?php echo $wds; ?> fa <?php echo (($slide_row->id == $current_image_id) ? $bull_style_active . ' wds_slideshow_dots_active_' . $wds : $bull_style_deactive . ' wds_slideshow_dots_deactive_' . $wds); ?>"
170
  <?php echo $show_thumbnail == 1 ? 'onmouseover="wds_show_thumb(' . $key . ', ' . $wds . ')"' : ''; ?>
171
- onclick="wds_change_image_<?php echo $wds; ?>(parseInt(jQuery('#wds_current_image_key_<?php echo $wds; ?>').val()), '<?php echo $key; ?>', wds_data_<?php echo $wds; ?>);
172
  <?php
173
  if ($carousel) {
174
- ?>
175
- wds_carousel<?php echo $wds; ?>.shift(jQuery('.wds_slider_car_image<?php echo $wds; ?>[data-image-id=<?php echo $slide_row->id; ?>]'));
176
  <?php
177
  }
178
  ?>">
@@ -184,10 +185,10 @@ class WDSViewSlider {
184
  <span id="wds_dots_<?php echo $key; ?>_<?php echo $wds; ?>"
185
  class="wds_slideshow_dots_<?php echo $wds; ?> <?php echo (($slide_row->id == $current_image_id) ? ' wds_slideshow_dots_active_' . $wds : ' wds_slideshow_dots_deactive_' . $wds); ?>"
186
  <?php echo $show_thumbnail == 1 ? 'onmouseover="wds_show_thumb(' . $key . ', ' . $wds .')"' : ''; ?>
187
- onclick="wds_change_image_<?php echo $wds; ?>(parseInt(jQuery('#wds_current_image_key_<?php echo $wds; ?>').val()), '<?php echo $key; ?>', wds_data_<?php echo $wds; ?>);
188
  <?php
189
  if ($carousel) {
190
- ?> wds_carousel<?php echo $wds; ?>.shift(jQuery('.wds_slider_car_image<?php echo $wds; ?>[data-image-id=<?php echo $slide_row->id; ?>]'));
191
  <?php
192
  }
193
  ?>">
@@ -266,7 +267,7 @@ class WDSViewSlider {
266
  <?php
267
  if ($carousel) {
268
  ?>
269
- onclick="wds_change_image_<?php echo $wds; ?>(parseInt(jQuery('#wds_current_image_key_<?php echo $wds; ?>').val()), '<?php echo $key; ?>', wds_data_<?php echo $wds; ?>); wds_carousel<?php echo $wds; ?>.shift(this);"
270
  <?php
271
  } ?> class="wds_slider_car_image<?php echo $wds; ?> wds_slideshow_image<?php echo $image_div_num; ?>_spun_<?php echo $wds; ?>" id="wds_image_id_<?php echo $wds; ?>_<?php echo $slide_row->id; ?>"
272
  data-image-id="<?php echo $slide_row->id; ?>"
@@ -278,7 +279,7 @@ class WDSViewSlider {
278
  ?>
279
  <span data-img-id="wds_slideshow_image<?php echo $image_div_num; ?>_<?php echo $wds; ?>"
280
  class="wds_slideshow_image_<?php echo $wds; ?>"
281
- onclick="<?php echo $slide_row->link ? 'window.open(\'' . $slide_row->link . '\', \'' . ($slide_row->target_attr_slide ? '_blank' : '_self') . '\')' : ''; ?>"
282
  style="<?php echo $slide_row->link ? 'cursor: pointer;' : ''; ?><?php echo ((!$preload_images || $image_div_num == '') ? "background-image: url('" . ($is_instagram_image ? "//instagram.com/p/" . $slide_row->image_url . "/media/?size=l" : addslashes(htmlspecialchars_decode ($slide_row->image_url,ENT_QUOTES))) . "');" : ""); ?>"
283
  data-image-id="<?php echo $slide_row->id; ?>"
284
  data-image-key="<?php echo $key; ?>">
@@ -286,13 +287,15 @@ class WDSViewSlider {
286
  }
287
  elseif ($is_video == 'video' && !WD_S_FREE) {
288
  $thumb_url = is_numeric($slide_row->thumb_url) ? (wp_get_attachment_url(get_post_thumbnail_id($slide_row->thumb_url)) ? wp_get_attachment_url(get_post_thumbnail_id($slide_row->thumb_url)) : '' ): $slide_row->thumb_url;
289
- ?>
290
  <span data-img-id="wds_slideshow_image<?php echo $image_div_num; ?>_<?php echo $wds; ?>"
291
  class="wds_slideshow_image_<?php echo $wds; ?>"
292
  data-image-id="<?php echo $slide_row->id; ?>"
293
  data-image-key="<?php echo $key; ?>">
294
- <span style="display:<?php echo ($slide_row->target_attr_slide == 1) ? 'none' : 'block'; ?> " class="wds_play_btn_cont" onclick="wds_video_play_pause(wds_slide_<?php echo $wds; ?>_<?php echo $slide_row->id; ?>, <?php echo $wds; ?>)" ><span class="wds_bigplay_<?php echo $wds; ?>"></span></span>
295
- <video poster="<?php echo WD_S_URL . '/images/blank.gif' ?>" style="background-image: url('<?php echo $slide_row->target_attr_slide != 1 ? $thumb_url : ''; ?>');" <?php echo isset($slide_row->video_loop) && $slide_row->video_loop == 1 ? 'loop' : ''; ?> <?php echo $slide_row->target_attr_slide ? 'autoplay' : '' ?> <?php echo $slide_row->link == '1' ? "controls": ""; ?> id="wds_slide_<?php echo $wds; ?>_<?php echo $slide_row->id; ?>">
 
 
296
  <source src="<?php echo $slide_row->image_url; ?>" type="video/mp4" id="wds_source<?php echo $slide_row->id; ?>">
297
  </video>
298
  <?php
@@ -322,7 +325,7 @@ class WDSViewSlider {
322
  <span class="wds_video_hide<?php echo $wds; ?>"></span>
323
  <?php
324
  }
325
- $video_autoplay = ($key == 0 && $slide_row->target_attr_slide) ? 1 : 0;
326
  $video_loop = isset($slide_row->video_loop) ? $slide_row->video_loop : 0;
327
  $youtube_rel_video = isset($slide_row->youtube_rel_video) ? $slide_row->youtube_rel_video : 0;
328
  WDW_S_LibraryEmbed::display_embed($slide_row->type, $slide_row->image_url, array('class' => "wds_video_frame_" . $wds, "data-wds" => $wds, 'allowfullscreen' => "allowfullscreen", 'style' => $embed_style), $video_autoplay, $video_loop, "wds_image_id_" . $wds . "_" . $slide_row->id . "_iframe", $youtube_rel_video);
@@ -389,7 +392,8 @@ class WDSViewSlider {
389
  data-wds-scale="<?php echo $layer->image_scale; ?>"
390
  data-wds-image-width="<?php echo $layer->image_width; ?>"
391
  data-wds-image-height="<?php echo $layer->image_height; ?>"
392
- alt="<?php echo $layer->alt; ?>"
 
393
  title="<?php echo $layer->alt; ?>" />
394
  <?php
395
  break;
@@ -425,7 +429,7 @@ class WDSViewSlider {
425
  border: <?php echo $layer->border_width; ?>px <?php echo $layer->border_style; ?> #<?php echo $layer->border_color; ?>;
426
  border-radius: <?php echo $layer->border_radius; ?>;
427
  box-shadow: <?php echo $layer->shadow; ?>">
428
- <?php echo WDW_S_LibraryEmbed::display_embed($layer->alt, $layer->link, array('class' => "wds_video_layer_frame_" . $wds, "data-wds" => $wds, 'allowfullscreen' => "allowfullscreen", 'style' => $layer_embed_style), 0, 0, $prefix . "_iframe", isset($layer->youtube_rel_layer_video) ? $layer->youtube_rel_layer_video : 0); ?>
429
  </span>
430
  <?php
431
  break;
@@ -447,8 +451,14 @@ class WDSViewSlider {
447
  border: <?php echo $layer->border_width; ?>px <?php echo $layer->border_style; ?> #<?php echo $layer->border_color; ?>;
448
  border-radius: <?php echo $layer->border_radius; ?>;
449
  box-shadow: <?php echo $layer->shadow; ?>">
450
- <span style="display:<?php echo ($layer->image_scale == 'on') ? 'none' : 'block'; ?> " class="wds_play_btn_cont" onclick="wds_video_play_pause_layer(<?php echo $wds ; ?>,<?php echo $slide_row->id ; ?>,<?php echo $layer->id; ?> )" ><span class="wds_bigplay_layer" id="wds_bigplay_layer_<?php echo $wds . '_' . $slide_row->id . '_layer_' . $layer->id; ?>"></span></span>
451
- <video poster="<?php echo WD_S_URL . '/images/blank.gif' ?>" style="background-image: url('<?php echo $layer->image_scale != 'on' ? $layer_image_url : ''; ?>'); -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;" <?php echo $layer->layer_video_loop ? "loop": ""; ?> <?php echo $layer->target_attr_layer == '1' ? "controls ": ""; ?> id="<?php echo 'wds_slide_' . $wds . '_' . $slide_row->id . '_layer_' . $layer->id; ?>">
 
 
 
 
 
 
452
  <source src="<?php echo $layer->link; ?>" type="video/mp4" id="wds_source<?php echo $layer->id; ?>">
453
  </video>
454
  </span>
@@ -576,7 +586,7 @@ class WDSViewSlider {
576
  data-fsize="<?php echo $layer->size; ?>"
577
  data-fmin-size="<?php echo $layer->min_size; ?>"
578
  style="display: none;
579
- word-wrap: <?php echo ($layer->image_scale ? 'normal' : 'break-all'); ?>;
580
  <?php echo $layer->image_width ? 'width: ' . $layer->image_width . 'px; ' : 'white-space: nowrap;'; ?>
581
  <?php echo $layer->image_height ? 'height: ' . $layer->image_height . 'px; ' : ''; ?>
582
  position: absolute;
@@ -621,7 +631,7 @@ class WDSViewSlider {
621
  <div class="wds_btn_cont wds_contTable">
622
  <span class="wds_btn_cont wds_contTableCell" style="position: relative; text-align: left;">
623
  <span class="wds_left_btn_cont">
624
- <span class="wds_left-ico_<?php echo $wds; ?>" onclick="wds_change_image_<?php echo $wds; ?>(parseInt(jQuery('#wds_current_image_key_<?php echo $wds; ?>').val()), (parseInt(jQuery('#wds_current_image_key_<?php echo $wds; ?>').val()) - wds_iterator_<?php echo $wds; ?>()) >= 0 ? (parseInt(jQuery('#wds_current_image_key_<?php echo $wds; ?>').val()) - wds_iterator_<?php echo $wds; ?>()) % wds_data_<?php echo $wds; ?>.length : wds_data_<?php echo $wds; ?>.length - 1, wds_data_<?php echo $wds; ?>, false, 'left'); return false;">
625
  <?php
626
  if ($slider_row->rl_butt_img_or_not == 'style') {
627
  ?>
@@ -638,7 +648,7 @@ class WDSViewSlider {
638
  <div class="wds_btn_cont wds_contTable">
639
  <span class="wds_btn_cont wds_contTableCell" style="position: relative; text-align: right;">
640
  <span class="wds_right_btn_cont">
641
- <span class="wds_right-ico_<?php echo $wds; ?>" onclick="wds_change_image_<?php echo $wds; ?>(parseInt(jQuery('#wds_current_image_key_<?php echo $wds; ?>').val()), (parseInt(jQuery('#wds_current_image_key_<?php echo $wds; ?>').val()) + wds_iterator_<?php echo $wds; ?>()) % wds_data_<?php echo $wds; ?>.length, wds_data_<?php echo $wds; ?>, false, 'right'); return false;">
642
  <?php
643
  if ($slider_row->rl_butt_img_or_not == 'style') {
644
  ?>
@@ -688,9 +698,9 @@ class WDSViewSlider {
688
  </div>
689
  <?php
690
  // Add incline scripts.
691
- $script = WDW_S_Library::create_js( $slider_row, $slide_rows, $layers_rows, $wds );
692
  if ( function_exists('wp_add_inline_script') ) { // Since Wordpress 4.5.0
693
- wp_add_inline_script('wds_frontend', $script);
694
  }
695
  else {
696
  echo '<script id="wd-slider-' . $wds .'">' . $script . '</script>';
15
  wp_enqueue_script('wds_jquery_mobile');
16
  wp_enqueue_script('wds_jquery_featureCarouselslider');
17
  wp_enqueue_script('wds_hotspot');
18
+
19
  wp_enqueue_script('wds_frontend');
20
  wp_enqueue_script('wds_youtube');
21
  }
22
 
23
  public function display( $id, $from_shortcode = 0, $wds = 0 ) {
24
+ require_once(WD_S_DIR . '/framework/WDW_S_Library.php');
25
  if ( !WD_S_FREE ) {
26
  require_once(WD_S_DIR . '/framework/WDW_S_LibraryEmbed.php');
27
  }
44
  return;
45
  }
46
 
47
+ $no_video_image = WD_S_URL . '/images/no-video.png';
48
  $image_width = $slider_row->width;
49
  $image_height = $slider_row->height;
 
50
  $slides_count = count($slide_rows);
 
51
  $enable_slideshow_shuffle = $slider_row->shuffle;
52
  $enable_prev_next_butt = $slider_row->prev_next_butt;
53
  $show_thumbnail = isset($slider_row->show_thumbnail) ? $slider_row->show_thumbnail : 0;
72
  $filmstrip_height = 0;
73
  }
74
 
75
+ if ($slider_row->start_slide_num == 0) {
76
  $slide_ids = array();
77
  foreach ($slide_rows as $slide_row) {
78
  $slide_ids[] += $slide_row->id;
106
  echo '<style id="wd-slider-' . $wds .'">' . $style . '</style>';
107
  }
108
  ?>
109
+ <div id="wds_container1_<?php echo $wds; ?>" class="wds_slider_cont" data-wds="<?php echo $wds; ?>">
110
  <div class="wds_loading">
111
  <div class="wds_loading_img"></div>
112
  </div>
126
  $current_key = $key;
127
  }
128
  if ($slide_row->type == 'video') {
129
+ $video_thumb_url = is_numeric($slide_row->thumb_url) ? (wp_get_attachment_url(get_post_thumbnail_id($slide_row->thumb_url)) ? wp_get_attachment_url(get_post_thumbnail_id($slide_row->thumb_url)) : '' ): $slide_row->thumb_url;
130
+ $thumb_url = empty($video_thumb_url) ? $no_video_image : $video_thumb_url;
131
  }
132
  else {
133
  $thumb_url = $slide_row->thumb_url;
134
  }
135
  ?>
136
  <div id="wds_filmstrip_thumbnail_<?php echo $key; ?>_<?php echo $wds; ?>" class="wds_slideshow_filmstrip_thumbnail_<?php echo $wds; ?> <?php echo (($slide_row->id == $current_image_id) ? 'wds_slideshow_thumb_active_' . $wds : 'wds_slideshow_thumb_deactive_' . $wds); ?>">
137
+ <div onclick="wds_change_image('<?php echo $wds; ?>', parseInt(jQuery('#wds_current_image_key_<?php echo $wds; ?>').val()), '<?php echo $key; ?>', wds_data_<?php echo $wds; ?>);
138
  <?php
139
  if ($carousel) {
140
+ ?> wds_carousel[<?php echo $wds; ?>].shift(jQuery('.wds_slider_car_image<?php echo $wds; ?>[data-image-id=<?php echo $slide_row->id; ?>]'));
141
  <?php
142
  }
143
  ?>"
169
  <i id="wds_dots_<?php echo $key; ?>_<?php echo $wds; ?>"
170
  class="wds_slideshow_dots_<?php echo $wds; ?> fa <?php echo (($slide_row->id == $current_image_id) ? $bull_style_active . ' wds_slideshow_dots_active_' . $wds : $bull_style_deactive . ' wds_slideshow_dots_deactive_' . $wds); ?>"
171
  <?php echo $show_thumbnail == 1 ? 'onmouseover="wds_show_thumb(' . $key . ', ' . $wds . ')"' : ''; ?>
172
+ onclick="wds_change_image('<?php echo $wds; ?>', parseInt(jQuery('#wds_current_image_key_<?php echo $wds; ?>').val()), '<?php echo $key; ?>', wds_params[<?php echo $wds; ?>].wds_data);
173
  <?php
174
  if ($carousel) {
175
+ ?>
176
+ wds_carousel[<?php echo $wds; ?>].shift(jQuery('.wds_slider_car_image<?php echo $wds; ?>[data-image-id=<?php echo $slide_row->id; ?>]'));
177
  <?php
178
  }
179
  ?>">
185
  <span id="wds_dots_<?php echo $key; ?>_<?php echo $wds; ?>"
186
  class="wds_slideshow_dots_<?php echo $wds; ?> <?php echo (($slide_row->id == $current_image_id) ? ' wds_slideshow_dots_active_' . $wds : ' wds_slideshow_dots_deactive_' . $wds); ?>"
187
  <?php echo $show_thumbnail == 1 ? 'onmouseover="wds_show_thumb(' . $key . ', ' . $wds .')"' : ''; ?>
188
+ onclick="wds_change_image('<?php echo $wds; ?>', parseInt(jQuery('#wds_current_image_key_<?php echo $wds; ?>').val()), '<?php echo $key; ?>', wds_params[<?php echo $wds; ?>].wds_data);
189
  <?php
190
  if ($carousel) {
191
+ ?> wds_carousel[<?php echo $wds; ?>].shift(jQuery('.wds_slider_car_image<?php echo $wds; ?>[data-image-id=<?php echo $slide_row->id; ?>]'));
192
  <?php
193
  }
194
  ?>">
267
  <?php
268
  if ($carousel) {
269
  ?>
270
+ onclick="wds_change_image('<?php echo $wds; ?>', parseInt(jQuery('#wds_current_image_key_<?php echo $wds; ?>').val()), '<?php echo $key; ?>', wds_params[<?php echo $wds; ?>].wds_data); wds_carousel[<?php echo $wds; ?>].shift(this);"
271
  <?php
272
  } ?> class="wds_slider_car_image<?php echo $wds; ?> wds_slideshow_image<?php echo $image_div_num; ?>_spun_<?php echo $wds; ?>" id="wds_image_id_<?php echo $wds; ?>_<?php echo $slide_row->id; ?>"
273
  data-image-id="<?php echo $slide_row->id; ?>"
279
  ?>
280
  <span data-img-id="wds_slideshow_image<?php echo $image_div_num; ?>_<?php echo $wds; ?>"
281
  class="wds_slideshow_image_<?php echo $wds; ?>"
282
+ onclick="<?php echo $slide_row->link ? 'wds_slide_redirect_link(event, \'' . $slide_row->link . '\', \'' . ($slide_row->target_attr_slide ? '_blank' : '_self') . '\')' : ''; ?>"
283
  style="<?php echo $slide_row->link ? 'cursor: pointer;' : ''; ?><?php echo ((!$preload_images || $image_div_num == '') ? "background-image: url('" . ($is_instagram_image ? "//instagram.com/p/" . $slide_row->image_url . "/media/?size=l" : addslashes(htmlspecialchars_decode ($slide_row->image_url,ENT_QUOTES))) . "');" : ""); ?>"
284
  data-image-id="<?php echo $slide_row->id; ?>"
285
  data-image-key="<?php echo $key; ?>">
287
  }
288
  elseif ($is_video == 'video' && !WD_S_FREE) {
289
  $thumb_url = is_numeric($slide_row->thumb_url) ? (wp_get_attachment_url(get_post_thumbnail_id($slide_row->thumb_url)) ? wp_get_attachment_url(get_post_thumbnail_id($slide_row->thumb_url)) : '' ): $slide_row->thumb_url;
290
+ ?>
291
  <span data-img-id="wds_slideshow_image<?php echo $image_div_num; ?>_<?php echo $wds; ?>"
292
  class="wds_slideshow_image_<?php echo $wds; ?>"
293
  data-image-id="<?php echo $slide_row->id; ?>"
294
  data-image-key="<?php echo $key; ?>">
295
+ <span style="display:<?php echo ($slide_row->link)?'block':'none'; ?> " class="wds_play_btn_cont" onclick="wds_video_play_pause(<?php echo $wds; ?>, wds_slide_<?php echo $wds; ?>_<?php echo $slide_row->id; ?>)" >
296
+ <span class="wds_bigplay_<?php echo $wds; ?> <?php echo ($slide_row->target_attr_slide)? 'wds_hide':'' ?>"></span>
297
+ </span>
298
+ <video poster="<?php echo WD_S_URL . '/images/blank.gif' ?>" style="background-image: url('<?php echo !empty($thumb_url) ? $thumb_url : $no_video_image ?>');" <?php echo isset($slide_row->video_loop) && $slide_row->video_loop == 1 ? 'loop' : ''; ?> <?php echo $slide_row->link == '1' ? "controls": ""; ?> id="wds_slide_<?php echo $wds; ?>_<?php echo $slide_row->id; ?>">
299
  <source src="<?php echo $slide_row->image_url; ?>" type="video/mp4" id="wds_source<?php echo $slide_row->id; ?>">
300
  </video>
301
  <?php
325
  <span class="wds_video_hide<?php echo $wds; ?>"></span>
326
  <?php
327
  }
328
+ $video_autoplay = ($key == $current_key && $slide_row->target_attr_slide) ? 1 : 0;
329
  $video_loop = isset($slide_row->video_loop) ? $slide_row->video_loop : 0;
330
  $youtube_rel_video = isset($slide_row->youtube_rel_video) ? $slide_row->youtube_rel_video : 0;
331
  WDW_S_LibraryEmbed::display_embed($slide_row->type, $slide_row->image_url, array('class' => "wds_video_frame_" . $wds, "data-wds" => $wds, 'allowfullscreen' => "allowfullscreen", 'style' => $embed_style), $video_autoplay, $video_loop, "wds_image_id_" . $wds . "_" . $slide_row->id . "_iframe", $youtube_rel_video);
392
  data-wds-scale="<?php echo $layer->image_scale; ?>"
393
  data-wds-image-width="<?php echo $layer->image_width; ?>"
394
  data-wds-image-height="<?php echo $layer->image_height; ?>"
395
+ data-wds-image-top="<?php echo $top_percent; ?>"
396
+ alt="<?php echo $layer->alt; ?>"
397
  title="<?php echo $layer->alt; ?>" />
398
  <?php
399
  break;
429
  border: <?php echo $layer->border_width; ?>px <?php echo $layer->border_style; ?> #<?php echo $layer->border_color; ?>;
430
  border-radius: <?php echo $layer->border_radius; ?>;
431
  box-shadow: <?php echo $layer->shadow; ?>">
432
+ <?php echo WDW_S_LibraryEmbed::display_embed($layer->alt, $layer->link, array('class' => "wds_video_layer_frame_" . $wds, "data-wds" => $wds, 'allowfullscreen' => "allowfullscreen", 'style' => $layer_embed_style), 0, 0, $prefix . "_iframe", (isset($layer->image_scale) && $layer->image_scale == "on" ? 1 : 0)); ?>
433
  </span>
434
  <?php
435
  break;
451
  border: <?php echo $layer->border_width; ?>px <?php echo $layer->border_style; ?> #<?php echo $layer->border_color; ?>;
452
  border-radius: <?php echo $layer->border_radius; ?>;
453
  box-shadow: <?php echo $layer->shadow; ?>">
454
+ <span style="display:<?php echo ($layer->target_attr_layer) ? 'block' : 'none'; ?> " class="wds_play_btn_cont" onclick="wds_video_play_pause_layer(event,<?php echo $wds ; ?>,<?php echo $slide_row->id ; ?>,<?php echo $layer->id; ?>)">
455
+ <span style="display:<?php echo ($layer->image_scale == 'on') ? 'none' : 'block'; ?> " class="wds_bigplay_layer" id="wds_bigplay_layer_<?php echo $wds . '_' . $slide_row->id . '_layer_' . $layer->id; ?>" onclick="wds_video_play_pause_layer(event,<?php echo $wds ; ?>,<?php echo $slide_row->id ; ?>,<?php echo $layer->id; ?>)"></span>
456
+ </span>
457
+ <video poster="<?php echo WD_S_URL . '/images/blank.gif' ?>"
458
+ style="background-image: url('<?php echo $layer->image_scale != 'on' ? $layer_image_url : ''; ?>'); -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;"
459
+ <?php echo $layer->layer_video_loop ? "loop": ""; ?>
460
+ <?php echo $layer->target_attr_layer == '1' ? "controls ": ""; ?>
461
+ id="<?php echo 'wds_slide_' . $wds . '_' . $slide_row->id . '_layer_' . $layer->id; ?>">
462
  <source src="<?php echo $layer->link; ?>" type="video/mp4" id="wds_source<?php echo $layer->id; ?>">
463
  </video>
464
  </span>
586
  data-fsize="<?php echo $layer->size; ?>"
587
  data-fmin-size="<?php echo $layer->min_size; ?>"
588
  style="display: none;
589
+ word-wrap: <?php echo ($layer->image_scale ? 'break-all':'normal'); ?>;
590
  <?php echo $layer->image_width ? 'width: ' . $layer->image_width . 'px; ' : 'white-space: nowrap;'; ?>
591
  <?php echo $layer->image_height ? 'height: ' . $layer->image_height . 'px; ' : ''; ?>
592
  position: absolute;
631
  <div class="wds_btn_cont wds_contTable">
632
  <span class="wds_btn_cont wds_contTableCell" style="position: relative; text-align: left;">
633
  <span class="wds_left_btn_cont">
634
+ <span class="wds_left-ico_<?php echo $wds; ?>" onclick="wds_change_image('<?php echo $wds; ?>', parseInt(jQuery('#wds_current_image_key_<?php echo $wds; ?>').val()), (parseInt(jQuery('#wds_current_image_key_<?php echo $wds; ?>').val()) - wds_iterator_wds(<?php echo $wds; ?>)) >= 0 ? (parseInt(jQuery('#wds_current_image_key_<?php echo $wds; ?>').val()) - wds_iterator_wds(<?php echo $wds; ?>)) % wds_params[<?php echo $wds; ?>].wds_data.length : wds_params[<?php echo $wds; ?>].wds_data.length - 1, wds_data_<?php echo $wds; ?>, false, 'left'); return false;">
635
  <?php
636
  if ($slider_row->rl_butt_img_or_not == 'style') {
637
  ?>
648
  <div class="wds_btn_cont wds_contTable">
649
  <span class="wds_btn_cont wds_contTableCell" style="position: relative; text-align: right;">
650
  <span class="wds_right_btn_cont">
651
+ <span class="wds_right-ico_<?php echo $wds; ?>" onclick="wds_change_image('<?php echo $wds; ?>', parseInt(jQuery('#wds_current_image_key_<?php echo $wds; ?>').val()), (parseInt(jQuery('#wds_current_image_key_<?php echo $wds; ?>').val()) + wds_iterator_wds(<?php echo $wds; ?>)) % wds_params[<?php echo $wds; ?>].wds_data.length, wds_params[<?php echo $wds; ?>].wds_data, false, 'right'); return false;">
652
  <?php
653
  if ($slider_row->rl_butt_img_or_not == 'style') {
654
  ?>
698
  </div>
699
  <?php
700
  // Add incline scripts.
701
+ $script = WDW_S_Library::create_js( $slider_row, $slide_rows, $layers_rows, $wds, $current_key );
702
  if ( function_exists('wp_add_inline_script') ) { // Since Wordpress 4.5.0
703
+ wp_add_inline_script('wds_frontend', $script, 'before');
704
  }
705
  else {
706
  echo '<script id="wd-slider-' . $wds .'">' . $script . '</script>';
images/fillmode/center.png ADDED
Binary file
images/fillmode/fill.png ADDED
Binary file
images/fillmode/fit.png ADDED
Binary file
images/fillmode/stretch.png ADDED
Binary file
images/fillmode/tile.png ADDED
Binary file
js/wds.js CHANGED
@@ -9,6 +9,7 @@ jQuery(document).ready(function () {
9
  setDataFormElement();
10
 
11
  hide_dimmension_ratio();
 
12
  });
13
 
14
  jQuery(window).load(function () {
@@ -101,8 +102,9 @@ function wds_spider_ajax_save(form_id, event) {
101
  set_ffamily_value();
102
  var post_data = {};
103
  post_data["task"] = "apply";
104
- if(task == "reset")
105
  post_data["task"] = "reset";
 
106
 
107
  /* Global.*/
108
  post_data["current_id"] = jQuery("#current_id").val();
@@ -119,7 +121,7 @@ function wds_spider_ajax_save(form_id, event) {
119
  slider_data["width"] = jQuery("#width").val();
120
  slider_data["height"] = jQuery("#height").val();
121
  slider_data["full_width"] = jQuery("input[name=full_width]:checked").val();
122
- slider_data["bg_fit"] = jQuery("input[name=bg_fit]:checked").val();
123
  slider_data["align"] = jQuery("#align").val();
124
  slider_data["effect"] = jQuery("#effect").val();
125
  slider_data["time_intervval"] = jQuery("#time_intervval").val();
@@ -250,7 +252,7 @@ function wds_spider_ajax_save(form_id, event) {
250
  slider_data["bull_back_color"] = jQuery("#bull_back_color").val();
251
  slider_data["bull_radius"] = jQuery("#bull_radius").val();
252
 
253
- if(task != "reset") {
254
  post_data["slider_data"] = JSON.stringify(slider_data);
255
  post_data["slides"] = new Array();
256
  var wds_slide_ids = jQuery("#slide_ids_string").val();
@@ -276,6 +278,7 @@ function wds_spider_ajax_save(form_id, event) {
276
  slide_data["att_height" + slide_id] = jQuery("#att_height" + slide_id).val();
277
  slide_data["video_duration" + slide_id] = jQuery("#video_duration" + slide_id).val();
278
  slide_data["video_loop" + slide_id] = jQuery("input[name=video_loop" + slide_id + " ]:checked").val();
 
279
  if (slide_data["type" + slide_id] == 'video') {
280
  slide_data["link" + slide_id] = jQuery("input[name=controls" + slide_id + " ]:checked").val();
281
  slide_data["thumb_url" + slide_id] = jQuery("#post_id" + slide_id).val();
@@ -469,7 +472,6 @@ function wds_spider_ajax_save(form_id, event) {
469
  }
470
  ).success(function (data, textStatus, errorThrown) {
471
  wds_success(form_id, 0);
472
- wds_tooltip();
473
  setDataSlideElement();
474
  setDataFormElement();
475
  hide_dimmension_ratio();
@@ -519,6 +521,7 @@ function wds_add_post(ids_string, single) {
519
  window.parent.jQuery("#" + prefix + "_text").html(jQuery("#wds_content_" + id).val());
520
  window.parent.jQuery("#" + prefix + "_link").val(jQuery("#wds_link_" + id).val());
521
  window.parent.jQuery("#" + prefix).html(jQuery("#wds_content_" + id).val());
 
522
  window.parent.jQuery("#trlink" + slideID).show();
523
  window.parent.jQuery("#controls" + slideID).hide();
524
  window.parent.jQuery("#autoplay" + slideID).hide();
@@ -641,12 +644,7 @@ function wds_onload() {
641
  else {
642
  wds_enable_disable('none', 'tr_thumb_size', 'show_thumbnail0');
643
  }
644
- if (jQuery("#bg_fit_cover").is(":checked") || jQuery("#bg_fit_contain").is(":checked")) {
645
- jQuery('#tr_smart_crop').show();
646
- }
647
- else {
648
- jQuery('#tr_smart_crop').hide();
649
- }
650
  if (jQuery("#smart_crop1").is(":checked")) {
651
  wds_enable_disable('', 'tr_crop_pos', 'smart_crop1');
652
  }
@@ -655,16 +653,18 @@ function wds_onload() {
655
  }
656
 
657
  jQuery('.wds_rl_butt_groups').each(function(i) {
658
- var type_key = jQuery(this).attr('value');
659
- var src_top_left = rl_butt_dir + wds_rl_butt_type[type_key]["type_name"] + '/1/1.png';
660
- var src_top_right = rl_butt_dir + wds_rl_butt_type[type_key]["type_name"] + '/1/2.png';
661
- var src_bottom_left = rl_butt_dir + wds_rl_butt_type[type_key]["type_name"] + '/1/3.png';
662
- var src_bottom_right = rl_butt_dir + wds_rl_butt_type[type_key]["type_name"] + '/1/4.png';
663
-
664
- jQuery(this).find('.src_top_left').attr('src', src_top_left);
665
- jQuery(this).find('.src_top_right').attr('src', src_top_right);
666
- jQuery(this).find('.src_bottom_left').attr('src', src_bottom_left);
667
- jQuery(this).find('.src_bottom_right').attr('src', src_bottom_right);
 
 
668
  });
669
 
670
  jQuery('.wds_rl_butt_col_groups').each(function(i) {
@@ -1201,6 +1201,33 @@ function change_bull_style(type_key) {
1201
  jQuery("#wds_deact_bull_style").removeClass().addClass("fa " + type_key);
1202
  }
1203
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1204
  function change_rl_butt_type(that) {
1205
  var type_key = jQuery(that).attr('value');
1206
  src = rl_butt_dir + wds_rl_butt_type[type_key]["type_name"] + '/1/1.png';
@@ -1639,7 +1666,6 @@ function wds_media_uploader_add_slide(e, id, multiple) {
1639
  }
1640
 
1641
  type_ = jQuery("#type" + id).val();
1642
-
1643
  if (type_ != "image" && type_ != "video") {
1644
  type_ = '';
1645
  }
@@ -1729,6 +1755,7 @@ function wds_media_uploader_add_slide(e, id, multiple) {
1729
  jQuery("#controls" + new_slide_id).show();
1730
  jQuery("#autoplay" + new_slide_id).show();
1731
  jQuery("#video_loop" + new_slide_id).show();
 
1732
  }
1733
  jQuery("#image_url" + new_slide_id).val(attachment[i]['url']);
1734
  jQuery("#thumb_url" + new_slide_id).val(thumb_url);
@@ -2133,7 +2160,6 @@ function wds_change_sub_tab_title(that, box) {
2133
  jQuery('#type' + slideID).val().indexOf('EMBED') > -1 ? jQuery(".edit_thumb").text(wds_object.translate.edit_filmstrip_thumbnail) : jQuery(".edit_thumb").text(wds_object.translate.edit_thumbnail);
2134
  jQuery("#sub_tab").val(jQuery(that).attr("tab_type"));
2135
  jQuery(".tab_buttons").removeClass("wds_sub_active");
2136
- jQuery(".tab_link").removeClass("wds_sub_active");
2137
  jQuery(".wds_tab_title_wrap").removeClass("wds_sub_active");
2138
  jQuery(that).parent().addClass("wds_sub_active");
2139
  jQuery(".wds_box").removeClass("wds_sub_active");
@@ -2154,7 +2180,16 @@ function wds_change_sub_tab_title(that, box) {
2154
 
2155
  function wds_change_sub_tab(that, box) {
2156
  var slideID = box.substring("9");
2157
- (jQuery('#type' + slideID).val() && jQuery('#type' + slideID).val().indexOf('EMBED') > -1) ? jQuery(".edit_thumb").text(wds_object.translate.edit_filmstrip_thumbnail) : jQuery(".edit_thumb").text(wds_object.translate.edit_thumbnail);
 
 
 
 
 
 
 
 
 
2158
  jQuery("#sub_tab").val(jQuery(that).attr("tab_type"));
2159
  jQuery(".tab_buttons").removeClass("wds_sub_active");
2160
  jQuery(".tab_link").removeClass("wds_sub_active");
@@ -2165,6 +2200,7 @@ function wds_change_sub_tab(that, box) {
2165
  jQuery(".tab_image").css('border-color','#B4AFAF');
2166
  jQuery(that).css('border-color','#00A0D4');
2167
  jQuery('.tab_image').find('input').blur();
 
2168
  if ( !wds_object.is_free ) {
2169
  wds_hotspot_position();
2170
  }
@@ -2962,7 +2998,7 @@ function wds_add_layer(type, id, layerID, duplicate, files, edit) {
2962
  str = jQuery(".wds_socialLayer").html();
2963
  tbody_html = str.replace(/%%LayerId%%/g, wds_layerID);
2964
  tbody_html = tbody_html.replace(/%%slideID%%/g, id);
2965
- jQuery('#' + prefix + '_tbody').append('<tr style="display:none" class="wds_layer_content">'+tbody_html+'</tr>');
2966
  jQuery('#' + prefix + '_tbody .wds_socialLayer').show();
2967
  break;
2968
  }
@@ -3045,7 +3081,7 @@ function wds_add_layer(type, id, layerID, duplicate, files, edit) {
3045
  str = jQuery(".wds_hotspotLayer").html();
3046
  tbody_html = str.replace(/%%LayerId%%/g, wds_layerID);
3047
  tbody_html = tbody_html.replace(/%%slideID%%/g, id);
3048
- jQuery('#' + prefix + '_tbody').append('<tr style="display:none" class="wds_layer_content">'+tbody_html+'</tr>');
3049
  jQuery('#' + prefix + '_tbody .wds_hotspotLayer').show();
3050
  if ( !wds_object.is_free ) {
3051
  wds_display_hotspot();
@@ -3064,7 +3100,6 @@ function wds_add_layer(type, id, layerID, duplicate, files, edit) {
3064
  }
3065
  wds_layer_weights(id);
3066
  wds_onkeypress();
3067
- wds_tooltip();
3068
 
3069
  setDataFormElement();
3070
  return layerID;
@@ -3110,8 +3145,9 @@ function wds_drag_layer(id) {
3110
  if (jQuery("#" + prefix + "_image_height").val() == 0) {
3111
  jQuery("#" + prefix).css({'height': ''});
3112
  }
 
3113
  if ( !wds_object.is_free ) {
3114
- wds_hotspot_position(prefix);
3115
  }
3116
  });
3117
  jQuery(".wds_draggable_" + id).bind('dragstop', function(event) {
@@ -3235,7 +3271,6 @@ function wds_add_video_layer(prefix, tbodyID, id, layerID, tbody_html, edit) {
3235
  jQuery("#" + prefix).attr("src", thumb_url);
3236
  wds_scale("#" + prefix + "_image_scale", prefix);
3237
  wds_drag_layer(id);
3238
- wds_tooltip();
3239
  jscolor.bind();
3240
 
3241
  });
@@ -3296,7 +3331,6 @@ function wds_add_image_layer(prefix, tbodyID, id, layerID, tbody_html, edit) {
3296
  jQuery("#" + prefix + "_image_url").val(attachment.url);
3297
  }
3298
  wds_drag_layer(id);
3299
- wds_tooltip();
3300
  jscolor.bind();
3301
  });
3302
 
@@ -3372,6 +3406,7 @@ function wds_add_slide() {
3372
  if (typeof order_arr !== 'undefined' && order_arr.length > 0) {
3373
  order_id = Math.max.apply(Math, order_arr) + 1;
3374
  }
 
3375
  var uploader_href_for_add_slide = uploader_href.replace('slideID', slideID);
3376
  var uploader_href_for_add_layer = uploader_href_for_add_slide.replace('add_update_slide', 'add_layer');
3377
  var upload_href_for_change_thumb = uploader_href_for_add_slide.replace('add_update_slide', 'add_update_thumbnail');
@@ -3387,14 +3422,42 @@ function wds_add_slide() {
3387
  img_layer_upload_by = ' <input class="action_buttons add_image_layer button-small' + (wds_object.is_free ? " wds_free_button" : "") + '" type="button" value="'+ wds_object.translate.add_image_layer +'" onclick="' + (wds_object.is_free ? 'alert(\''+ wds_object.translate.disabled_in_free_version + '\')' : 'wds_add_layer(\'image\', \'' + slideID + '\', \'\')') + '; return false;" />';
3388
  }
3389
  edit_slide_by = ' <span class="wds_change_thumbnail" type="button" title="'+ wds_object.translate.edit_slide +'" value="'+ wds_object.translate.edit_slide +'" onclick="wds_media_uploader_add_slide(event, \'' + slideID + '\', false); return false;" ></span>';
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
3390
  jQuery("#slide_ids_string").val(jQuery("#slide_ids_string").val() + slideID + ',');
3391
  jQuery(".wds_slides_box *").removeClass("wds_sub_active");
3392
  jQuery(
3393
- '<div id="wds_subtab_wrap' + slideID + '" class="wds_subtab_wrap connectedSortable"><div id="wbs_subtab' + slideID + '" class="tab_link wds_sub_active" href="#" style="display:block !important; width:149px; height:140px; padding:0; margin-right: 25px;">' +
3394
  '<div class="tab_image" id="wds_tab_image' + slideID + '">' +
3395
  '<div class="tab_buttons">' +
3396
  '<div class="handle_wrap"><div class="handle" title="Drag to re-order"></div></div>' +
3397
- '<div class="wds_tab_title_wrap"> <input type="text" id="title' + slideID + '" name="title' + slideID + '" value="'+ wds_object.translate.slide +' ' + order_id + '" class="wds_tab_title" tab_type="slide' + slideID + '" /></div><input type="hidden" name="order' + slideID + '" id="order' + slideID + '" value="' + order_id + '" /></div>' +
3398
  '<div class="overlay"><div id="hover_buttons">' +
3399
  edit_slide_by +
3400
  ' <span class="wds_slide_dublicate" onclick="wds_duplicate_slide(\'' + slideID + '\');" title="'+ wds_object.translate.duplicate_slide +'"></span>' +
@@ -3406,27 +3469,8 @@ function wds_add_slide() {
3406
  '<tbody>' +
3407
  '<input type="hidden" name="type' + slideID + '" id="type' + slideID + '" value="image" />' +
3408
  '<input type="hidden" id="wds_video_type' + slideID + '" name="wds_video_type' + slideID + '" value="" />' +
3409
- '<tr class="bgcolor"><td colspan="4"><h2 class="titles">Slide</h2>' +
3410
- '<div class="wds-preview-overflow">' +
3411
- '<div id="wds_preview_wrapper_' + slideID + '" class="wds_preview_wrapper" style="width: ' + jQuery("#width").val() + 'px; height: ' + jQuery("#height").val() + 'px;">' +
3412
- '<div class="wds_preview" style="overflow: hidden; position: absolute; width: inherit; height: inherit; background-color: transparent; background-image: none; display: block;">' +
3413
- '<div id="wds_preview_image' + slideID + '" class="wds_preview_image' + slideID + '" ' +
3414
- 'style="background-color: ' + wds_hex_rgba(jQuery("#background_color").val(), (100 - jQuery("#background_transparent").val())) + '; ' +
3415
- 'background-image: url(\'\'); ' +
3416
- 'background-position: center center; ' +
3417
- 'background-repeat: no-repeat; ' +
3418
- 'background-size: ' + jQuery('input[name=bg_fit]:radio:checked').val() + '; ' +
3419
- 'border-width: ' + jQuery('#glb_border_width').val() + 'px; ' +
3420
- 'width: inherit; height: inherit;"></div></div></div></div>' +
3421
- ' <input id="image_url' + slideID + '" type="hidden" value="" name="image_url' + slideID + '" />' +
3422
- ' <input id="thumb_url' + slideID + '" type="hidden" value="" name="thumb_url' + slideID + '" />' +
3423
- ' <input id="post_id' + slideID + '" type="hidden" value="" name="post_id' + slideID + '" />' +
3424
- ' <input id="video_duration' + slideID + '" type="hidden" value="" name="video_duration' + slideID + '" />' +
3425
- ' <input id="att_width' + slideID + '" type="hidden" value="" name="att_width' + slideID + '" />' +
3426
- ' <input id="att_height' + slideID + '" type="hidden" value="" name="att_height' + slideID + '" />' +
3427
- '</td>' +
3428
- '</tr><tr><td>' +
3429
- '<div class="postbox closed">' +
3430
  '<button class="button-link handlediv" type="button" aria-expanded="true">' +
3431
  '<span class="screen-reader-text">Toggle panel:</span>' +
3432
  '<span class="toggle-indicator" aria-hidden="true"></span>' +
@@ -3438,53 +3482,58 @@ function wds_add_slide() {
3438
  '<div class="wd-table">' +
3439
  '<div class="wd-table-col wd-table-col-50 wd-table-col-left">' +
3440
  '<div class="wd-box-section">' +
3441
- '<div class="wd-box-content">' +
3442
- '<span class="wd-group">' +
3443
- update_thumb_by +
3444
- '<p class="description">Note, that thumbnail will be used in the filmstrip only.</p>' +
3445
- '</span>' +
3446
- '<span class="wd-group">'+
3447
  '<label class="wd-label">'+ wds_object.translate.published +'</label>'+
3448
  '<input type="radio" id="published' + slideID + '1" name="published' + slideID + '" checked="checked" value="1" /><label for="published' + slideID + '1">'+ wds_object.translate.yes +'</label>'+
3449
  '<input type="radio" id="published' + slideID + '0" name="published' + slideID + '" value="0" /><label for="published' + slideID + '0">'+ wds_object.translate.no +'</label>'+
3450
  '<p class="description"></p>'+
3451
- '</span>'+
3452
  '</div>'+
3453
  '</div>'+
3454
  '</div>'+
3455
  '<div class="wd-table-col wd-table-col-50 wd-table-col-right">'+
3456
  '<div class="wd-box-section">'+
3457
  '<div class="wd-box-content">'+
3458
- '<span class="wd-group" id="controls' + slideID + '" style="display: none;">' +
3459
- '<label class="wd-label">' + wds_object.translate.controls + '</label>' +
3460
- '<input type="radio" onclick="wds_enable_disable(\'\', \'autoplay' + slideID + '\',\'controls' + slideID + '_1\')" id="controls' + slideID + '_1" name="controls' + slideID + '" checked="checked" value="1" /><label for="controls' + slideID + '_1">'+ wds_object.translate.yes +'</label>' +
3461
- '<input type="radio" onclick="wds_enable_disable(\'none\', \'autoplay' + slideID + '\',\'controls' + slideID + '_0\')" id="controls' + slideID + '_0" name="controls' + slideID + '" value="0" /><label for="controls' + slideID + '_0">'+ wds_object.translate.no +'</label>' +
3462
- '<p class="description"></p>' +
3463
- '</span>'+
3464
- '<span class="wd-group" id="autoplay' + slideID + '" style="display: none;">'+
3465
- '<label class="wd-label">'+wds_object.translate.autoplay+'</label>'+
3466
- '<input type="radio" id="autoplay' + slideID + '_1" name="wds_slide_autoplay' + slideID + '" checked="checked" value="1" /><label for="autoplay' + slideID + '_1">'+ wds_object.translate.yes +'</label>'+
3467
- '<input type="radio" id="autoplay' + slideID + '_0" name="wds_slide_autoplay' + slideID + '" value="0" /><label for="autoplay' + slideID + '_0">'+ wds_object.translate.no +'</label>'+
3468
- '<p class="description"></p>'+
3469
- '</span>'+
3470
- '<span class="wd-group" id="youtube_rel_video' + slideID + '" style="display: none;">'+
3471
- '<label class="wd-label">'+wds_object.translate.youtube_related_video+'</label>'+
3472
- '<input type="radio" id="youtube_rel_video' + slideID + '_1" name="youtube_rel_video' + slideID + '" checked="checked" value="1" /><label for="youtube_rel_video' + slideID + '_1">'+ wds_object.translate.yes +'</label>'+
3473
- '<input type="radio" id="youtube_rel_video' + slideID + '_0" name="youtube_rel_video' + slideID + '" value="0" /><label for="youtube_rel_video' + slideID + '_0">'+ wds_object.translate.no +'</label>'+
3474
- '<p class="description"></p>'+
3475
- '</span>'+
3476
- '<span class="wd-group" id="video_loop<?php echo $slide_row->id; ?>" style="display: none;">'+
3477
  '<label class="wd-label">'+ wds_object.translate.video_loop +'</label>'+
3478
- '<input type="radio" id="video_loop' + slideID + '_1" name="video_loop' + slideID + '" checked="checked" value="1" /><label for="video_loop' + slideID + '_1">'+ wds_object.translate.yes +'</label>'+
3479
- '<input type="radio" id="video_loop' + slideID + '_0" name="video_loop' + slideID + '" value="0" /><label for="video_loop' + slideID + '_0">'+ wds_object.translate.no +'</label>'+
3480
  '<p class="description"></p>'+
3481
- '</span>'+
3482
- '<span class="wd-group" id="trlink' + slideID + '">'+
3483
- '<label class="wd-label" for="link' + slideID + '">'+ wds_object.translate.link_the_slide_to +'</label>'+
3484
- '<input class="wds_external_link" id="link' + slideID + '" type="text" value="" name="link' + slideID + '" />'+
3485
- '<input id="target_attr_slide' + slideID + '" type="checkbox" name="target_attr_slide' + slideID + '" checked="checked" value="1" /><label for="target_attr_slide' + slideID + '">'+ wds_object.translate.open_in_a_new_window +'</label>'+
3486
- '<p class="description">'+ wds_object.translate.you_can_set_a_redirection_link_so_that_the_user_will_get_to_the_mentioned_location_upon_hitting_the_slide_use_http_and_https_for_external_links +'</p>'+
3487
- '</span>'+
 
 
 
 
 
 
3488
  '</div>'+
3489
  '</div>'+
3490
  '</div>'+
@@ -3493,6 +3542,26 @@ function wds_add_slide() {
3493
  '</div>'+
3494
  '</td>'+
3495
  '</tr>'+
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
3496
  '<tr class="bgcolor"><td colspan="4">' +
3497
  '<div class="layer_add_buttons_wrap"><input class="action_buttons add_text_layer button-small' + (!fv ? "" : " wds_free_button") + '" type="button" value="'+ wds_object.translate.add_text_layer +'" onclick="' + (!fv ? 'wds_add_layer(\'text\', \'' + slideID + '\')' : 'alert(\''+ wds_object.translate.disabled_in_free_version + '\')') + '; return false;"></div><div class="layer_add_buttons_wrap">' +
3498
  img_layer_upload_by +
@@ -3514,7 +3583,6 @@ function wds_add_slide() {
3514
  jQuery('#controls' + slideID + '_1').prop('checked', true);
3515
  jQuery('#autoplay' + slideID + '_1').prop('checked', true);
3516
  jQuery('#youtube_rel_video' + slideID + '_1').prop('checked', true);
3517
- jQuery('#video_loop' + slideID + '_1').prop('checked', true);
3518
  jQuery('#target_attr_slide' + slideID).prop('checked', true);
3519
  jQuery('#wbs_subtab' + slideID).addClass("wds_sub_active");
3520
  wds_slide_weights();
@@ -3540,6 +3608,7 @@ function wds_add_slide() {
3540
  });
3541
  });
3542
  jQuery(".wds-preview-overflow").width(jQuery(".wd-slides-title").width());
 
3543
  return slideID;
3544
  }
3545
 
@@ -3676,9 +3745,13 @@ function wds_trans_effect_out(slider_id, prefix, social) {
3676
  function wds_break_word(that, prefix) {
3677
  if (jQuery(that).is(':checked')) {
3678
  jQuery("#" + prefix).css({wordBreak: "break-all"});
 
 
 
3679
  }
3680
  else {
3681
  jQuery("#" + prefix).css({wordBreak: "normal"});
 
3682
  }
3683
  }
3684
 
@@ -3697,7 +3770,10 @@ function wds_hotspot_text_width(prefix) {
3697
  var height = jQuery("#" + prefix + "_image_height").val();
3698
  jQuery("#" + prefix).width(width);
3699
  jQuery("#" + prefix).height(height);
3700
- if ( !wds_object.is_free ) {
 
 
 
3701
  wds_hotspot_position(prefix);
3702
  }
3703
  }
@@ -3800,7 +3876,6 @@ function wds_onkeypress() {
3800
 
3801
  jQuery(document).ready(function () {
3802
  wds_onkeypress();
3803
- wds_tooltip();
3804
  });
3805
 
3806
  function wds_get_checked() {
@@ -4026,7 +4101,7 @@ function add_new_callback(par_tr, select) {
4026
  var select_val = select.val(),
4027
  selected = select.find("option[value=" + select_val + "]"),
4028
  textarea_html = "";
4029
- par_tr.next().append("<div class='callbeck-item'><span class='spider_label_options'>" + selected.text() + "</span><textarea class='callbeck-textarea' name='" + select_val + "'>" + textarea_html + "</textarea><button type='button' id='remove_callback' class='action_buttons remove_callback' onclick=\"remove_callback_item(this);\">Remove</button></div>");
4030
  selected.hide().removeAttr("selected");
4031
 
4032
  select.find("option").each(function() {
@@ -4112,19 +4187,6 @@ function wds_reset(event) {
4112
  return false;
4113
  }
4114
 
4115
- function wds_tooltip() {
4116
- if (typeof jQuery().tooltip !== 'undefined') {
4117
- if (jQuery.isFunction(jQuery().tooltip)) {
4118
- jQuery(".wds_tooltip").tooltip({
4119
- track: true,
4120
- content: function () {
4121
- return jQuery(this).prop('title');
4122
- }
4123
- });
4124
- }
4125
- }
4126
- }
4127
-
4128
  function wds_set_one() {
4129
  jQuery('.wds_opacity_set').show();
4130
  jQuery('.wds_set').show();
@@ -4175,16 +4237,30 @@ jQuery(window).resize(function () {
4175
  // Set preview container overflow width.
4176
  jQuery(".wds-preview-overflow").width(jQuery(".wd-slides-title").width());
4177
  });
 
 
 
 
 
4178
 
4179
  // Hide dimensions and ratio based on full width in settings
4180
- function hide_dimmension_ratio(){
4181
- if(jQuery('.wds_settings_box [name=full_width]:checked').val() == 0) {
4182
- jQuery("#ratio_container").hide();
 
 
4183
  jQuery(".wds_nav_global_box #dimensions").show();
4184
  }
4185
  else {
4186
- jQuery(".wds_nav_global_box #dimensions").hide();
4187
- jQuery("#ratio_container").show();
 
 
 
 
 
 
 
4188
  }
4189
  }
4190
 
9
  setDataFormElement();
10
 
11
  hide_dimmension_ratio();
12
+ wds_whr('height');
13
  });
14
 
15
  jQuery(window).load(function () {
102
  set_ffamily_value();
103
  var post_data = {};
104
  post_data["task"] = "apply";
105
+ if (task == "reset") {
106
  post_data["task"] = "reset";
107
+ }
108
 
109
  /* Global.*/
110
  post_data["current_id"] = jQuery("#current_id").val();
121
  slider_data["width"] = jQuery("#width").val();
122
  slider_data["height"] = jQuery("#height").val();
123
  slider_data["full_width"] = jQuery("input[name=full_width]:checked").val();
124
+ slider_data["auto_height"] = jQuery("input[name=auto_height]:checked").val();
125
  slider_data["align"] = jQuery("#align").val();
126
  slider_data["effect"] = jQuery("#effect").val();
127
  slider_data["time_intervval"] = jQuery("#time_intervval").val();
252
  slider_data["bull_back_color"] = jQuery("#bull_back_color").val();
253
  slider_data["bull_radius"] = jQuery("#bull_radius").val();
254
 
255
+ if (task != "reset") {
256
  post_data["slider_data"] = JSON.stringify(slider_data);
257
  post_data["slides"] = new Array();
258
  var wds_slide_ids = jQuery("#slide_ids_string").val();
278
  slide_data["att_height" + slide_id] = jQuery("#att_height" + slide_id).val();
279
  slide_data["video_duration" + slide_id] = jQuery("#video_duration" + slide_id).val();
280
  slide_data["video_loop" + slide_id] = jQuery("input[name=video_loop" + slide_id + " ]:checked").val();
281
+ slide_data["fillmode" + slide_id] = jQuery("input[name=fillmode" + slide_id +" ]").val();
282
  if (slide_data["type" + slide_id] == 'video') {
283
  slide_data["link" + slide_id] = jQuery("input[name=controls" + slide_id + " ]:checked").val();
284
  slide_data["thumb_url" + slide_id] = jQuery("#post_id" + slide_id).val();
472
  }
473
  ).success(function (data, textStatus, errorThrown) {
474
  wds_success(form_id, 0);
 
475
  setDataSlideElement();
476
  setDataFormElement();
477
  hide_dimmension_ratio();
521
  window.parent.jQuery("#" + prefix + "_text").html(jQuery("#wds_content_" + id).val());
522
  window.parent.jQuery("#" + prefix + "_link").val(jQuery("#wds_link_" + id).val());
523
  window.parent.jQuery("#" + prefix).html(jQuery("#wds_content_" + id).val());
524
+ window.parent.wds_new_line(prefix);
525
  window.parent.jQuery("#trlink" + slideID).show();
526
  window.parent.jQuery("#controls" + slideID).hide();
527
  window.parent.jQuery("#autoplay" + slideID).hide();
644
  else {
645
  wds_enable_disable('none', 'tr_thumb_size', 'show_thumbnail0');
646
  }
647
+ jQuery('#tr_smart_crop').show();
 
 
 
 
 
648
  if (jQuery("#smart_crop1").is(":checked")) {
649
  wds_enable_disable('', 'tr_crop_pos', 'smart_crop1');
650
  }
653
  }
654
 
655
  jQuery('.wds_rl_butt_groups').each(function(i) {
656
+ var type_key = jQuery(this).attr('value');
657
+ if( typeof wds_rl_butt_type[type_key] !== "undefined" && typeof wds_rl_butt_type[type_key]["type_name"] !== "undefined" ) {
658
+ var src_top_left = rl_butt_dir + wds_rl_butt_type[type_key]["type_name"] + '/1/1.png';
659
+ var src_top_right = rl_butt_dir + wds_rl_butt_type[type_key]["type_name"] + '/1/2.png';
660
+ var src_bottom_left = rl_butt_dir + wds_rl_butt_type[type_key]["type_name"] + '/1/3.png';
661
+ var src_bottom_right = rl_butt_dir + wds_rl_butt_type[type_key]["type_name"] + '/1/4.png';
662
+
663
+ jQuery(this).find('.src_top_left').attr('src', src_top_left);
664
+ jQuery(this).find('.src_top_right').attr('src', src_top_right);
665
+ jQuery(this).find('.src_bottom_left').attr('src', src_bottom_left);
666
+ jQuery(this).find('.src_bottom_right').attr('src', src_bottom_right);
667
+ }
668
  });
669
 
670
  jQuery('.wds_rl_butt_col_groups').each(function(i) {
1201
  jQuery("#wds_deact_bull_style").removeClass().addClass("fa " + type_key);
1202
  }
1203
 
1204
+ function wds_change_fillmode_type(that, id) {
1205
+ var title = jQuery(that).find('#wds_fillmode_option_title-'+ id ).attr('data-title');
1206
+ var img = jQuery(that).find('#wds_fillmode_option_img-'+ id +' img').attr('src');
1207
+ jQuery(".wds_fillmode_option .spider_option_cont").removeClass('selected');
1208
+ jQuery('#wds_fillmode_option-'+ id +' .spider_option_main_title').html(title);
1209
+ jQuery('#wds_fillmode_preview-'+ id +' img').attr('src', img);
1210
+ jQuery('#wds_fillmode_preview-'+ id +' input').val(title);
1211
+ jQuery(that).addClass('selected');
1212
+ jQuery('#wds_fillmode_preview-'+ id).show();
1213
+ if ( title == 'fill' ) {
1214
+ jQuery('.wds_box.wds_sub_active div[id^=\'wds_preview_image\']').css({ 'background-size': 'cover', 'background-position': 'center center', 'background-repeat': 'no-repeat' });
1215
+ }
1216
+ if ( title == 'fit' ) {
1217
+ jQuery('.wds_box.wds_sub_active div[id^=\'wds_preview_image\']').css({ 'background-size': 'contain', 'background-position': 'center center', 'background-repeat': 'no-repeat' });
1218
+ }
1219
+ if ( title == 'stretch' ) {
1220
+ jQuery('.wds_box.wds_sub_active div[id^=\'wds_preview_image\']').css({ 'background-size': '100% 100%', 'background-position': '100% 100%', 'background-repeat': 'no-repeat' });
1221
+ }
1222
+ if ( title == 'center' ) {
1223
+ jQuery('.wds_box.wds_sub_active div[id^=\'wds_preview_image\']').css({ 'background-size': 'unset', 'background-position': 'center center', 'background-repeat': 'no-repeat' });
1224
+ }
1225
+ if ( title == 'tile' ) {
1226
+ jQuery('.wds_box.wds_sub_active div[id^=\'wds_preview_image\']').css({ 'background-size': 'unset', 'background-position': 'unset', 'background-repeat': 'repeat' });
1227
+ }
1228
+ jQuery('.wds_fillmode_option .spider_options_cont').hide();
1229
+ }
1230
+
1231
  function change_rl_butt_type(that) {
1232
  var type_key = jQuery(that).attr('value');
1233
  src = rl_butt_dir + wds_rl_butt_type[type_key]["type_name"] + '/1/1.png';
1666
  }
1667
 
1668
  type_ = jQuery("#type" + id).val();
 
1669
  if (type_ != "image" && type_ != "video") {
1670
  type_ = '';
1671
  }
1755
  jQuery("#controls" + new_slide_id).show();
1756
  jQuery("#autoplay" + new_slide_id).show();
1757
  jQuery("#video_loop" + new_slide_id).show();
1758
+ jQuery('#wds_fillmode_option-' + new_slide_id + ' .spider_options_cont').addClass('type_video');
1759
  }
1760
  jQuery("#image_url" + new_slide_id).val(attachment[i]['url']);
1761
  jQuery("#thumb_url" + new_slide_id).val(thumb_url);
2160
  jQuery('#type' + slideID).val().indexOf('EMBED') > -1 ? jQuery(".edit_thumb").text(wds_object.translate.edit_filmstrip_thumbnail) : jQuery(".edit_thumb").text(wds_object.translate.edit_thumbnail);
2161
  jQuery("#sub_tab").val(jQuery(that).attr("tab_type"));
2162
  jQuery(".tab_buttons").removeClass("wds_sub_active");
 
2163
  jQuery(".wds_tab_title_wrap").removeClass("wds_sub_active");
2164
  jQuery(that).parent().addClass("wds_sub_active");
2165
  jQuery(".wds_box").removeClass("wds_sub_active");
2180
 
2181
  function wds_change_sub_tab(that, box) {
2182
  var slideID = box.substring("9");
2183
+ var edit_thum_text;
2184
+ if ( jQuery('#type' + slideID).val()
2185
+ && jQuery('#type' + slideID).val().indexOf('EMBED') > -1 ) {
2186
+ edit_thum_text = wds_object.translate.edit_filmstrip_thumbnail;
2187
+ }
2188
+ else {
2189
+ edit_thum_text = wds_object.translate.edit_thumbnail;
2190
+ }
2191
+ jQuery(".edit_thumb").text(edit_thum_text);
2192
+
2193
  jQuery("#sub_tab").val(jQuery(that).attr("tab_type"));
2194
  jQuery(".tab_buttons").removeClass("wds_sub_active");
2195
  jQuery(".tab_link").removeClass("wds_sub_active");
2200
  jQuery(".tab_image").css('border-color','#B4AFAF');
2201
  jQuery(that).css('border-color','#00A0D4');
2202
  jQuery('.tab_image').find('input').blur();
2203
+ jQuery('.wds_fillmode_option .spider_options_cont').hide();
2204
  if ( !wds_object.is_free ) {
2205
  wds_hotspot_position();
2206
  }
2998
  str = jQuery(".wds_socialLayer").html();
2999
  tbody_html = str.replace(/%%LayerId%%/g, wds_layerID);
3000
  tbody_html = tbody_html.replace(/%%slideID%%/g, id);
3001
+ jQuery('#' + prefix + '_tbody').append('<tr style="display:none" class="wds_socialLayer wds_layer_content">'+tbody_html+'</tr>');
3002
  jQuery('#' + prefix + '_tbody .wds_socialLayer').show();
3003
  break;
3004
  }
3081
  str = jQuery(".wds_hotspotLayer").html();
3082
  tbody_html = str.replace(/%%LayerId%%/g, wds_layerID);
3083
  tbody_html = tbody_html.replace(/%%slideID%%/g, id);
3084
+ jQuery('#' + prefix + '_tbody').append('<tr style="display:none" class="wds_hotspotLayer wds_layer_content">'+tbody_html+'</tr>');
3085
  jQuery('#' + prefix + '_tbody .wds_hotspotLayer').show();
3086
  if ( !wds_object.is_free ) {
3087
  wds_display_hotspot();
3100
  }
3101
  wds_layer_weights(id);
3102
  wds_onkeypress();
 
3103
 
3104
  setDataFormElement();
3105
  return layerID;
3145
  if (jQuery("#" + prefix + "_image_height").val() == 0) {
3146
  jQuery("#" + prefix).css({'height': ''});
3147
  }
3148
+
3149
  if ( !wds_object.is_free ) {
3150
+ wds_hotspot_position(prefix.slice(0, -4));
3151
  }
3152
  });
3153
  jQuery(".wds_draggable_" + id).bind('dragstop', function(event) {
3271
  jQuery("#" + prefix).attr("src", thumb_url);
3272
  wds_scale("#" + prefix + "_image_scale", prefix);
3273
  wds_drag_layer(id);
 
3274
  jscolor.bind();
3275
 
3276
  });
3331
  jQuery("#" + prefix + "_image_url").val(attachment.url);
3332
  }
3333
  wds_drag_layer(id);
 
3334
  jscolor.bind();
3335
  });
3336
 
3406
  if (typeof order_arr !== 'undefined' && order_arr.length > 0) {
3407
  order_id = Math.max.apply(Math, order_arr) + 1;
3408
  }
3409
+ var new_slide_name = wds_object.translate.slide +' ' + order_id;
3410
  var uploader_href_for_add_slide = uploader_href.replace('slideID', slideID);
3411
  var uploader_href_for_add_layer = uploader_href_for_add_slide.replace('add_update_slide', 'add_layer');
3412
  var upload_href_for_change_thumb = uploader_href_for_add_slide.replace('add_update_slide', 'add_update_thumbnail');
3422
  img_layer_upload_by = ' <input class="action_buttons add_image_layer button-small' + (wds_object.is_free ? " wds_free_button" : "") + '" type="button" value="'+ wds_object.translate.add_image_layer +'" onclick="' + (wds_object.is_free ? 'alert(\''+ wds_object.translate.disabled_in_free_version + '\')' : 'wds_add_layer(\'image\', \'' + slideID + '\', \'\')') + '; return false;" />';
3423
  }
3424
  edit_slide_by = ' <span class="wds_change_thumbnail" type="button" title="'+ wds_object.translate.edit_slide +'" value="'+ wds_object.translate.edit_slide +'" onclick="wds_media_uploader_add_slide(event, \'' + slideID + '\', false); return false;" ></span>';
3425
+ var fillmode_select ='';
3426
+ jQuery.each(wds_slider_fillmode_option, function(index, value) {
3427
+ fillmode_select +=
3428
+ '<div class="spider_option_cont ' + (index == 'fill' ? 'selected' : '') + '" onclick="wds_change_fillmode_type(this, \'' + slideID + '\')">'+
3429
+ '<div id="wds_fillmode_option_title-' + slideID + '"class="spider_option_cont_title" data-title="' + index + '">' + value + '</div>'+
3430
+ '<div id="wds_fillmode_option_img-'+ slideID +'" class="spider_option_cont_img">'+
3431
+ '<img src="' + WD_S_URL + '/images/fillmode/' + index + '.png" />'+
3432
+ '</div>'+
3433
+ '</div>';
3434
+ });
3435
+ var fillmode_html = '<div class="wd-group">'+
3436
+ '<label class="wd-label" for="fillmode' + slideID + '">' + wds_object.translate.fillmode + '</label>'+
3437
+ '<div id="wds_fillmode_option-' + slideID + '" class="wds_fillmode_option">'+
3438
+ '<div style="width: 210px; position: relative;">'+
3439
+ '<div class="spider_choose_option" onclick="wds_choose_option(this)">'+
3440
+ '<div class="spider_option_main_title">' + wds_object.translate.fill + '</div>'+
3441
+ '<div class="spider_sel_option_ic"><i class="fa fa-angle-down fa-lg"></i></div>'+
3442
+ '</div>'+
3443
+ '<div class="spider_options_cont">'+ fillmode_select +
3444
+ '</div>'+
3445
+ '</div>'+
3446
+ '</div>'+
3447
+ '<div id="wds_fillmode_preview-' + slideID + '" class="wds_fillmode_preview">'+
3448
+ '<img src="' + WD_S_URL + '/images/fillmode/fill.png">'+
3449
+ '<input type="hidden" name="fillmode' + slideID + '" value="fill">'+
3450
+ '</div>'+
3451
+ '<div class="clear"></div>'+
3452
+ '</div>';
3453
  jQuery("#slide_ids_string").val(jQuery("#slide_ids_string").val() + slideID + ',');
3454
  jQuery(".wds_slides_box *").removeClass("wds_sub_active");
3455
  jQuery(
3456
+ '<div id="wds_subtab_wrap' + slideID + '" class="wds_subtab_wrap connectedSortable"><div id="wbs_subtab' + slideID + '" class="tab_link wds_sub_active" style="display:block !important; width:149px; height:140px; padding:0; margin-right: 25px;">' +
3457
  '<div class="tab_image" id="wds_tab_image' + slideID + '">' +
3458
  '<div class="tab_buttons">' +
3459
  '<div class="handle_wrap"><div class="handle" title="Drag to re-order"></div></div>' +
3460
+ '<div class="wds_tab_title_wrap"><input type="text" id="title' + slideID + '" name="title' + slideID + '" value="'+ new_slide_name + '" class="wds_tab_title" tab_type="slide' + slideID + '" onchange="wds_set_slide_title(\'' + slideID + '\');"/></div><input type="hidden" name="order' + slideID + '" id="order' + slideID + '" value="' + order_id + '" /></div>' +
3461
  '<div class="overlay"><div id="hover_buttons">' +
3462
  edit_slide_by +
3463
  ' <span class="wds_slide_dublicate" onclick="wds_duplicate_slide(\'' + slideID + '\');" title="'+ wds_object.translate.duplicate_slide +'"></span>' +
3469
  '<tbody>' +
3470
  '<input type="hidden" name="type' + slideID + '" id="type' + slideID + '" value="image" />' +
3471
  '<input type="hidden" id="wds_video_type' + slideID + '" name="wds_video_type' + slideID + '" value="" />' +
3472
+ '<tr><td>' +
3473
+ '<div class="postbox">' +
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
3474
  '<button class="button-link handlediv" type="button" aria-expanded="true">' +
3475
  '<span class="screen-reader-text">Toggle panel:</span>' +
3476
  '<span class="toggle-indicator" aria-hidden="true"></span>' +
3482
  '<div class="wd-table">' +
3483
  '<div class="wd-table-col wd-table-col-50 wd-table-col-left">' +
3484
  '<div class="wd-box-section">' +
3485
+ '<div class="wd-box-content">'
3486
+ +
3487
+ fillmode_html
3488
+ +
3489
+ '<div class="wd-group">'+
 
3490
  '<label class="wd-label">'+ wds_object.translate.published +'</label>'+
3491
  '<input type="radio" id="published' + slideID + '1" name="published' + slideID + '" checked="checked" value="1" /><label for="published' + slideID + '1">'+ wds_object.translate.yes +'</label>'+
3492
  '<input type="radio" id="published' + slideID + '0" name="published' + slideID + '" value="0" /><label for="published' + slideID + '0">'+ wds_object.translate.no +'</label>'+
3493
  '<p class="description"></p>'+
3494
+ '</div>'+
3495
  '</div>'+
3496
  '</div>'+
3497
  '</div>'+
3498
  '<div class="wd-table-col wd-table-col-50 wd-table-col-right">'+
3499
  '<div class="wd-box-section">'+
3500
  '<div class="wd-box-content">'+
3501
+ '<div class="wd-group" id="controls' + slideID + '" style="display: none;">' +
3502
+ '<label class="wd-label">' + wds_object.translate.controls + '</label>' +
3503
+ '<input type="radio" onclick="wds_enable_disable(\'\', \'autoplay' + slideID + '\',\'controls' + slideID + '_1\')" id="controls' + slideID + '_1" name="controls' + slideID + '" checked="checked" value="1" /><label for="controls' + slideID + '_1">'+ wds_object.translate.yes +'</label>' +
3504
+ '<input type="radio" onclick="wds_enable_disable(\'none\', \'autoplay' + slideID + '\',\'controls' + slideID + '_0\')" id="controls' + slideID + '_0" name="controls' + slideID + '" value="0" /><label for="controls' + slideID + '_0">'+ wds_object.translate.no +'</label>' +
3505
+ '<p class="description"></p>' +
3506
+ '</div>'+
3507
+ '<div class="wd-group" id="autoplay' + slideID + '" style="display: none;">'+
3508
+ '<label class="wd-label">'+wds_object.translate.autoplay+'</label>'+
3509
+ '<input type="radio" id="autoplay' + slideID + '_1" name="wds_slide_autoplay' + slideID + '" checked="checked" value="1" /><label for="autoplay' + slideID + '_1">'+ wds_object.translate.yes +'</label>'+
3510
+ '<input type="radio" id="autoplay' + slideID + '_0" name="wds_slide_autoplay' + slideID + '" value="0" /><label for="autoplay' + slideID + '_0">'+ wds_object.translate.no +'</label>'+
3511
+ '<p class="description"></p>'+
3512
+ '</div>'+
3513
+ '<div class="wd-group" id="youtube_rel_video' + slideID + '" style="display: none;">'+
3514
+ '<label class="wd-label">'+wds_object.translate.youtube_related_video+'</label>'+
3515
+ '<input type="radio" id="youtube_rel_video' + slideID + '_1" name="youtube_rel_video' + slideID + '" checked="checked" value="1" /><label for="youtube_rel_video' + slideID + '_1">'+ wds_object.translate.yes +'</label>'+
3516
+ '<input type="radio" id="youtube_rel_video' + slideID + '_0" name="youtube_rel_video' + slideID + '" value="0" /><label for="youtube_rel_video' + slideID + '_0">'+ wds_object.translate.no +'</label>'+
3517
+ '<p class="description"></p>'+
3518
+ '</div>'+
3519
+ '<div class="wd-group" id="video_loop' + slideID + '" style="display: none;">'+
3520
  '<label class="wd-label">'+ wds_object.translate.video_loop +'</label>'+
3521
+ '<input type="radio" id="video_loop' + slideID + '_1" name="video_loop' + slideID + '" value="1" /><label for="video_loop' + slideID + '_1">'+ wds_object.translate.yes +'</label>'+
3522
+ '<input type="radio" id="video_loop' + slideID + '_0" name="video_loop' + slideID + '" checked="checked" value="0" /><label for="video_loop' + slideID + '_0">'+ wds_object.translate.no +'</label>'+
3523
  '<p class="description"></p>'+
3524
+ '</div>'+
3525
+ '<div class="wd-group" id="trlink' + slideID + '">'+
3526
+ '<label class="wd-label" for="link' + slideID + '">'+ wds_object.translate.link_the_slide_to +'</label>'+
3527
+ '<input class="wds_external_link" id="link' + slideID + '" type="text" value="" name="link' + slideID + '" />'+
3528
+ '<input id="target_attr_slide' + slideID + '" type="checkbox" name="target_attr_slide' + slideID + '" checked="checked" value="1" /><label for="target_attr_slide' + slideID + '">'+ wds_object.translate.open_in_a_new_window +'</label>'+
3529
+ '<p class="description">'+ wds_object.translate.you_can_set_a_redirection_link_so_that_the_user_will_get_to_the_mentioned_location_upon_hitting_the_slide_use_http_and_https_for_external_links +'</p>'+
3530
+ '</div>'+
3531
+ '<div class="wd-group">'
3532
+ +
3533
+ update_thumb_by
3534
+ +
3535
+ '<p class="description">Note, that thumbnail will be used in the filmstrip only.</p>' +
3536
+ '</div>' +
3537
  '</div>'+
3538
  '</div>'+
3539
  '</div>'+
3542
  '</div>'+
3543
  '</td>'+
3544
  '</tr>'+
3545
+ '<tr class="bgcolor"><td colspan="4"><h2 class="titles wds_slide-title-'+ slideID +'">' + new_slide_name + '</h2>' +
3546
+ '<div class="wds-preview-overflow">' +
3547
+ '<div id="wds_preview_wrapper_' + slideID + '" class="wds_preview_wrapper" style="width: ' + jQuery("#width").val() + 'px; height: ' + jQuery("#height").val() + 'px;">' +
3548
+ '<div class="wds_preview">' +
3549
+ '<div id="wds_preview_image' + slideID + '" class="wds_preview_image' + slideID + '" ' +
3550
+ 'style="background-color: ' + wds_hex_rgba(jQuery("#background_color").val(), (100 - jQuery("#background_transparent").val())) + '; ' +
3551
+ 'background-image: url(\'\'); ' +
3552
+ 'background-position: center center; ' +
3553
+ 'background-repeat: no-repeat; ' +
3554
+ 'background-size: cover;' +
3555
+ 'border-width: ' + jQuery('#glb_border_width').val() + 'px; ' +
3556
+ 'width: inherit; height: inherit;"></div></div></div></div>' +
3557
+ ' <input id="image_url' + slideID + '" type="hidden" value="" name="image_url' + slideID + '" />' +
3558
+ ' <input id="thumb_url' + slideID + '" type="hidden" value="" name="thumb_url' + slideID + '" />' +
3559
+ ' <input id="post_id' + slideID + '" type="hidden" value="" name="post_id' + slideID + '" />' +
3560
+ ' <input id="video_duration' + slideID + '" type="hidden" value="" name="video_duration' + slideID + '" />' +
3561
+ ' <input id="att_width' + slideID + '" type="hidden" value="" name="att_width' + slideID + '" />' +
3562
+ ' <input id="att_height' + slideID + '" type="hidden" value="" name="att_height' + slideID + '" />' +
3563
+ '</td>'+
3564
+ '</tr>'+
3565
  '<tr class="bgcolor"><td colspan="4">' +
3566
  '<div class="layer_add_buttons_wrap"><input class="action_buttons add_text_layer button-small' + (!fv ? "" : " wds_free_button") + '" type="button" value="'+ wds_object.translate.add_text_layer +'" onclick="' + (!fv ? 'wds_add_layer(\'text\', \'' + slideID + '\')' : 'alert(\''+ wds_object.translate.disabled_in_free_version + '\')') + '; return false;"></div><div class="layer_add_buttons_wrap">' +
3567
  img_layer_upload_by +
3583
  jQuery('#controls' + slideID + '_1').prop('checked', true);
3584
  jQuery('#autoplay' + slideID + '_1').prop('checked', true);
3585
  jQuery('#youtube_rel_video' + slideID + '_1').prop('checked', true);
 
3586
  jQuery('#target_attr_slide' + slideID).prop('checked', true);
3587
  jQuery('#wbs_subtab' + slideID).addClass("wds_sub_active");
3588
  wds_slide_weights();
3608
  });
3609
  });
3610
  jQuery(".wds-preview-overflow").width(jQuery(".wd-slides-title").width());
3611
+
3612
  return slideID;
3613
  }
3614
 
3745
  function wds_break_word(that, prefix) {
3746
  if (jQuery(that).is(':checked')) {
3747
  jQuery("#" + prefix).css({wordBreak: "break-all"});
3748
+ if (jQuery("#" + prefix + "_image_width").val() > 0) {
3749
+ jQuery("#" + prefix).css('white-space', 'inherit');
3750
+ }
3751
  }
3752
  else {
3753
  jQuery("#" + prefix).css({wordBreak: "normal"});
3754
+ jQuery("#" + prefix).css('white-space', 'nowrap');
3755
  }
3756
  }
3757
 
3770
  var height = jQuery("#" + prefix + "_image_height").val();
3771
  jQuery("#" + prefix).width(width);
3772
  jQuery("#" + prefix).height(height);
3773
+ if (jQuery("#" + prefix + "_image_scale").is(':checked')) {
3774
+ jQuery("#" + prefix).css('white-space', 'inherit');
3775
+ }
3776
+ if (!wds_object.is_free) {
3777
  wds_hotspot_position(prefix);
3778
  }
3779
  }
3876
 
3877
  jQuery(document).ready(function () {
3878
  wds_onkeypress();
 
3879
  });
3880
 
3881
  function wds_get_checked() {
4101
  var select_val = select.val(),
4102
  selected = select.find("option[value=" + select_val + "]"),
4103
  textarea_html = "";
4104
+ par_tr.next().append("<div class='callbeck-item'><span class='wd-label'>" + selected.text() + "</span><textarea class='callbeck-textarea' name='" + select_val + "'>" + textarea_html + "</textarea><button type='button' id='remove_callback' class='action_buttons remove_callback' onclick=\"remove_callback_item(this);\">Remove</button></div>");
4105
  selected.hide().removeAttr("selected");
4106
 
4107
  select.find("option").each(function() {
4187
  return false;
4188
  }
4189
 
 
 
 
 
 
 
 
 
 
 
 
 
 
4190
  function wds_set_one() {
4191
  jQuery('.wds_opacity_set').show();
4192
  jQuery('.wds_set').show();
4237
  // Set preview container overflow width.
4238
  jQuery(".wds-preview-overflow").width(jQuery(".wd-slides-title").width());
4239
  });
4240
+ // Set slide title on chnage.
4241
+ function wds_set_slide_title( id ) {
4242
+ var val = jQuery('.wds_tab_title_wrap #title'+ id).val();
4243
+ jQuery( '.wds_slide'+ id +' .wds_slide-title-'+ id ).html(val);
4244
+ }
4245
 
4246
  // Hide dimensions and ratio based on full width in settings
4247
+ function hide_dimmension_ratio() {
4248
+ jQuery(".full_width_desc").hide();
4249
+ jQuery("#" + jQuery('.wds_settings_box [name=full_width]:checked').attr("id") + "_desc").show();
4250
+ if (jQuery('.wds_settings_box [name=full_width]:checked').val() == '0' || jQuery('.wds_settings_box [name=full_width]:checked').val() == '2') {
4251
+ jQuery("#auto_height").hide();
4252
  jQuery(".wds_nav_global_box #dimensions").show();
4253
  }
4254
  else {
4255
+ jQuery("#auto_height").show();
4256
+ if (jQuery('.wds_settings_box [name=auto_height]:checked').val() == 0) {
4257
+ jQuery(".wds_nav_global_box #dimensions").show();
4258
+ jQuery("#ratio_container").show();
4259
+ }
4260
+ else {
4261
+ jQuery(".wds_nav_global_box #dimensions").hide();
4262
+ jQuery("#ratio_container").hide();
4263
+ }
4264
  }
4265
  }
4266
 
js/wds_frontend.js CHANGED
@@ -1,45 +1,267 @@
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
  function wds_show_thumb(key, wds) {
2
- var data = window["wds_data_" + wds][key];
3
- var bg_fit = window["wds_data_" + wds][key]["bg_fit"];
4
- var full_width = window["wds_data_" + wds][key]["full_width"];
5
- var bull_position = window["wds_data_" + wds][key]["bull_position"];
6
  var image_url = data["image_url"];
7
  var dot_conteiner_width = jQuery('.wds_slideshow_dots_container_' + wds).width() / 2;
8
  var dot_conteiner_height = jQuery('.wds_slideshow_dots_container_' + wds).height();
9
  var wds_bulframe_width = jQuery('.wds_bulframe_' + wds).width() / 2;
10
- var dot_position = jQuery('#wds_dots_' + key + '_' + wds ).position();
11
- var dot_width = jQuery('#wds_dots_' + key + '_' + wds ).width() / 2;
12
  dot_position = dot_position.left;
13
- var childPos = jQuery('#wds_dots_' + key + '_' + wds ).offset();
14
  var parentPos = jQuery('.wds_slideshow_dots_thumbnails_' + wds).parent().offset();
15
  var childOffset = childPos.left - parentPos.left;
16
  var right_offset = 0;
17
  var rt = (dot_conteiner_width * 2) - childOffset;
18
  if (wds_bulframe_width >= rt && rt > 0) {
19
- right_offset = wds_bulframe_width - rt;
20
  dot_width = 0;
21
  }
22
  if (full_width == '1') {
23
  if (wds_bulframe_width >= childOffset) {
24
- wds_bulframe_width = childOffset - parentPos.left ;
25
  dot_width = 0;
26
  }
27
  }
28
  else {
29
  if (wds_bulframe_width >= childOffset) {
30
- wds_bulframe_width = childOffset ;
31
  dot_width = 0;
32
  }
33
  }
34
  dot_position = childOffset - wds_bulframe_width + dot_width - right_offset;
35
- jQuery('.wds_bulframe_' + wds ).css({
36
- 'position' : 'absolute',
37
- 'z-index' : '9999',
38
  'left': dot_position,
39
- 'background-image' :'url("' + image_url + '")',
40
- 'background-size' : bg_fit,
41
- 'background-repeat' : 'no-repeat',
42
- 'background-position' : 'center center'});
 
 
43
  jQuery('.wds_bulframe_' + wds).css(bull_position, dot_conteiner_height);
44
  jQuery('.wds_bulframe_' + wds).fadeIn();
45
  }
@@ -65,4 +287,2456 @@ function wds_set_text_dots_cont(wds) {
65
  wds_bull_width += jQuery(this).outerWidth() + 2 * parseInt(jQuery(this).css("margin-left"));
66
  });
67
  jQuery(".wds_slideshow_dots_thumbnails_" + wds).css({width: wds_bull_width});
68
- }
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
+ var wds_carousel = [];
2
+ var wds_currentlyMoving = [];
3
+ var wds_currentCenterNum = [];
4
+ var wds;
5
+
6
+ jQuery(".wds_slider_cont").each(function () {
7
+ wds = jQuery(this).attr("data-wds");
8
+ if (wds_params[wds].current_image_url != '') {
9
+ jQuery('<img />').attr("src", wds_params[wds].current_image_url).on('load', function () {
10
+ jQuery(this).remove();
11
+ wds_ready(wds);
12
+ });
13
+ }
14
+ else {
15
+ wds_ready(wds);
16
+ }
17
+ if (wds_params[wds].fixed_bg == 1) {
18
+ jQuery(window).scroll(function () {
19
+ wds_window_fixed_pos(wds);
20
+ });
21
+ }
22
+ wds_params[wds].wds_play_pause_state = 0;
23
+ if (wds_params[wds].carousel == 1) {
24
+ wds_carousel_params(wds);
25
+ }
26
+ jQuery(window).blur(function () {
27
+ wds_event_stack_wds = [];
28
+ //window.clearInterval(wds_params[wds].wds_playInterval);
29
+ if (typeof jQuery().stop !== 'undefined') {
30
+ if (jQuery.isFunction(jQuery().stop)) {
31
+ if (wds_params[wds].timer_bar_type == 'top' || wds_params[wds].timer_bar_type == 'bottom') {
32
+ jQuery(".wds_line_timer_" + wds).stop();
33
+ if (wds_params[wds].carousel) {
34
+ wds_carousel[wds].pause();
35
+ }
36
+ }
37
+ else if (wds_params[wds].timer_bar_type != 'none') {
38
+ wds_params[wds].circle_timer_animate.stop();
39
+ if (wds_params[wds].carousel) {
40
+ wds_carousel[wds].pause();
41
+ }
42
+ }
43
+ }
44
+ }
45
+ });
46
+ jQuery(window).focus(function () {
47
+ if (!jQuery(".wds_ctrl_btn_" + wds).hasClass("fa-play")) {
48
+ if (wds_params[wds].enable_slideshow_autoplay) {
49
+ play_wds(wds);
50
+ if (wds_params[wds].carousel == 1) {
51
+ wds_carousel[wds].start();
52
+ }
53
+ if (wds_params[wds].timer_bar_type != 'none') {
54
+ if (wds_params[wds].timer_bar_type != 'top') {
55
+ if (wds_params[wds].timer_bar_type != 'bottom') {
56
+ if (typeof wds_params[wds].circle_timer_animate !== 'undefined') {
57
+ wds_params[wds].circle_timer_animate.stop();
58
+ }
59
+ wds_circle_timer(wds, wds_params[wds].curent_time_deggree);
60
+ }
61
+ }
62
+ }
63
+ }
64
+ }
65
+ if (wds_params[wds].carousel != 1) {
66
+ var i_wds = 0;
67
+ jQuery(".wds_slider_" + wds).children("span").each(function () {
68
+ if (jQuery(this).css('opacity') == 1) {
69
+ jQuery("#wds_current_image_key_" + wds).val(i_wds);
70
+ }
71
+ i_wds++;
72
+ });
73
+ }
74
+ });
75
+ });
76
+
77
+ jQuery(window).resize(function () {
78
+ jQuery(".wds_slider_cont").each(function () {
79
+ wds = jQuery(this).attr("data-wds");
80
+ wds_resize_slider(wds);
81
+ if (typeof wds_params[wds].callback_items["onSliderR"] !== 'undefined' && wds_params[wds].callback_items["onSliderR"] !== null) {
82
+ document.write(wds_params[wds].callback_items["onSliderR"]);
83
+ }
84
+ })
85
+ });
86
+
87
+ jQuery(document).ready(function () {
88
+ jQuery(".wds_slider_cont").each(function () {
89
+ wds = jQuery(this).attr("data-wds");
90
+ if (wds_params[wds].carousel == 1) {
91
+ wds_currentlyMoving[wds] = false;
92
+ wds_currentCenterNum[wds] = wds_params[wds].start_slide_num_car;
93
+ wds_params[wds].wds_currentCenterNum = wds_currentCenterNum[wds];
94
+ jQuery(".wds_left-ico_" + wds).click(function () {
95
+ wds_carousel[jQuery(this).closest('div[class^="wds_slider_cont"]').attr("data-wds")].prev();
96
+ });
97
+ jQuery(".wds_right-ico_" + wds).click(function () {
98
+ wds_carousel[jQuery(this).closest('div[class^="wds_slider_cont"]').attr("data-wds")].next();
99
+ });
100
+ }
101
+ });
102
+ });
103
+
104
+ if (!wds_object.is_free) {
105
+ jQuery(window).resize(function () {
106
+ jQuery(".wds_slider_cont").each(function () {
107
+ wds = jQuery(this).attr("data-wds");
108
+ if (wds_params[wds].carousel == 1) {
109
+ wds_carousel_params(wds);
110
+ wds_carousel[wds].pause();
111
+ if (!jQuery(".wds_ctrl_btn_" + wds).hasClass("fa-play")) {
112
+ wds_carousel[wds].start();
113
+ }
114
+ }
115
+ })
116
+ });
117
+ }
118
+
119
+ jQuery(window).on('load', function () {
120
+ jQuery(".wds_slider_cont").each(function () {
121
+ wds = jQuery(this).attr("data-wds");
122
+ if (!wds_object.is_free && wds_params[wds].carousel == 1) {
123
+ wds_carousel_params(wds);
124
+ wds_display_hotspot();
125
+ wds_hotspot_position();
126
+ }
127
+ })
128
+ });
129
+
130
+ function wds_carousel_params(wds) {
131
+ var width, height;
132
+ var slide_orig_width = wds_params[wds].image_width;
133
+ var slide_orig_height = wds_params[wds].image_height;
134
+ var slide_width = wds_get_overall_parent(jQuery("#wds_container1_" + wds));
135
+ var par = 1, par1 = 1;
136
+ var ratio = slide_width / slide_orig_width;
137
+ if (jQuery(window).width() <= parseInt(wds_params[wds].full_width_for_mobile) || (wds_params[wds].full_width == '1')) {
138
+ var full_width = '1';
139
+ }
140
+ else {
141
+ var full_width = '0';
142
+ }
143
+ if (full_width == '1') {
144
+ ratio = jQuery(window).width() / slide_orig_width;
145
+ slide_orig_width = jQuery(window).width() - (2 * wds_params[wds].wds_glb_margin);
146
+ slide_orig_height = wds_params[wds].image_height * slide_orig_width / wds_params[wds].image_width;
147
+ slide_width = jQuery(window).width() - (2 * wds_params[wds].wds_glb_margin);
148
+ wds_full_width(wds);
149
+ }
150
+ else if (parseInt(wds_params[wds].full_width_for_mobile)) {
151
+ jQuery(".wds_slideshow_image_wrap_" + wds).removeAttr("style");
152
+ }
153
+ var slide_height = slide_orig_height;
154
+ if (slide_orig_width > slide_width) {
155
+ slide_height = Math.floor(slide_width * slide_orig_height / slide_orig_width);
156
+ }
157
+ width = slide_width;
158
+ height = slide_height;
159
+ var larg_width, img_height, parF = 1;
160
+ if (width < wds_params[wds].carousel_width) {
161
+ par = width / wds_params[wds].carousel_width;
162
+ }
163
+ par1 = wds_params[wds].image_height * par / height;
164
+ if (width < wds_params[wds].carousel_width) {
165
+ jQuery(".wds_slideshow_image_wrap_" + wds + ", #wds_container2_" + wds).height(height * par1 + ((wds_params[wds].filmstrip_direction == 'horizontal') ? wds_params[wds].filmstrip_height : 0));
166
+ jQuery(".wds_slideshow_image_container_" + wds).height(height * par1);
167
+ jQuery(".wds_btn_cont wds_contTableCell" + wds).height(height * par1);
168
+ jQuery(".wds_slide_container_" + wds).height(height * par1);
169
+ }
170
+ if (full_width == '1') {
171
+ var parF = parseFloat(wds_params[wds].carousel_image_parameters);
172
+ parF = isNaN(parF) ? 1 : parF;
173
+ parF *= wds_params[wds].image_width;
174
+ jQuery(".wds_slideshow_image_wrap_" + wds + ", #wds_container2_" + wds).height(height * par1 + ((wds_params[wds].filmstrip_direction == 'horizontal') ? wds_params[wds].filmstrip_height : 0));
175
+ jQuery(".wds_slideshow_image_container_" + wds).height(height * par1);
176
+ jQuery(".wds_btn_cont wds_contTableCell" + wds).height(height * par1);
177
+ jQuery(".wds_slide_container_" + wds).height(height * par1);
178
+ }
179
+ if (wds_params[wds].carousel_image_counts > wds_params[wds].slides_count) {
180
+ wds_params[wds].carousel_image_counts = wds_params[wds].slides_count;
181
+ }
182
+ if (wds_params[wds].carousel_image_parameters > 1) {
183
+ wds_params[wds].carousel_image_parameters = 1;
184
+ }
185
+ var interval = 0;
186
+ if (wds_params[wds].enable_slideshow_autoplay) {
187
+ interval = wds_params[wds].slideshow_interval;
188
+ }
189
+ var slideshow_filmstrip_container_width = wds_params[wds].filmstrip_direction == 'horizontal' ? 0 : jQuery(".wds_slideshow_filmstrip_container_" + wds).width();
190
+ jQuery(".wds_slideshow_dots_container_" + wds).css({
191
+ width: (wds_params[wds].image_width * par),
192
+ left: (width - wds_params[wds].image_width * par - slideshow_filmstrip_container_width) / 2
193
+ });
194
+ var orig_width = wds_params[wds].image_width;
195
+ var img_width = Math.min(larg_width, orig_width);
196
+ wds_carousel[wds] = jQuery(".wds_slide_container_" + wds).featureCarouselslider({
197
+ containerWidth: width,
198
+ containerHeight: height,
199
+ largeFeatureWidth: wds_params[wds].image_width * par,
200
+ largeFeatureHeight: wds_params[wds].image_height * par,
201
+ fit_containerWidth: wds_params[wds].carousel_fit_containerWidth,
202
+ smallFeaturePar: wds_params[wds].carousel_image_parameters,
203
+ featuresArray: [],
204
+ timeoutVar: null,
205
+ rotationsRemaining: 0,
206
+ parametr: par,
207
+ parf: parF,
208
+ data: wds_params[wds].wds_data,
209
+ autoPlay: wds_params[wds].interval * 1000,
210
+ interval: wds_params[wds].slideshow_interval * 1000,
211
+ imagecount: wds_params[wds].carousel_image_counts,
212
+ wds_number: wds_params[wds].wds,
213
+ startingFeature: wds_currentCenterNum[wds],
214
+ carouselSpeed: wds_params[wds].wds_transition_duration,
215
+ carousel_degree: wds_params[wds].carousel_degree,
216
+ carousel_grayscale: wds_params[wds].carousel_grayscale,
217
+ carousel_transparency: wds_params[wds].carousel_transparency,
218
+ borderWidth: 0
219
+ });
220
+ }
221
+
222
  function wds_show_thumb(key, wds) {
223
+ var data = wds_params[wds].wds_data[key];
224
+ var full_width = wds_params[wds].wds_data[key]["full_width"];
225
+ var bull_position = wds_params[wds].wds_data[key]["bull_position"];
 
226
  var image_url = data["image_url"];
227
  var dot_conteiner_width = jQuery('.wds_slideshow_dots_container_' + wds).width() / 2;
228
  var dot_conteiner_height = jQuery('.wds_slideshow_dots_container_' + wds).height();
229
  var wds_bulframe_width = jQuery('.wds_bulframe_' + wds).width() / 2;
230
+ var dot_position = jQuery('#wds_dots_' + key + '_' + wds).position();
231
+ var dot_width = jQuery('#wds_dots_' + key + '_' + wds).width() / 2;
232
  dot_position = dot_position.left;
233
+ var childPos = jQuery('#wds_dots_' + key + '_' + wds).offset();
234
  var parentPos = jQuery('.wds_slideshow_dots_thumbnails_' + wds).parent().offset();
235
  var childOffset = childPos.left - parentPos.left;
236
  var right_offset = 0;
237
  var rt = (dot_conteiner_width * 2) - childOffset;
238
  if (wds_bulframe_width >= rt && rt > 0) {
239
+ right_offset = wds_bulframe_width - rt;
240
  dot_width = 0;
241
  }
242
  if (full_width == '1') {
243
  if (wds_bulframe_width >= childOffset) {
244
+ wds_bulframe_width = childOffset - parentPos.left;
245
  dot_width = 0;
246
  }
247
  }
248
  else {
249
  if (wds_bulframe_width >= childOffset) {
250
+ wds_bulframe_width = childOffset;
251
  dot_width = 0;
252
  }
253
  }
254
  dot_position = childOffset - wds_bulframe_width + dot_width - right_offset;
255
+ jQuery('.wds_bulframe_' + wds).css({
256
+ 'position': 'absolute',
257
+ 'z-index': '9999',
258
  'left': dot_position,
259
+ 'background-image': 'url("' + image_url + '")',
260
+ // 'background-size' : bg_fit,
261
+ 'background-size': 'contain',
262
+ 'background-repeat': 'no-repeat',
263
+ 'background-position': 'center center'
264
+ });
265
  jQuery('.wds_bulframe_' + wds).css(bull_position, dot_conteiner_height);
266
  jQuery('.wds_bulframe_' + wds).fadeIn();
267
  }
287
  wds_bull_width += jQuery(this).outerWidth() + 2 * parseInt(jQuery(this).css("margin-left"));
288
  });
289
  jQuery(".wds_slideshow_dots_thumbnails_" + wds).css({width: wds_bull_width});
290
+ }
291
+
292
+ /* Generate background position for Zoom Fade effect.*/
293
+ function wds_genBgPos(current_key, wds, slideshow_interval) {
294
+ var bgSizeArray = [0, 70];
295
+ var bgSize = bgSizeArray[Math.floor(Math.random() * bgSizeArray.length)];
296
+ var bgPosXArray = ['left', 'right'];
297
+ var bgPosYArray = ['top', 'bottom'];
298
+ var bgPosX = bgPosXArray[Math.floor(Math.random() * bgPosXArray.length)];
299
+ var bgPosY = bgPosYArray[Math.floor(Math.random() * bgPosYArray.length)];
300
+ jQuery(current_key + " .wds_slideshow_image_" + wds).css({
301
+ backgroundPosition: bgPosX + " " + bgPosY,
302
+ backgroundSize: (100 + bgSize) + "% " + (100 + bgSize) + "%",
303
+ webkitAnimation: ' wdszoom' + bgSize + ' ' + Math.floor(1.1 * slideshow_interval) + 's linear 0s alternate infinite',
304
+ mozAnimation: ' wdszoom' + bgSize + ' ' + Math.floor(1.1 * slideshow_interval) + 's linear 0s alternate infinite',
305
+ animation: ' wdszoom' + bgSize + ' ' + Math.floor(1.1 * slideshow_interval) + 's linear 0s alternate infinite'
306
+ });
307
+ }
308
+
309
+ /* For browsers that does not support transitions.*/
310
+ function wds_fallback(wds, current_image_class, next_image_class, direction, wds, wds_transition_duration) {
311
+ wds_fade(current_image_class, next_image_class, direction);
312
+ }
313
+
314
+ function wds_fade(wds, current_image_class, next_image_class, direction) {
315
+ var container = {};
316
+ /* Set active thumbnail.*/
317
+ wds_set_filmstrip_class(wds);
318
+ wds_set_dots_class(wds);
319
+ if (wds_testBrowser_cssTransitions()) {
320
+ jQuery(next_image_class).css('transition', 'opacity ' + wds_params[wds].wds_transition_duration + 'ms linear');
321
+ jQuery(current_image_class).css({'opacity': 0, 'z-index': 1});
322
+ jQuery(next_image_class).css({'opacity': 1, 'z-index': 2});
323
+ }
324
+ else {
325
+ jQuery(current_image_class).animate({'opacity': 0, 'z-index': 1}, wds_params[wds].wds_transition_duration);
326
+ jQuery(next_image_class).animate({
327
+ 'opacity': 1,
328
+ 'z-index': 2
329
+ }, {
330
+ duration: wds_params[wds].wds_transition_duration,
331
+ complete: function () {
332
+ }
333
+ });
334
+ /* For IE.*/
335
+ jQuery(current_image_class).fadeTo(wds_params[wds].wds_transition_duration, 0);
336
+ jQuery(next_image_class).fadeTo(wds_params[wds].wds_transition_duration, 1);
337
+ }
338
+ //$callback_items["onSliderCE"])) echo $callback_items["onSliderCE"];
339
+ if (typeof wds_params[wds].callback_items["onSliderCE"] !== 'undefined' && wds_params[wds].callback_items["onSliderCE"] !== null) {
340
+ document.write(wds_params[wds].callback_items["onSliderCE"]);
341
+ }
342
+ }
343
+
344
+ /* For browsers that support transitions, but not 3d transforms (only used if primary transition makes use of 3d-transforms).*/
345
+ function wds_fallback3d(wds, urrent_image_class, next_image_class, direction) {
346
+ wds_sliceV(wds, current_image_class, next_image_class, direction);
347
+ }
348
+
349
+ function wds_sliceV(wds, current_image_class, next_image_class, direction) {
350
+ if (direction == 'right') {
351
+ var translateY = 'min-auto';
352
+ }
353
+ else if (direction == 'left') {
354
+ var translateY = 'auto';
355
+ }
356
+ wds_grid(wds, 10, 1, 0, 0, translateY, 1, 0, current_image_class, next_image_class, direction, 0, 0, 'ease-in-out');
357
+ }
358
+
359
+ function wds_grid(wds, cols, rows, ro, tx, ty, sc, op, current_image_class, next_image_class, direction, random, roy, easing) {
360
+ /* If browser does not support CSS transitions.*/
361
+ if (!wds_testBrowser_cssTransitions()) {
362
+ return wds_fallback(current_image_class, next_image_class, direction);
363
+ }
364
+ wds_params[wds].wds_trans_in_progress = true;
365
+ /* Set active thumbnail.*/
366
+ wds_set_filmstrip_class(wds);
367
+ wds_set_dots_class(wds);
368
+ /* The time (in ms) added to/subtracted from the delay total for each new gridlet.*/
369
+ var count = (wds_params[wds].wds_transition_duration) / (cols + rows);
370
+
371
+ /* Gridlet creator (divisions of the image grid, positioned with background-images to replicate the look of an entire slide image when assembled)*/
372
+ function wds_gridlet(wds, width, height, top, img_top, left, img_left, src, imgWidth, imgHeight, c, r) {
373
+ var delay = random ? Math.floor((cols + rows) * count * Math.random()) : (c + r) * count;
374
+ /* Return a gridlet elem with styles for specific transition.*/
375
+ var grid_div = jQuery('<span class="wds_gridlet_' + wds + '" />').css({
376
+ display: "block",
377
+ width: imgWidth, /*"100%"*/
378
+ height: jQuery(".wds_slideshow_image_spun_" + wds).height() + "px",
379
+ top: -top,
380
+ left: -left,
381
+ backgroundImage: src,
382
+ backgroundSize: jQuery(".wds_slideshow_image_" + wds).css("background-size"),
383
+ backgroundPosition: jQuery(".wds_slideshow_image_" + wds).css("background-position"),
384
+ backgroundRepeat: 'no-repeat'
385
+ });
386
+ return jQuery('<span class="wds_gridlet_' + wds + '" />').css({
387
+ display: "block",
388
+ width: width, /*"100%"*/
389
+ height: height,
390
+ top: top,
391
+ left: left,
392
+ backgroundSize: imgWidth + 'px ' + imgHeight + 'px',
393
+ backgroundPosition: img_left + 'px ' + img_top + 'px',
394
+ backgroundRepeat: 'no-repeat',
395
+ overflow: "hidden",
396
+ transition: 'all ' + wds_params[wds].wds_transition_duration + 'ms ' + easing + ' ' + delay + 'ms',
397
+ transform: 'none'
398
+ }).append(grid_div);
399
+ }
400
+
401
+ /* Get the current slide's image.*/
402
+ var cur_img = jQuery(current_image_class).find('span[data-img-id^="wds_slideshow_image"]');
403
+ /* Create a grid to hold the gridlets.*/
404
+ var grid = jQuery('<span style="display: block;" />').addClass('wds_grid_' + wds);
405
+ /* Prepend the grid to the next slide (i.e. so it's above the slide image).*/
406
+ jQuery(current_image_class).prepend(grid);
407
+ /* vars to calculate positioning/size of gridlets*/
408
+ var cont = jQuery(".wds_slide_bg_" + wds);
409
+ var imgWidth = cur_img.width();
410
+ var imgHeight = cur_img.height();
411
+ var contWidth = cont.width(),
412
+ contHeight = cont.height(),
413
+ imgSrc = cur_img.css('background-image'), /*.replace('/thumb', ''),*/
414
+ colWidth = Math.floor(contWidth / cols),
415
+ rowHeight = Math.floor(contHeight / rows),
416
+ colRemainder = contWidth - (cols * colWidth),
417
+ colAdd = Math.ceil(colRemainder / cols),
418
+ rowRemainder = contHeight - (rows * rowHeight),
419
+ rowAdd = Math.ceil(rowRemainder / rows),
420
+ leftDist = 0,
421
+ img_leftDist = (jQuery(".wds_slide_bg_" + wds).width() - cur_img.width()) / 2;
422
+ /* tx/ty args can be passed as 'auto'/'min-auto' (meaning use slide width/height or negative slide width/height).*/
423
+ tx = tx === 'auto' ? contWidth : tx;
424
+ tx = tx === 'min-auto' ? -contWidth : tx;
425
+ ty = ty === 'auto' ? contHeight : ty;
426
+ ty = ty === 'min-auto' ? -contHeight : ty;
427
+ /* Loop through cols*/
428
+ for (var i = 0; i < cols; i++) {
429
+ var topDist = 0,
430
+ img_topDst = (jQuery(".wds_slide_bg_" + wds).height() - cur_img.height()) / 2,
431
+ newColWidth = colWidth;
432
+ /* If imgWidth (px) does not divide cleanly into the specified number of cols, adjust individual col widths to create correct total.*/
433
+ if (colRemainder > 0) {
434
+ var add = colRemainder >= colAdd ? colAdd : colRemainder;
435
+ newColWidth += add;
436
+ colRemainder -= add;
437
+ }
438
+ /* Nested loop to create row gridlets for each col.*/
439
+ for (var j = 0; j < rows; j++) {
440
+ var newRowHeight = rowHeight,
441
+ newRowRemainder = rowRemainder;
442
+ /* If contHeight (px) does not divide cleanly into the specified number of rows, adjust individual row heights to create correct total.*/
443
+ if (newRowRemainder > 0) {
444
+ add = newRowRemainder >= rowAdd ? rowAdd : rowRemainder;
445
+ newRowHeight += add;
446
+ newRowRemainder -= add;
447
+ }
448
+ /* Create & append gridlet to grid.*/
449
+ grid.append(wds_gridlet(wds, newColWidth, newRowHeight, topDist, img_topDst, leftDist, img_leftDist, imgSrc, imgWidth, imgHeight, i, j));
450
+ topDist += newRowHeight;
451
+ img_topDst -= newRowHeight;
452
+ }
453
+ img_leftDist -= newColWidth;
454
+ leftDist += newColWidth;
455
+ }
456
+ /* Show grid & hide the image it replaces.*/
457
+ grid.show();
458
+ cur_img.css('opacity', 0);
459
+ /* Add identifying classes to corner gridlets (useful if applying border radius).*/
460
+ grid.children().first().addClass('rs-top-left');
461
+ grid.children().last().addClass('rs-bottom-right');
462
+ grid.children().eq(rows - 1).addClass('rs-bottom-left');
463
+ grid.children().eq(-rows).addClass('rs-top-right');
464
+ /* Execution steps.*/
465
+ setTimeout(function () {
466
+ grid.children().css({
467
+ opacity: op,
468
+ transform: 'rotate(' + ro + 'deg) rotateY(' + roy + 'deg) translateX(' + tx + 'px) translateY(' + ty + 'px) scale(' + sc + ')'
469
+ });
470
+ }, 1);
471
+ jQuery(next_image_class).css('opacity', 1);
472
+ /* After transition.*/
473
+ var cccount = 0;
474
+ var obshicccount = cols * rows;
475
+ grid.children().one('webkitTransitionEnd transitionend otransitionend oTransitionEnd mstransitionend', jQuery.proxy(wds_after_trans_each));
476
+
477
+ function wds_after_trans_each(wds) {
478
+ if (++cccount == obshicccount) {
479
+ wds_after_trans(wds);
480
+ }
481
+ }
482
+
483
+ function wds_after_trans() {
484
+ jQuery(current_image_class).css({'opacity': 0, 'z-index': 1});
485
+ jQuery(next_image_class).css({'opacity': 1, 'z-index': 2});
486
+ cur_img.css('opacity', 1);
487
+ grid.remove();
488
+ wds_params[wds].wds_trans_in_progress = false;
489
+ if (typeof wds_params[wds].wds_event_stack !== 'undefined') {
490
+ if (wds_params[wds].wds_event_stack.length > 0) {
491
+ key = wds_params[wds].wds_event_stack[0].split("-");
492
+ wds_params[wds].wds_event_stack.shift();
493
+ wds_change_image(wds, key[0], key[1], wds_params[wds].wds_data, true, direction);
494
+ }
495
+ }
496
+ //<?php if(isset($callback_items["onSliderCE"])) echo $callback_items["onSliderCE"]; ?>
497
+ if (typeof wds_params[wds].callback_items["onSliderCE"] !== 'undefined' && wds_params[wds].callback_items["onSliderCE"] !== null) {
498
+ document.write(wds_params[wds].callback_items["onSliderCE"]);
499
+ }
500
+ }
501
+ }
502
+
503
+ function wds_change_image(wds, current_key, key, wds_data, from_effect, btn) {
504
+ if (typeof btn == "undefined") {
505
+ var btn = "";
506
+ }
507
+ if (!(wds_params[wds].carousel != 0 || wds_data[key]["is_video"] != 'image')) {
508
+ jQuery('<img />').attr("src", wds_data[key]["image_url"])
509
+ .on('load', function () {
510
+ jQuery(this).remove();
511
+ wds_change_image_when_loaded(wds, current_key, key, wds_data, from_effect, btn);
512
+ })
513
+ .on('error', function () {
514
+ jQuery(this).remove();
515
+ wds_change_image_when_loaded(wds, current_key, key, wds_data, from_effect, btn);
516
+ });
517
+ }
518
+ else {
519
+ wds_change_image_when_loaded(wds, current_key, key, wds_data, from_effect, btn);
520
+ }
521
+ }
522
+
523
+ function wds_play_wds(wds) {
524
+ wds_params[wds].wds_play_pause_state = 0;
525
+ /* Play.*/
526
+ jQuery(".wds_slideshow_play_pause_" + wds).attr("title", wds_object.pause);
527
+ jQuery(".wds_slideshow_play_pause_" + wds).attr("class", "wds_ctrl_btn_" + wds + " wds_slideshow_play_pause_" + wds + " fa fa-pause");
528
+ /* Finish current animation and begin the other.*/
529
+ if (wds_params[wds].enable_slideshow_autoplay) {
530
+ if (wds_params[wds].timer_bar_type != 'top') {
531
+ if (wds_params[wds].timer_bar_type != 'bottom') {
532
+ if (typeof wds_params[wds].circle_timer_animate !== 'undefined') {
533
+ wds_params[wds].circle_timer_animate.stop();
534
+ if (wds_params[wds].carousel) {
535
+ wds_params[wds].wds_carousel_wds.pause();
536
+ }
537
+ }
538
+ wds_circle_timer(wds_params[wds].curent_time_deggree);
539
+ }
540
+ }
541
+ }
542
+ play_wds(wds);
543
+ if (wds_params[wds].enable_slideshow_music) {
544
+ if (wds_params[wds].slideshow_music_url != '') {
545
+ document.getElementById("wds_audio_" + wds).play();
546
+ }
547
+ }
548
+ if (wds_params[wds].carousel) {
549
+ wds_params[wds].wds_carousel_wds.start();
550
+ }
551
+ }
552
+
553
+ function play_wds(wds) {
554
+ if (wds_params[wds].timer_bar_type != 'none') {
555
+ if (wds_params[wds].enable_slideshow_autoplay || jQuery('.wds_ctrl_btn_' + wds).hasClass('fa-pause')) {
556
+ jQuery(".wds_line_timer_" + wds).animate({
557
+ width: "100%"
558
+ }, {
559
+ duration: wds_params[wds].slideshow_interval * 1000,
560
+ specialEasing: {width: "linear"}
561
+ });
562
+ }
563
+ }
564
+ window.clearInterval(wds_params[wds].wds_playInterval);
565
+ /* Play.*/
566
+ wds_params[wds].wds_playInterval = setInterval(function () {
567
+ var curr_img_index = parseInt(jQuery('#wds_current_image_key_' + wds).val());
568
+ if (wds_params[wds].slider_loop == 0) {
569
+ if (wds_params[wds].twoway_slideshow) {
570
+ if (wds_params[wds].wds_global_btn_wds == "left") {
571
+ if (curr_img_index == 0) {
572
+ return false;
573
+ }
574
+ }
575
+ else {
576
+ if (curr_img_index == wds_params[wds].slides_count - 1) {
577
+ return false;
578
+ }
579
+ }
580
+ }
581
+ else {
582
+ if (curr_img_index == wds_params[wds].slides_count - 1) {
583
+ return false;
584
+ }
585
+ }
586
+ }
587
+ var curr_img_id = wds_params[wds].wds_data[parseInt(jQuery('#wds_current_image_key_' + wds).val())]["id"];
588
+ wds_params[wds].video_is_playing = false;
589
+ jQuery("#wds_image_id_" + wds + "_" + curr_img_id).find("video").each(function () {
590
+ if (!this.paused) {
591
+ wds_params[wds].video_is_playing = true;
592
+ }
593
+ });
594
+ jQuery("#wds_image_id_" + wds + "_" + curr_img_id).find("iframe[data-type='youtube']").each(function () {
595
+ player = wds_params[wds].youtube_iframes_ids.indexOf(this.id);
596
+ if (typeof wds_params[wds].youtube_iframes[player] != "undefined") {
597
+ if (typeof wds_params[wds].youtube_iframes[player].getPlayerState == "function") {
598
+ if (wds_params[wds].youtube_iframes[player].getPlayerState() == 1) {
599
+ wds_params[wds].video_is_playing = true;
600
+ }
601
+ }
602
+ }
603
+ });
604
+ iframe_message_sent_wds = 0;
605
+ wds_params[wds].iframe_message_received = 0;
606
+ jQuery("#wds_image_id_" + wds + "_" + curr_img_id).find("iframe[data-type='vimeo']").each(function () {
607
+ jQuery(this)[0].contentWindow.postMessage('{ "method": "paused" }', "*");
608
+ iframe_message_sent_wds = iframe_message_sent_wds + 1;
609
+ });
610
+
611
+ function wds_call_change() {
612
+ if (!wds_params[wds].video_is_playing) {
613
+ var iterator = 1;
614
+ var img_index = (parseInt(jQuery('#wds_current_image_key_' + wds).val()) + iterator) % wds_params[wds].wds_data.length;
615
+ if (wds_params[wds].enable_slideshow_shuffle) {
616
+ iterator = Math.floor((wds_params[wds].wds_data.length - 1) * Math.random() + 1);
617
+ }
618
+ else if (wds_params[wds].twoway_slideshow) {
619
+ if (wds_params[wds].wds_global_btn_wds == "left") {
620
+ iterator = -1;
621
+ }
622
+ }
623
+ img_index = (parseInt(jQuery('#wds_current_image_key_' + wds).val()) + iterator) >= 0 ? (parseInt(jQuery('#wds_current_image_key_' + wds).val()) + iterator) % wds_params[wds].wds_data.length : wds_params[wds].wds_data.length - 1;
624
+ wds_change_image(wds, parseInt(jQuery('#wds_current_image_key_' + wds).val()), img_index, wds_params[wds].wds_data);
625
+ if (wds_params[wds].carousel == 1) {
626
+ wds_carousel[wds].next();
627
+ }
628
+ }
629
+ }
630
+
631
+ function wds_check_message_received() {
632
+ return iframe_message_sent_wds == wds_params[wds].iframe_message_received ? true : false;
633
+ }
634
+
635
+ function wds_call(wds_condition, wds_callback) {
636
+ if (wds_condition()) {
637
+ wds_callback();
638
+ }
639
+ else {
640
+ setTimeout(function () {
641
+ wds_call(wds_condition, wds_callback);
642
+ }, 10);
643
+ }
644
+ }
645
+
646
+ wds_call(wds_check_message_received, wds_call_change);
647
+ }, parseInt(wds_params[wds].slideshow_interval * 1000) + wds_params[wds].wds_duration_for_change);
648
+ }
649
+
650
+ function wds_change_image_when_loaded(wds, current_key, key, wds_data, from_effect, btn) {
651
+ if (wds_params[wds].carousel == 1) {
652
+ if (wds_currentlyMoving[wds] == true) {
653
+ return;
654
+ }
655
+ }
656
+ /* Pause videos.*/
657
+ jQuery("#wds_slideshow_image_container_" + wds).find("iframe").each(function () {
658
+ if (typeof jQuery(this)[0].contentWindow != "undefined") {
659
+ if (jQuery(this).data('type') == 'youtube') {
660
+ player = wds_params[wds].youtube_iframes_ids.indexOf(this.id);
661
+ if (typeof wds_params[wds].youtube_iframes[player] != "undefined" && wds_done) {
662
+ wds_params[wds].youtube_iframes[player].stopVideo();
663
+ }
664
+ }
665
+ else if (jQuery(this).data('type') == 'vimeo') {
666
+ jQuery(this)[0].contentWindow.postMessage('{ "method": "pause" }', "*");
667
+ }
668
+ else {
669
+ jQuery(this)[0].contentWindow.postMessage('stop', '*');
670
+ }
671
+ }
672
+ });
673
+ jQuery("#wds_slideshow_image_container_" + wds).find("video").each(function () {
674
+ jQuery(this).trigger('pause');
675
+ jQuery('.wds_bigplay_' + wds).show();
676
+ });
677
+ /* Pause layer videos.*/
678
+ jQuery(".wds_video_layer_frame_" + wds).each(function () {
679
+ if (typeof jQuery(this)[0].contentWindow != "undefined") {
680
+ if (jQuery(this).data('type') == 'youtube') {
681
+ player = wds_params[wds].youtube_iframes_ids.indexOf(this.id);
682
+ if (typeof wds_params[wds].youtube_iframes[player] != "undefined") {
683
+ wds_params[wds].youtube_iframes[player].stopVideo();
684
+ }
685
+ }
686
+ else if (jQuery(this).data('type') == 'vimeo') {
687
+ jQuery(this)[0].contentWindow.postMessage('{ "method": "pause" }', "*");
688
+ }
689
+ else {
690
+ jQuery(this)[0].contentWindow.postMessage('stop', '*');
691
+ }
692
+ }
693
+ });
694
+
695
+ if (wds_data[key]) {
696
+
697
+ if (jQuery('.wds_ctrl_btn_' + wds).hasClass('fa-pause') || wds_params[wds].autoplay) {
698
+ play_wds(wds);
699
+ }
700
+ if (!from_effect) {
701
+ /* Change image key.*/
702
+ jQuery("#wds_current_image_key_" + wds).val(key);
703
+ if (current_key == '-1') { /* Filmstrip.*/
704
+ current_key = jQuery(".wds_slideshow_thumb_active_" + wds).children("img").attr("data-image-key");
705
+ }
706
+ else if (current_key == '-2') { /* Dots.*/
707
+ currId = jQuery(".wds_slideshow_dots_active_" + wds).attr("id");
708
+ current_key = currId.replace('wds_dots_', '').replace('_' + wds, '');
709
+ }
710
+ }
711
+ if (wds_params[wds].wds_trans_in_progress) {
712
+ wds_params[wds].wds_event_stack.push(current_key + '-' + key);
713
+ return;
714
+ }
715
+ if (btn == "") {
716
+ var direction = "right";
717
+ var int_curr_key = parseInt(wds_params[wds].wds_current_key);
718
+ var int_key = parseInt(key);
719
+ var last_pos = wds_data.length - 1;
720
+ if (int_curr_key > int_key) {
721
+ direction = 'left';
722
+ }
723
+ else if (int_curr_key == int_key) {
724
+ return;
725
+ }
726
+ /* From last slide to first.*/
727
+ if (int_key == 0) {
728
+ if (int_curr_key == last_pos) {
729
+ direction = 'right';
730
+ }
731
+ }
732
+ /* From first slide to last if there are more than two slides in the slider.*/
733
+ if (int_key == last_pos) {
734
+ if (int_curr_key == 0) {
735
+ if (last_pos > 1) {
736
+ direction = 'left';
737
+ }
738
+ }
739
+ }
740
+ }
741
+ else {
742
+ direction = btn;
743
+ }
744
+ if (wds_params[wds].enable_slideshow_autoplay) {
745
+ if (wds_params[wds].twoway_slideshow) {
746
+ wds_params[wds].wds_global_btn_wds = direction;
747
+ }
748
+ }
749
+ /* Set active thumbnail position.*/
750
+ if (wds_params[wds].width_or_height == 'width') {
751
+ wds_params[wds].wds_current_filmstrip_pos = key * (jQuery(".wds_slideshow_filmstrip_thumbnail_" + wds).width() + 2 + 2 * 0);
752
+ }
753
+ else {
754
+ wds_params[wds].wds_current_filmstrip_pos = key * (jQuery(".wds_slideshow_filmstrip_thumbnail_" + wds).height() + 2 + 2 * 0);
755
+ }
756
+ wds_params[wds].wds_current_key = key;
757
+ /* Change image id.*/
758
+ jQuery("div[data-img-id=wds_slideshow_image_" + wds + "]").attr('data-image-id', wds_data[key]["id"]);
759
+ var current_image_class = "#wds_image_id_" + wds + "_" + wds_data[current_key]["id"];
760
+ var next_image_class = "#wds_image_id_" + wds + "_" + wds_data[key]["id"];
761
+ var next_image_type = wds_data[key]["is_video"];
762
+ if (next_image_type == 'video' || next_image_type.indexOf('EMBED') >= 0) {
763
+ jQuery('.wds_pp_btn_cont').hide();
764
+ }
765
+ else {
766
+ jQuery('.wds_pp_btn_cont').show();
767
+ }
768
+ if (wds_data[key]["target_attr_slide"] == 1) {
769
+ wds_embed_slide_autoplay(next_image_class, wds);
770
+ }
771
+ if (wds_params[wds].preload_images && !wds_params[wds].carousel) {
772
+ if (wds_data[key]["is_video"] == 'image') {
773
+ jQuery(next_image_class).find(".wds_slideshow_image_" + wds).css("background-image", 'url("' + wds_data[key]["image_url"] + '")');
774
+ }
775
+ else if (wds_data[key]["is_video"] == 'EMBED_OEMBED_INSTAGRAM_IMAGE') {
776
+ jQuery(next_image_class).find(".wds_slideshow_image_" + wds).css("background-image", 'url("//instagram.com/p/' + wds_data[key]["image_url"] + '/media/?size=l")');
777
+ }
778
+ }
779
+ wds_video_dimenstion(wds, key);
780
+ var current_slide_layers_count = wds_data[current_key]["slide_layers_count"];
781
+ var next_slide_layers_count = wds_data[key]["slide_layers_count"];
782
+
783
+ /* Clear layers before image change.*/
784
+ function set_layer_effect_out_before_change(wds, m) {
785
+ wds_params[wds].wds_clear_layers_effects_out_before_change[current_key][m] = setTimeout(function () {
786
+ if (wds_data[current_key]["layer_" + m + "_type"] != 'social') {
787
+ if (jQuery('#wds_' + wds + '_slide' + wds_data[current_key]["id"] + '_layer' + wds_data[current_key]["layer_" + m + "_id"]).prev().attr('id') != 'wds_' + wds + '_slide' + wds_data[current_key]["id"] + '_layer' + wds_data[current_key]["layer_" + m + "_id"] + '_round_effect') {
788
+ jQuery('#wds_' + wds + '_slide' + wds_data[current_key]["id"] + '_layer' + wds_data[current_key]["layer_" + m + "_id"]).css('-webkit-animation-duration', 0.6 + 's').css('animation-duration', 0.6 + 's');
789
+ jQuery('#wds_' + wds + '_slide' + wds_data[current_key]["id"] + '_layer' + wds_data[current_key]["layer_" + m + "_id"]).removeClass().addClass(wds_data[current_key]["layer_" + m + "_layer_effect_out"] + ' wds_animated');
790
+ jQuery('#wds_' + wds + '_slide' + wds_data[current_key]["id"] + '_layer' + wds_data[current_key]["layer_" + m + "_id"]).addClass(jQuery('#wds_' + wds + '_slide' + wds_data[current_key]["id"] + '_layer' + wds_data[current_key]["layer_" + m + "_id"]).data("class"));
791
+ }
792
+ else {
793
+ jQuery('#wds_' + wds + '_slide' + wds_data[current_key]["id"] + '_layer' + wds_data[current_key]["layer_" + m + "_id"] + "_div").css('-webkit-animation-duration', 0.6 + 's').css('animation-duration', 0.6 + 's');
794
+ jQuery('#wds_' + wds + '_slide' + wds_data[current_key]["id"] + '_layer' + wds_data[current_key]["layer_" + m + "_id"] + "_div").removeClass().addClass(wds_data[current_key]["layer_" + m + "_layer_effect_out"] + ' wds_animated');
795
+ }
796
+ }
797
+ else {
798
+ jQuery('#wds_' + wds + '_slide' + wds_data[current_key]["id"] + '_layer' + wds_data[current_key]["layer_" + m + "_id"]).css('-webkit-animation-duration', 0.6 + 's').css('animation-duration', 0.6 + 's');
799
+ jQuery('#wds_' + wds + '_slide' + wds_data[current_key]["id"] + '_layer' + wds_data[current_key]["layer_" + m + "_id"]).removeClass().addClass(wds_data[current_key]["layer_" + m + "_layer_effect_out"] + ' fa fa-' + wds_data[current_key]["layer_" + m + "_social_button"] + ' wds_animated');
800
+ }
801
+
802
+ }, 10);
803
+ }
804
+
805
+ if (wds_params[wds].layer_out_next) { //$slider->layer_out_next
806
+ for (var m = 0; m < current_slide_layers_count; m++) {
807
+ if (jQuery('#wds_' + wds + '_slide' + wds_data[current_key]["id"] + '_layer' + wds_data[current_key]["layer_" + m + "_id"]).prev().attr('id') != 'wds_' + wds + '_slide' + wds_data[current_key]["id"] + '_layer' + wds_data[current_key]["layer_" + i + "_id"] + '_round_effect') {
808
+ if (jQuery('#wds_' + wds + '_slide' + wds_data[current_key]["id"] + '_layer' + wds_data[current_key]["layer_" + m + "_id"]).css('opacity') != 0) {
809
+ set_layer_effect_out_before_change(wds, m);
810
+ }
811
+ }
812
+ else {
813
+ if (jQuery('#wds_' + wds + '_slide' + wds_data[current_key]["id"] + '_layer' + wds_data[current_key]["layer_" + m + "_id"] + "_div").css('opacity') != 0) {
814
+ set_layer_effect_out_before_change(wds, m);
815
+ }
816
+ }
817
+ }
818
+ }
819
+
820
+ /* Loop through current slide layers for clear effects.*/
821
+ setTimeout(function () {
822
+ for (var k = 0; k < current_slide_layers_count; k++) {
823
+ clearTimeout(wds_params[wds].wds_clear_layers_effects_in[current_key][k]);
824
+ clearTimeout(wds_params[wds].wds_clear_layers_effects_out[current_key][k]);
825
+ if (wds_data[current_key]["layer_" + k + "_type"] != 'social') {
826
+ jQuery('#wds_' + wds + '_slide' + wds_data[current_key]["id"] + '_layer' + wds_data[current_key]["layer_" + k + "_id"]).removeClass().addClass('wds_layer_' + wds_data[current_key]["layer_" + k + "_id"]);
827
+ }
828
+ else {
829
+ jQuery('#wds_' + wds + '_slide' + wds_data[current_key]["id"] + '_layer' + wds_data[current_key]["layer_" + k + "_id"]).removeClass().addClass('fa fa-' + wds_data[current_key]["layer_" + k + "_social_button"] + ' wds_layer_' + wds_data[current_key]["layer_" + k + "_id"]);
830
+ }
831
+ }
832
+ }, wds_params[wds].wds_duration_for_clear_effects);
833
+
834
+ /* Loop through layers in.*/
835
+ for (var j = 0; j < next_slide_layers_count; j++) {
836
+ wds_set_layer_effect_in_wds(wds, j, key);
837
+ }
838
+
839
+ /* Loop through layers out if pause button not pressed.*/
840
+ for (var i = 0; i < next_slide_layers_count; i++) {
841
+ wds_set_layer_effect_out_wds(wds, i, key);
842
+ }
843
+
844
+ setTimeout(function () {
845
+ if (typeof jQuery().finish !== 'undefined') {
846
+ if (jQuery.isFunction(jQuery().finish)) {
847
+ jQuery(".wds_line_timer_" + wds).finish();
848
+ }
849
+ }
850
+ jQuery(".wds_line_timer_" + wds).css({width: 0});
851
+ if (!wds_params[wds].carousel) {
852
+ if (typeof window[wds_params[wds].wds_slideshow_effect] == 'function') {
853
+ window[wds_params[wds].wds_slideshow_effect](wds, current_image_class, next_image_class, direction);
854
+ }
855
+ else {
856
+ wds_none(wds, current_image_class, next_image_class, direction);
857
+ }
858
+ }
859
+ if (wds_params[wds].timer_bar_type != 'none') {
860
+
861
+ if (wds_params[wds].enable_slideshow_autoplay || jQuery('.wds_ctrl_btn_' + wds).hasClass('fa-pause')) {
862
+ if (wds_params[wds].timer_bar_type == 'top' || wds_params[wds].timer_bar_type == 'bottom') {
863
+ if (!jQuery(".wds_ctrl_btn_" + wds).hasClass("fa-play")) {
864
+ jQuery(".wds_line_timer_" + wds).animate({
865
+ width: "100%"
866
+ }, {
867
+ duration: wds_params[wds].slideshow_interval * 1000,
868
+ specialEasing: {width: "linear"}
869
+ });
870
+ }
871
+ }
872
+ else if (wds_params[wds].timer_bar_type != 'none') {
873
+ if (typeof wds_params[wds].circle_timer_animate !== 'undefined') {
874
+ wds_params[wds].circle_timer_animate.stop();
875
+ }
876
+ jQuery('#top_right_' + wds).css({
877
+ '-moz-transform': 'rotate(0deg)',
878
+ '-webkit-transform': 'rotate(0deg)',
879
+ '-o-transform': 'rotate(0deg)',
880
+ '-ms-transform': 'rotate(0deg)',
881
+ 'transform': 'rotate(0deg)',
882
+ '-webkit-transform-origin': 'left bottom',
883
+ '-ms-transform-origin': 'left bottom',
884
+ '-moz-transform-origin': 'left bottom',
885
+ 'transform-origin': 'left bottom'
886
+ });
887
+ jQuery('#bottom_right_' + wds).css({
888
+ '-moz-transform': 'rotate(0deg)',
889
+ '-webkit-transform': 'rotate(0deg)',
890
+ '-o-transform': 'rotate(0deg)',
891
+ '-ms-transform': 'rotate(0deg)',
892
+ 'transform': 'rotate(0deg)',
893
+ '-webkit-transform-origin': 'left top',
894
+ '-ms-transform-origin': 'left top',
895
+ '-moz-transform-origin': 'left top',
896
+ 'transform-origin': 'left top'
897
+ });
898
+ jQuery('#bottom_left_' + wds).css({
899
+ '-moz-transform': 'rotate(0deg)',
900
+ '-webkit-transform': 'rotate(0deg)',
901
+ '-o-transform': 'rotate(0deg)',
902
+ '-ms-transform': 'rotate(0deg)',
903
+ 'transform': 'rotate(0deg)',
904
+ '-webkit-transform-origin': 'right top',
905
+ '-ms-transform-origin': 'right top',
906
+ '-moz-transform-origin': 'right top',
907
+ 'transform-origin': 'right top'
908
+ });
909
+ jQuery('#top_left_' + wds).css({
910
+ '-moz-transform': 'rotate(0deg)',
911
+ '-webkit-transform': 'rotate(0deg)',
912
+ '-o-transform': 'rotate(0deg)',
913
+ '-ms-transform': 'rotate(0deg)',
914
+ 'transform': 'rotate(0deg)',
915
+ '-webkit-transform-origin': 'right bottom',
916
+ '-ms-transform-origin': 'right bottom',
917
+ '-moz-transform-origin': 'right bottom',
918
+ 'transform-origin': 'right bottom'
919
+ });
920
+ if (!jQuery(".wds_ctrl_btn_" + wds).hasClass("fa-play")) {
921
+ /* Begin circle timer on next.*/
922
+ circle_timer(0);
923
+ }
924
+ else {
925
+ wds_params[wds].curent_time_deggree = 0;
926
+ }
927
+ }
928
+ }
929
+ }
930
+ if (wds_params[wds].filmstrip_position != 'none' && wds_params[wds].slides_count > 1) {
931
+ wds_move_filmstrip(wds);
932
+ }
933
+
934
+ if (wds_params[wds].bull_position != 'none' && wds_params[wds].slides_count > 1) {
935
+ wds_move_dots(wds);
936
+ }
937
+ if (wds_params[wds].wds_data[key]["is_video"] != 'image') {
938
+ jQuery("#wds_slideshow_play_pause_" + wds).css({display: 'none'});
939
+ }
940
+ else {
941
+ jQuery("#wds_slideshow_play_pause_" + wds).css({display: ''});
942
+ }
943
+ }, wds_params[wds].wds_duration_for_change);
944
+ }
945
+ if (wds_params[wds].parallax_effect == 1) {
946
+ wds_parallax(wds);
947
+ }
948
+
949
+ if (wds_params[wds].slider_effect == 'zoomFade') {
950
+ wds_genBgPos(next_image_class, wds, wds_params[wds].slideshow_interval);
951
+ }
952
+ wds_window_fixed_size(wds, next_image_class);
953
+
954
+ if (typeof callback_items["onSliderCS"] !== 'undefined' && callback_items["onSliderCS"] !== null) {
955
+ document.write(callback_items["onSliderCS"])
956
+ }
957
+ }
958
+
959
+ function wds_blindR(wds, current_image_class, next_image_class, direction) {
960
+ wds_grid(wds, 8, 1, 0, 0, 0, 1, 1, current_image_class, next_image_class, direction, 1, 90, 'ease-in-out');
961
+ }
962
+
963
+ function wds_parallelSlideH(wds, current_image_class, next_image_class, direction) {
964
+ var width = jQuery(current_image_class).width();
965
+ var height = jQuery(current_image_class).height();
966
+ if (direction == 'right') {
967
+ wds_parallelSlide(wds, width, 0, -width, 0, current_image_class, next_image_class, direction, 'ease-in-out');
968
+ }
969
+ else if (direction == 'left') {
970
+ wds_parallelSlide(wds, -width, 0, width, 0, current_image_class, next_image_class, direction, 'ease-in-out');
971
+ }
972
+ }
973
+
974
+ function wds_parallelSlideV(wds, current_image_class, next_image_class, direction) {
975
+ var width = jQuery(current_image_class).width();
976
+ var height = jQuery(current_image_class).height();
977
+ if (direction == 'right') {
978
+ wds_parallelSlide(wds, 0, height, 0, -height, current_image_class, next_image_class, direction, 'ease-in-out');
979
+ }
980
+ else if (direction == 'left') {
981
+ wds_parallelSlide(wds, 0, -height, 0, height, current_image_class, next_image_class, direction, 'ease-in-out');
982
+ }
983
+ }
984
+
985
+ function wds_slic3DH(wds, current_image_class, next_image_class, direction) {
986
+ var dimension = jQuery(current_image_class).width() / 2;
987
+ if (direction == 'right') {
988
+ wds_grid3d(wds, 1, 5, dimension, 0, -90, 0, dimension, 90, 0, current_image_class, next_image_class, direction, 0, 'cubic-bezier(0.785, 0.135, 0.150, 0.860)');
989
+ }
990
+ else if (direction == 'left') {
991
+ wds_grid3d(wds, 1, 5, dimension, 0, 90, 0, -dimension, -90, 0, current_image_class, next_image_class, direction, 0, 'cubic-bezier(0.785, 0.135, 0.150, 0.860)');
992
+ }
993
+ }
994
+
995
+ function wds_slic3DV(wds, current_image_class, next_image_class, direction) {
996
+ var dimension = jQuery(current_image_class).height() / 2;
997
+ if (direction == 'right') {
998
+ wds_grid3d(wds, 10, 1, dimension, -90, 0, -dimension, 0, 0, 90, current_image_class, next_image_class, direction, 0, 'cubic-bezier(0.785, 0.135, 0.150, 0.860)');
999
+ }
1000
+ else if (direction == 'left') {
1001
+ wds_grid3d(wds, 10, 1, dimension, 90, 0, dimension, 0, 0, -90, current_image_class, next_image_class, direction, 0, 'cubic-bezier(0.785, 0.135, 0.150, 0.860)');
1002
+ }
1003
+ }
1004
+
1005
+ function wds_slicR3DH(wds, current_image_class, next_image_class, direction) {
1006
+ var dimension = jQuery(current_image_class).width() / 2;
1007
+ if (direction == 'right') {
1008
+ wds_grid3d(wds, 1, 5, dimension, 0, -90, 0, dimension, 90, 0, current_image_class, next_image_class, direction, 1, 'ease-in-out');
1009
+ }
1010
+ else if (direction == 'left') {
1011
+ wds_grid3d(wds, 1, 5, dimension, 0, 90, 0, -dimension, -90, 0, current_image_class, next_image_class, direction, 1, 'ease-in-out');
1012
+ }
1013
+ }
1014
+
1015
+ function wds_slicR3DV(wds, current_image_class, next_image_class, direction) {
1016
+ var dimension = jQuery(current_image_class).height() / 2;
1017
+ if (direction == 'right') {
1018
+ wds_grid3d(wds, 10, 1, dimension, -90, 0, -dimension, 0, 0, 90, current_image_class, next_image_class, direction, 1, 'ease-in-out');
1019
+ }
1020
+ else if (direction == 'left') {
1021
+ wds_grid3d(wds, 10, 1, dimension, 90, 0, dimension, 0, 0, -90, current_image_class, next_image_class, direction, 1, 'ease-in-out');
1022
+ }
1023
+ }
1024
+
1025
+ function wds_tilesR(wds, current_image_class, next_image_class, direction) {
1026
+ wds_grid(wds, 8, 8, 0, 0, 0, 1, 1, current_image_class, next_image_class, direction, 1, 90, 'ease-in-out');
1027
+ }
1028
+
1029
+ function wds_blockScaleR(wds, current_image_class, next_image_class, direction) {
1030
+ wds_grid(wds, 8, 6, 0, 0, 0, 0.6, 0, current_image_class, next_image_class, direction, 1, 0, 'ease-in-out');
1031
+ }
1032
+
1033
+ function wds_cubeH(wds, current_image_class, next_image_class, direction) {
1034
+ /* Set to half of image width.*/
1035
+ var dimension = jQuery(current_image_class).width() / 2;
1036
+ if (direction == 'right') {
1037
+ wds_cube(wds, dimension, dimension, 0, 0, 90, 0, -90, current_image_class, next_image_class, direction, 'cubic-bezier(0.785, 0.135, 0.150, 0.860)');
1038
+ }
1039
+ else if (direction == 'left') {
1040
+ wds_cube(wds, dimension, -dimension, 0, 0, -90, 0, 90, current_image_class, next_image_class, direction, 'cubic-bezier(0.785, 0.135, 0.150, 0.860)');
1041
+ }
1042
+ }
1043
+
1044
+ function wds_cubeV(wds, current_image_class, next_image_class, direction) {
1045
+ /* Set to half of image height.*/
1046
+ var dimension = jQuery(current_image_class).height() / 2;
1047
+ /* If next slide.*/
1048
+ if (direction == 'right') {
1049
+ wds_cube(wds, dimension, 0, -dimension, 90, 0, -90, 0, current_image_class, next_image_class, direction, 'cubic-bezier(0.785, 0.135, 0.150, 0.860)');
1050
+ }
1051
+ else if (direction == 'left') {
1052
+ wds_cube(wds, dimension, 0, dimension, -90, 0, 90, 0, current_image_class, next_image_class, direction, 'cubic-bezier(0.785, 0.135, 0.150, 0.860)');
1053
+ }
1054
+ }
1055
+
1056
+ function wds_cube(wds, tz, ntx, nty, nrx, nry, wrx, wry, current_image_class, next_image_class, direction, easing) {
1057
+ /* If browser does not support 3d transforms/CSS transitions.*/
1058
+ if (!wds_testBrowser_cssTransitions()) {
1059
+ return wds_fallback(wds, current_image_class, next_image_class, direction);
1060
+ }
1061
+ if (!wds_testBrowser_cssTransforms3d()) {
1062
+ return wds_fallback3d(wds, current_image_class, next_image_class, direction);
1063
+ }
1064
+ wds_params[wds].wds_trans_in_progress = true;
1065
+ /* Set active thumbnail.*/
1066
+ wds_set_filmstrip_class(wds);
1067
+ wds_set_dots_class(wds);
1068
+ jQuery(".wds_slide_container_" + wds).css('overflow', 'visible');
1069
+ jQuery(".wds_slideshow_image_spun2_" + wds).css('overflow', 'visible');
1070
+ jQuery(".wds_slideshow_image_wrap_" + wds).css('overflow', 'visible');
1071
+ var filmstrip_position = wds_params[wds].filmstrip_position;
1072
+ if (filmstrip_position == 'none') {
1073
+ jQuery(".wds_slideshow_image_" + wds).css('border-radius', jQuery(".wds_slideshow_image_wrap_" + wds).css('border-radius'));
1074
+ }
1075
+ else {
1076
+ jQuery(".wds_slideshow_image_" + wds).css('border-radius', wds_params[wds].glb_border_radius);
1077
+ jQuery(".wds_slideshow_filmstrip_container_" + wds).css('border-radius', wds_params[wds].glb_border_radius);
1078
+ if (filmstrip_position == 'top') {
1079
+ jQuery(".wds_slideshow_image_" + wds).css('border-top-left-radius', 0);
1080
+ jQuery(".wds_slideshow_image_" + wds).css('border-top-right-radius', 0);
1081
+ jQuery(".wds_slideshow_filmstrip_container_" + wds).css('border-bottom-left-radius', 0);
1082
+ jQuery(".wds_slideshow_filmstrip_container_" + wds).css('border-bottom-right-radius', 0);
1083
+ }
1084
+ else if (filmstrip_position == 'bottom') {
1085
+ jQuery(".wds_slideshow_image_" + wds).css('border-bottom-left-radius', 0);
1086
+ jQuery(".wds_slideshow_image_" + wds).css('border-bottom-right-radius', 0);
1087
+ jQuery(".wds_slideshow_filmstrip_container_" + wds).css('border-top-left-radius', 0);
1088
+ jQuery(".wds_slideshow_filmstrip_container_" + wds).css('border-top-right-radius', 0);
1089
+ }
1090
+ else if (filmstrip_position == 'right') {
1091
+ jQuery(".wds_slideshow_image_" + wds).css('border-bottom-right-radius', 0);
1092
+ jQuery(".wds_slideshow_image_" + wds).css('border-top-right-radius', 0);
1093
+ jQuery(".wds_slideshow_filmstrip_container_" + wds).css('border-bottom-left-radius', 0);
1094
+ jQuery(".wds_slideshow_filmstrip_container_" + wds).css('border-top-left-radius', 0);
1095
+ }
1096
+ else if (filmstrip_position == 'left') {
1097
+ jQuery(".wds_slideshow_image_" + wds).css('border-bottom-left-radius', 0);
1098
+ jQuery(".wds_slideshow_image_" + wds).css('border-top-left-radius', 0);
1099
+ jQuery(".wds_slideshow_filmstrip_container_" + wds).css('border-bottom-right-radius', 0);
1100
+ jQuery(".wds_slideshow_filmstrip_container_" + wds).css('border-top-right-radius', 0);
1101
+ }
1102
+ }
1103
+ jQuery(".wds_slide_bg_" + wds).css('perspective', 1000);
1104
+ jQuery(current_image_class).css({
1105
+ transform: 'translateZ(' + tz + 'px)',
1106
+ backfaceVisibility: 'hidden'
1107
+ });
1108
+ jQuery(next_image_class).css({
1109
+ opacity: 1,
1110
+ filter: 'Alpha(opacity=100)',
1111
+ zIndex: 2,
1112
+ backfaceVisibility: 'hidden',
1113
+ transform: 'translateY(' + nty + 'px) translateX(' + ntx + 'px) rotateY(' + nry + 'deg) rotateX(' + nrx + 'deg)'
1114
+ });
1115
+ jQuery(".wds_slider_" + wds).css({
1116
+ transform: 'translateZ(-' + tz + 'px)',
1117
+ transformStyle: 'preserve-3d',
1118
+ position: 'absolute'
1119
+ });
1120
+ /* Execution steps.*/
1121
+ setTimeout(function () {
1122
+ jQuery(".wds_slider_" + wds).css({
1123
+ transition: 'all ' + wds_params[wds].wds_transition_duration + 'ms ' + easing,
1124
+ transform: 'translateZ(-' + tz + 'px) rotateX(' + wrx + 'deg) rotateY(' + wry + 'deg)'
1125
+ });
1126
+ }, 20);
1127
+ /* After transition.*/
1128
+ jQuery(".wds_slider_" + wds).one('webkitTransitionEnd transitionend otransitionend oTransitionEnd mstransitionend', jQuery.proxy(wds_after_trans));
1129
+
1130
+ function wds_after_trans() {
1131
+ jQuery(current_image_class).removeAttr('style');
1132
+ jQuery(next_image_class).removeAttr('style');
1133
+ jQuery(".wds_slider_" + wds).removeAttr('style');
1134
+ jQuery(current_image_class).css({'opacity': 0, filter: 'Alpha(opacity=0)', 'z-index': 1});
1135
+ jQuery(next_image_class).css({'opacity': 1, filter: 'Alpha(opacity=100)', 'z-index': 2});
1136
+ wds_params[wds].wds_trans_in_progress = false;
1137
+ if (typeof wds_params[wds].wds_event_stack !== 'undefined') {
1138
+ if (wds_params[wds].wds_event_stack.length > 0) {
1139
+ key = wds_params[wds].wds_event_stack[0].split("-");
1140
+ wds_params[wds].wds_event_stack.shift();
1141
+ wds_change_image(wds, key[0], key[1], wds_params[wds].wds_data, true, direction);
1142
+ }
1143
+ }
1144
+ jQuery(".wds_slide_container_" + wds).css('overflow', 'hidden');
1145
+ jQuery(".wds_slideshow_image_spun2_" + wds).css('overflow', 'hidden');
1146
+ jQuery(".wds_slideshow_image_wrap_" + wds).css('overflow', 'hidden');
1147
+ jQuery(".wds_slide_bg_" + wds).css('perspective', 'none');
1148
+ if (typeof wds_params[wds].callback_items["onSliderCE"] !== 'undefined' && wds_params[wds].callback_items["onSliderCE"] !== null) {
1149
+ document.write(wds_params[wds].callback_items["onSliderCE"]);
1150
+ }
1151
+ }
1152
+ }
1153
+
1154
+ function wds_cubeR(wds, current_image_class, next_image_class, direction) {
1155
+ var random_direction = Math.floor(Math.random() * 2);
1156
+ var dimension = random_direction ? jQuery(current_image_class).height() / 2 : jQuery(current_image_class).width() / 2;
1157
+ if (direction == 'right') {
1158
+ if (random_direction) {
1159
+ wds_cube(wds, dimension, 0, -dimension, 90, 0, -90, 0, current_image_class, next_image_class, direction, 'cubic-bezier(0.785, 0.135, 0.150, 0.860)');
1160
+ }
1161
+ else {
1162
+ wds_cube(wds, dimension, dimension, 0, 0, 90, 0, -90, current_image_class, next_image_class, direction, 'cubic-bezier(0.785, 0.135, 0.150, 0.860)');
1163
+ }
1164
+ }
1165
+ else if (direction == 'left') {
1166
+ if (random_direction) {
1167
+ wds_cube(wds, dimension, 0, dimension, -90, 0, 90, 0, current_image_class, next_image_class, direction, 'cubic-bezier(0.785, 0.135, 0.150, 0.860)');
1168
+ }
1169
+ else {
1170
+ wds_cube(wds, dimension, -dimension, 0, 0, -90, 0, 90, current_image_class, next_image_class, direction, 'cubic-bezier(0.785, 0.135, 0.150, 0.860)');
1171
+ }
1172
+ }
1173
+ }
1174
+
1175
+ function wds_sliceH(wds, current_image_class, next_image_class, direction) {
1176
+ if (direction == 'right') {
1177
+ var translateX = 'min-auto';
1178
+ }
1179
+ else if (direction == 'left') {
1180
+ var translateX = 'auto';
1181
+ }
1182
+ wds_grid(wds, 1, 8, 0, translateX, 0, 1, 0, current_image_class, next_image_class, direction, 0, 0, 'ease-in-out');
1183
+ }
1184
+
1185
+ function wds_slideV(wds, current_image_class, next_image_class, direction) {
1186
+ if (direction == 'right') {
1187
+ var translateY = 'auto';
1188
+ }
1189
+ else if (direction == 'left') {
1190
+ var translateY = 'min-auto';
1191
+ }
1192
+ wds_grid(wds, 1, 1, 0, 0, translateY, 1, 1, current_image_class, next_image_class, direction, 0, 0, 'cubic-bezier(0.785, 0.135, 0.150, 0.860)');
1193
+ }
1194
+
1195
+ function wds_slideH(wds, current_image_class, next_image_class, direction) {
1196
+ if (direction == 'right') {
1197
+ var translateX = 'min-auto';
1198
+ }
1199
+ else if (direction == 'left') {
1200
+ var translateX = 'auto';
1201
+ }
1202
+ wds_grid(wds, 1, 1, 0, translateX, 0, 1, 1, current_image_class, next_image_class, direction, 0, 0, 'cubic-bezier(0.785, 0.135, 0.150, 0.860)');
1203
+ }
1204
+
1205
+ function wds_scaleOut(wds, current_image_class, next_image_class, direction) {
1206
+ wds_grid(wds, 1, 1, 0, 0, 0, 1.5, 0, current_image_class, next_image_class, direction, 0, 0, 'ease-in-out');
1207
+ }
1208
+
1209
+ function wds_scaleIn(wds, current_image_class, next_image_class, direction) {
1210
+ wds_grid(wds, 1, 1, 0, 0, 0, 0.5, 0, current_image_class, next_image_class, direction, 0, 0, 'ease-in-out');
1211
+ }
1212
+
1213
+ function wds_blockScale(wds, current_image_class, next_image_class, direction) {
1214
+ wds_grid(wds, 8, 6, 0, 0, 0, 0.6, 0, current_image_class, next_image_class, direction, 0, 0, 'ease-in-out');
1215
+ }
1216
+
1217
+ function wds_kaleidoscope(wds, current_image_class, next_image_class, direction) {
1218
+ wds_grid(wds, 10, 8, 0, 0, 0, 1, 0, current_image_class, next_image_class, direction, 0, 0, 'ease-in-out');
1219
+ }
1220
+
1221
+ function wds_fan(wds, current_image_class, next_image_class, direction) {
1222
+ if (direction == 'right') {
1223
+ var rotate = 45;
1224
+ var translateX = 100;
1225
+ }
1226
+ else if (direction == 'left') {
1227
+ var rotate = -45;
1228
+ var translateX = -100;
1229
+ }
1230
+ wds_grid(wds, 1, 10, rotate, translateX, 0, 1, 0, current_image_class, next_image_class, direction, 0, 0, 'ease-in-out');
1231
+ }
1232
+
1233
+ function wds_blindV(wds, current_image_class, next_image_class, direction) {
1234
+ wds_grid(wds, 1, 8, 0, 0, 0, .7, 0, current_image_class, next_image_class, direction, 0, 0, 'ease-in-out');
1235
+ }
1236
+
1237
+ function wds_blindH(wds, current_image_class, next_image_class, direction) {
1238
+ wds_grid(wds, 10, 1, 0, 0, 0, .7, 0, current_image_class, next_image_class, direction, 0, 0, 'ease-in-out');
1239
+ }
1240
+
1241
+ function wds_random(wds, current_image_class, next_image_class, direction) {
1242
+ var anims = ['sliceH', 'sliceV', 'slideH', 'slideV', 'scaleOut', 'scaleIn', 'blockScale', 'kaleidoscope', 'fan', 'blindH', 'blindV', 'parallelSlideH', 'parallelSlideV'];
1243
+ /* Pick a random transition from the anims array.*/
1244
+ window["wds_" + anims[Math.floor(Math.random() * anims.length)]](wds, current_image_class, next_image_class, direction);
1245
+ }
1246
+
1247
+ function wds_3Drandom(wds, current_image_class, next_image_class, direction) {
1248
+ var wds = wds_params[wds].wds;
1249
+ var anims = ['cubeH', 'cubeV', 'cubeR', 'slic3DH', 'slic3DV', 'slicR3DH', 'slicR3DV'];
1250
+ /* Pick a random transition from the anims array.*/
1251
+ window["wds_" + anims[Math.floor(Math.random() * anims.length)]](wds, current_image_class, next_image_class, direction);
1252
+ }
1253
+
1254
+ function wds_grid3d(wds, cols, rows, tz, wrx, wry, nty, ntx, nry, nrx, current_image_class, next_image_class, direction, random, easing) {
1255
+ /* If browser does not support CSS transitions.*/
1256
+ if (!wds_testBrowser_cssTransitions()) {
1257
+ return wds_fallback(wds, current_image_class, next_image_class, direction);
1258
+ }
1259
+ wds_params[wds].wds_trans_in_progress = true;
1260
+ /* Set active thumbnail.*/
1261
+ wds_set_filmstrip_class(wds);
1262
+ wds_set_dots_class(wds);
1263
+ /* The time (in ms) added to/subtracted from the delay total for each new gridlet.*/
1264
+ var count = (wds_params[wds].wds_transition_duration) / (cols + rows);
1265
+
1266
+ /* Gridlet creator (divisions of the image grid, positioned with background-images to replicate the look of an entire slide image when assembled)*/
1267
+ function wds_gridlet(width, height, top, img_top, left, img_left, src, src2, imgWidth, imgHeight, c, r) {
1268
+ var delay = random ? Math.floor((cols + rows) * count * Math.random()) : (c + r) * count;
1269
+ /* Return a gridlet elem with styles for specific transition.*/
1270
+ var grid_div = jQuery('<span class="wds_gridlet_' + wds + '" />').css({
1271
+ display: "block",
1272
+ width: "100%",
1273
+ height: "100%",
1274
+ transform: 'translateZ(' + tz + 'px)',
1275
+ backfaceVisibility: 'hidden',
1276
+ overflow: 'hidden'
1277
+ }).append(jQuery('<span class="wds_gridlet_' + wds + '" />').css({
1278
+ display: "block",
1279
+ width: jQuery(".wds_slideshow_image_spun_" + wds).width() + "px",
1280
+ height: jQuery(".wds_slideshow_image_spun_" + wds).height() + "px",
1281
+ top: -top,
1282
+ left: -left,
1283
+ backgroundImage: src,
1284
+ backgroundSize: jQuery(".wds_slideshow_image_" + wds).css("background-size"),
1285
+ backgroundPosition: jQuery(".wds_slideshow_image_" + wds).css("background-position"),
1286
+ backgroundRepeat: 'no-repeat',
1287
+ }));
1288
+ var grid_div2 = jQuery('<span class="wds_gridlet_' + wds + '" />').css({
1289
+ display: "block",
1290
+ width: "100%",
1291
+ height: "100%",
1292
+ backfaceVisibility: 'hidden',
1293
+ transform: 'translateY(' + nty + 'px) translateX(' + ntx + 'px) rotateY(' + nry + 'deg) rotateX(' + nrx + 'deg)',
1294
+ overflow: 'hidden'
1295
+ }).append(jQuery('<span class="wds_gridlet_' + wds + '" />').css({
1296
+ display: "block",
1297
+ width: jQuery(".wds_slideshow_image_spun_" + wds).width() + "px",
1298
+ height: jQuery(".wds_slideshow_image_spun_" + wds).height() + "px",
1299
+ top: -top,
1300
+ left: -left,
1301
+ backgroundImage: src2,
1302
+ backgroundSize: jQuery(".wds_slideshow_image_" + wds).css("background-size"),
1303
+ backgroundPosition: jQuery(".wds_slideshow_image_" + wds).css("background-position"),
1304
+ backgroundRepeat: 'no-repeat',
1305
+ }));
1306
+ return jQuery('<span class="wds_gridlet_' + wds + '" />').css({
1307
+ display: "block",
1308
+ width: width,
1309
+ height: height,
1310
+ top: top,
1311
+ left: left,
1312
+ transition: 'all ' + wds_params[wds].wds_transition_duration + 'ms ' + easing + ' ' + delay + 'ms',
1313
+ transform: 'translateZ(-' + tz + 'px)',
1314
+ transformStyle: 'preserve-3d',
1315
+ }).append(grid_div).append(grid_div2);
1316
+ }
1317
+
1318
+ /* Get the current slide's image.*/
1319
+ var cur_img = jQuery(current_image_class).find('span[data-img-id^="wds_slideshow_image"]');
1320
+ var next_img = jQuery(next_image_class).find('span[data-img-id^="wds_slideshow_image"]');
1321
+ /* Create a grid to hold the gridlets.*/
1322
+ var grid = jQuery('<span style="display: block;" />').addClass('wds_grid_' + wds).css('perspective', 1000);
1323
+ /* Prepend the grid to the next slide (i.e. so it's above the slide image).*/
1324
+ jQuery(current_image_class).prepend(grid);
1325
+ /* vars to calculate positioning/size of gridlets*/
1326
+ var cont = jQuery(".wds_slide_bg_" + wds);
1327
+ var imgWidth = cur_img.width();
1328
+ var imgHeight = cur_img.height();
1329
+ var contWidth = cont.width(),
1330
+ contHeight = cont.height(),
1331
+ imgSrc = cur_img.css('background-image'),
1332
+ imgSrcNext = next_img.css('background-image'),
1333
+ colWidth = Math.floor(contWidth / cols),
1334
+ rowHeight = Math.floor(contHeight / rows),
1335
+ colRemainder = contWidth - (cols * colWidth),
1336
+ colAdd = Math.ceil(colRemainder / cols),
1337
+ rowRemainder = contHeight - (rows * rowHeight),
1338
+ rowAdd = Math.ceil(rowRemainder / rows),
1339
+ leftDist = 0,
1340
+ img_leftDist = (jQuery(".wds_slide_bg_" + wds).width() - cur_img.width()) / 2;
1341
+ /* Loop through cols*/
1342
+ for (var i = 0; i < cols; i++) {
1343
+ var topDist = 0,
1344
+ img_topDst = (jQuery(".wds_slide_bg_" + wds).height() - cur_img.height()) / 2,
1345
+ newColWidth = colWidth;
1346
+ /* If imgWidth (px) does not divide cleanly into the specified number of cols, adjust individual col widths to create correct total.*/
1347
+ if (colRemainder > 0) {
1348
+ var add = colRemainder >= colAdd ? colAdd : colRemainder;
1349
+ newColWidth += add;
1350
+ colRemainder -= add;
1351
+ }
1352
+ /* Nested loop to create row gridlets for each col.*/
1353
+ for (var j = 0; j < rows; j++) {
1354
+ var newRowHeight = rowHeight,
1355
+ newRowRemainder = rowRemainder;
1356
+ /* If contHeight (px) does not divide cleanly into the specified number of rows, adjust individual row heights to create correct total.*/
1357
+ if (newRowRemainder > 0) {
1358
+ add = newRowRemainder >= rowAdd ? rowAdd : rowRemainder;
1359
+ newRowHeight += add;
1360
+ newRowRemainder -= add;
1361
+ }
1362
+ /* Create & append gridlet to grid.*/
1363
+ grid.append(wds_gridlet(newColWidth, newRowHeight, topDist, img_topDst, leftDist, img_leftDist, imgSrc, imgSrcNext, imgWidth, imgHeight, i, j));
1364
+ topDist += newRowHeight;
1365
+ img_topDst -= newRowHeight;
1366
+ }
1367
+ img_leftDist -= newColWidth;
1368
+ leftDist += newColWidth;
1369
+ }
1370
+ /* Show grid & hide the image it replaces.*/
1371
+ grid.show();
1372
+ cur_img.css('opacity', 0);
1373
+ /* Execution steps.*/
1374
+ setTimeout(function () {
1375
+ grid.children().css({
1376
+ transform: 'translateZ(-' + tz + 'px) rotateX(' + wrx + 'deg) rotateY(' + wry + 'deg)'
1377
+ });
1378
+ }, 1);
1379
+ /* After transition.*/
1380
+ var cccount = 0;
1381
+ var obshicccount = cols * rows;
1382
+ grid.children().one('webkitTransitionEnd transitionend otransitionend oTransitionEnd mstransitionend', jQuery.proxy(wds_after_trans_each));
1383
+
1384
+ function wds_after_trans_each(wds) {
1385
+ if (++cccount == obshicccount) {
1386
+ wds_after_trans(wds);
1387
+ }
1388
+ }
1389
+
1390
+ function wds_after_trans() {
1391
+ jQuery(current_image_class).css({'opacity': 0, 'z-index': 1});
1392
+ jQuery(next_image_class).css({'opacity': 1, 'z-index': 2});
1393
+ cur_img.css('opacity', 1);
1394
+ grid.remove();
1395
+ wds_params[wds].wds_trans_in_progress = false;
1396
+ if (typeof wds_params[wds].wds_event_stack !== 'undefined') {
1397
+ if (wds_params[wds].wds_event_stack.length > 0) {
1398
+ key = wds_params[wds].wds_event_stack[0].split("-");
1399
+ wds_params[wds].wds_event_stack.shift();
1400
+ wds_change_image(wds, key[0], key[1], wds_params[wds].wds_data, true, direction);
1401
+ }
1402
+ }
1403
+ if (typeof wds_params[wds].callback_items["onSliderCE"] !== 'undefined' && wds_params[wds].callback_items["onSliderCE"] !== null) {
1404
+ document.write(wds_params[wds].callback_items["onSliderCE"]);
1405
+ }
1406
+ }
1407
+ }
1408
+
1409
+ function wds_window_fixed_size(wds, id) {
1410
+
1411
+ if (wds_params[wds].fixed_bg != 1 || wds_params[wds].wds_data[parseInt(jQuery('#wds_current_image_key_' + wds).val())]["is_video"] != 'image') {
1412
+ return;
1413
+ }
1414
+ var image = new Image();
1415
+ image.src = jQuery(id + " .wds_slideshow_image_" + wds).css('background-image').replace(/url\(|\)$|"/ig, '');
1416
+ var slide_bg_width = image.width;
1417
+ var slide_bg_height = image.height;
1418
+ if (typeof image.remove != 'undefined') {
1419
+ image.remove();
1420
+ }
1421
+ var window_height = jQuery(window).height();
1422
+ var window_width = jQuery(window).width();
1423
+ var width, height;
1424
+ var scale = Math.max(window_width / slide_bg_width, window_height / slide_bg_height);
1425
+ width = slide_bg_width * scale;
1426
+ height = slide_bg_height * scale;
1427
+ /* TOOD remove this
1428
+ if ('<?php echo $slider->bg_fit; ?>' == 'cover' || '<?php echo $slider->bg_fit; ?>' == 'contain') {
1429
+ var scale = Math.max(window_width / slide_bg_width, window_height / slide_bg_height);
1430
+ width = slide_bg_width * scale;
1431
+ height = slide_bg_height * scale;
1432
+ }
1433
+ else {
1434
+ width = window_width;
1435
+ height = window_height;
1436
+ }
1437
+ */
1438
+ jQuery(id + " .wds_slideshow_image_"+wds).css({"background-size": width + "px " + height + "px"});
1439
+ wds_window_fixed_pos(wds, id);
1440
+ }
1441
+
1442
+ function wds_window_fixed_pos(wds, id) {
1443
+ var cont = (typeof id == "undefined") ? "" : id + " ";
1444
+ var offset = jQuery(cont + ".wds_slideshow_image_" + wds).offset().top;
1445
+ var scrtop = jQuery(document).scrollTop();
1446
+ var sliderheight = jQuery(cont + ".wds_slideshow_image_" + wds).height();
1447
+ var window_height = jQuery(window).height();
1448
+ var fixed_pos;
1449
+ if (wds_params[wds].smart_crop == '1') {
1450
+ if (wds_params[wds].crop_image_position == 'right bottom'
1451
+ || wds_params[wds].crop_image_position == 'center bottom'
1452
+ || wds_params[wds].crop_image_position == 'left bottom') {
1453
+ pos_retion_height = "100%";
1454
+ }
1455
+ else if (wds_params[wds].crop_image_position == 'left center'
1456
+ || wds_params[wds].crop_image_position == 'center center'
1457
+ || wds_params[wds].crop_image_position == 'right center') {
1458
+ pos_retion_height = "50%";
1459
+ }
1460
+ else if (wds_params[wds].crop_image_position == 'left top'
1461
+ || wds_params[wds].crop_image_position == 'center top'
1462
+ || wds_params[wds].crop_image_position == 'right top') {
1463
+ pos_retion_height = "0%";
1464
+ }
1465
+ }
1466
+ fixed_pos = offset - scrtop - window_height / 2 + sliderheight / 2;
1467
+ jQuery(cont + ".wds_slideshow_image_" + wds).css({"background-position": "50% " + "calc(50% - " + fixed_pos + "px)"});
1468
+ if (scrtop < offset + sliderheight) {
1469
+ if (wds_params[wds].smart_crop == '1') {
1470
+ jQuery(cont + ".wds_slideshow_image_" + wds).css({"background-position": "" + pos_retion_height + " " + "calc(50% - " + fixed_pos + "px)"});
1471
+ }
1472
+ }
1473
+ }
1474
+
1475
+ /* Effects out part.*/
1476
+ function wds_set_layer_effect_out_wds(wds, i, key) {
1477
+ var cout;
1478
+ wds_params[wds].wds_clear_layers_effects_out[key][i] = setTimeout(function () {
1479
+ cout = jQuery('#wds_' + wds + '_slide' + wds_params[wds].wds_data[key]["id"] + '_layer' + wds_params[wds].wds_data[key]["layer_" + i + "_id"]);
1480
+ if (wds_params[wds].wds_data[key]["layer_" + i + "_layer_effect_out"] != 'none') {
1481
+ if (wds_params[wds].wds_data[key]["layer_" + i + "_type"] != 'social') {
1482
+ if (jQuery('#wds_' + wds + '_slide' + wds_params[wds].wds_data[key]["id"] + '_layer' + wds_params[wds].wds_data[key]["layer_" + i + "_id"]).prev().attr('id') != 'wds_' + wds + '_slide' + wds_params[wds].wds_data[key]["id"] + '_layer' + wds_params[wds].wds_data[key]["layer_" + i + "_id"] + '_round_effect') {
1483
+ cout.css('-webkit-animation-duration', wds_params[wds].wds_data[key]["layer_" + i + "_duration_eff_out"] / 1000 + 's').css('animation-duration', wds_params[wds].wds_data[key]["layer_" + i + "_duration_eff_out"] / 1000 + 's');
1484
+ cout.removeClass().addClass(wds_params[wds].wds_data[key]["layer_" + i + "_layer_effect_out"] + ' wds_animated');
1485
+ }
1486
+ else {
1487
+ cout = jQuery('#wds_' + wds + '_slide' + wds_params[wds].wds_data[key]["id"] + '_layer' + wds_params[wds].wds_data[key]["layer_" + i + "_id"] + '_div');
1488
+ cout.css('-webkit-animation-duration', wds_params[wds].wds_data[key]["layer_" + i + "_duration_eff_out"] / 1000 + 's').css('animation-duration', wds_params[wds].wds_data[key]["layer_" + i + "_duration_eff_out"] / 1000 + 's');
1489
+ cout.removeClass().addClass(wds_params[wds].wds_data[key]["layer_" + i + "_layer_effect_out"] + ' wds_animated');
1490
+ }
1491
+
1492
+ setTimeout(function () {
1493
+ if(wds_params[wds].wds_data[key]["layer_" + i + "_type"] == 'upvideo') {
1494
+ var curr_iframe = jQuery('#wds_' + wds + '_slide' + wds_params[wds].wds_data[key]["id"] + '_layer' + wds_params[wds].wds_data[key]["layer_" + i + "_id"]+" video");
1495
+ jQuery("#wds_slideshow_image_container_" + wds).find("video").each(function () {
1496
+ if(jQuery(this).attr('id') == curr_iframe.attr('id')) {
1497
+ jQuery(this).trigger('pause');
1498
+ jQuery('.wds_bigplay_' + wds).show();
1499
+ }
1500
+ });
1501
+ }
1502
+
1503
+ if(wds_params[wds].wds_data[key]["layer_" + i + "_type"] == 'video') {
1504
+ var curr_iframe = jQuery('#wds_' + wds + '_slide' + wds_params[wds].wds_data[key]["id"] + '_layer' + wds_params[wds].wds_data[key]["layer_" + i + "_id"]+" .wds_video_layer_frame_" + wds);
1505
+ /!* Pause layer videos.*!/
1506
+ jQuery(".wds_video_layer_frame_" + wds).each(function () {
1507
+ if(jQuery(this).attr('id') == curr_iframe.attr('id')) {
1508
+ if (typeof jQuery(this)[0].contentWindow != "undefined") {
1509
+ if (jQuery(this).data('type') == 'youtube') {
1510
+ player = wds_params[wds].youtube_iframes_ids.indexOf(this.id);
1511
+
1512
+ if (typeof wds_params[wds].youtube_iframes[player] != "undefined" && wds_done) {
1513
+ wds_params[wds].youtube_iframes[player].stopVideo();
1514
+ }
1515
+ }
1516
+ else if (jQuery(this).data('type') == 'vimeo') {
1517
+ jQuery(this)[0].contentWindow.postMessage('{ "method": "pause" }', "*");
1518
+ }
1519
+ else {
1520
+ jQuery(this)[0].contentWindow.postMessage('stop', '*');
1521
+ }
1522
+ }
1523
+ }
1524
+ });
1525
+ }
1526
+ },wds_params[wds].wds_data[key]["layer_" + i + "_duration_eff_out"]);
1527
+ }
1528
+ else {
1529
+ cout.css('-webkit-animation-duration', wds_params[wds].wds_data[key]["layer_" + i + "_duration_eff_out"] / 1000 + 's').css('animation-duration', wds_params[wds].wds_data[key]["layer_" + i + "_duration_eff_out"] / 1000 + 's');
1530
+ cout.removeClass().addClass(wds_params[wds].wds_data[key]["layer_" + i + "_layer_effect_out"] + ' fa fa-' + wds_params[wds].wds_data[key]["layer_" + i + "_social_button"] + ' wds_animated');
1531
+ }
1532
+ var iteration_count = wds_params[wds].wds_data[key]["layer_" + i + "_infinite_out"] == 0 ? 'infinite' : wds_params[wds].wds_data[key]["layer_" + i + "_infinite_out"];
1533
+ cout.css(
1534
+ '-webkit-animation-iteration-count', iteration_count
1535
+ ).css(
1536
+ 'animation-iteration-count', iteration_count
1537
+ );
1538
+ }
1539
+ }, wds_params[wds].wds_data[key]["layer_" + i + "_end"]);
1540
+ }
1541
+
1542
+ /* Effects in part.*/
1543
+ function wds_set_layer_effect_in_wds(wds, j, key) {
1544
+ var cout;
1545
+ wds_params[wds].wds_clear_layers_effects_in[key][j] = setTimeout(function () {
1546
+ cout = jQuery('#wds_' + wds + '_slide' + wds_params[wds].wds_data[key]["id"] + '_layer' + wds_params[wds].wds_data[key]["layer_" + j + "_id"]);
1547
+ if (wds_params[wds].wds_data[key]["layer_" + j + "_type"] != 'social') {
1548
+ if (jQuery('#wds_' + wds + '_slide' + wds_params[wds].wds_data[key]["id"] + '_layer' + wds_params[wds].wds_data[key]["layer_" + j + "_id"]).prev().attr('id') != 'wds_' + wds + '_slide' + wds_params[wds].wds_data[key]["id"] + '_layer' + wds_params[wds].wds_data[key]["layer_" + j + "_id"] + '_round_effect') {
1549
+ cout.css('-webkit-animation-duration', wds_params[wds].wds_data[key]["layer_" + j + "_duration_eff_in"] / 1000 + 's').css('animation-duration', wds_params[wds].wds_data[key]["layer_" + j + "_duration_eff_in"] / 1000 + 's');
1550
+ jQuery('#wds_' + wds + '_slide' + wds_params[wds].wds_data[key]["id"] + '_layer' + wds_params[wds].wds_data[key]["layer_" + j + "_id"]).removeClass().addClass(wds_params[wds].wds_data[key]["layer_" + j + "_layer_effect_in"] + ' wds_animated');
1551
+ cout.addClass(jQuery('#wds_' + wds + '_slide' + wds_params[wds].wds_data[key]["id"] + '_layer' + wds_params[wds].wds_data[key]["layer_" + j + "_id"]).data("class"));
1552
+ }
1553
+ else {
1554
+ cout = jQuery('#wds_' + wds + '_slide' + wds_params[wds].wds_data[key]["id"] + '_layer' + wds_params[wds].wds_data[key]["layer_" + j + "_id"] + '_div');
1555
+ cout.css('-webkit-animation-duration', wds_params[wds].wds_data[key]["layer_" + j + "_duration_eff_in"] / 1000 + 's').css('animation-duration', wds_params[wds].wds_data[key]["layer_" + j + "_duration_eff_in"] / 1000 + 's');
1556
+ cout.removeClass().addClass('hotspot_container ' + wds_params[wds].wds_data[key]["layer_" + j + "_layer_effect_in"] + ' wds_animated');
1557
+ }
1558
+ }
1559
+ else {
1560
+ cout.css('-webkit-animation-duration', wds_params[wds].wds_data[key]["layer_" + j + "_duration_eff_in"] / 1000 + 's').css('animation-duration', wds_params[wds].wds_data[key]["layer_" + j + "_duration_eff_in"] / 1000 + 's');
1561
+ cout.removeClass().addClass(wds_params[wds].wds_data[key]["layer_" + j + "_layer_effect_in"] + ' fa fa-' + wds_params[wds].wds_data[key]["layer_" + j + "_social_button"] + ' wds_animated');
1562
+ }
1563
+ /* Play video on layer in.*/
1564
+
1565
+ if (wds_params[wds].wds_data[key]["layer_" + j + "_type"] == "video") {
1566
+
1567
+ if (wds_params[wds].wds_data[key]["layer_" + j + "_video_autoplay"] == "on") {
1568
+ cout.find("iframe").each(function () {
1569
+ if (jQuery(this).data('type') == 'youtube') {
1570
+ player = wds_params[wds].youtube_iframes_ids.indexOf(this.id);
1571
+
1572
+ if (typeof wds_params[wds].youtube_iframes[player] != "undefined") {
1573
+
1574
+ wds_playVideo(wds_params[wds].youtube_iframes[player]);
1575
+ }
1576
+ }
1577
+ else if (jQuery(this).data('type') == 'vimeo') {
1578
+ jQuery(this)[0].contentWindow.postMessage('{ "method": "play" }', "*");
1579
+ }
1580
+ else {
1581
+ jQuery(this)[0].contentWindow.postMessage('play', '*');
1582
+ }
1583
+ });
1584
+ }
1585
+ }
1586
+ wds_upvideo_layer_dimenstion(wds, key, j);
1587
+ var iteration_count = wds_params[wds].wds_data[key]["layer_" + j + "_infinite_in"] == 0 ? 'infinite' : wds_params[wds].wds_data[key]["layer_" + j + "_infinite_in"];
1588
+ cout.css(
1589
+ '-webkit-animation-iteration-count', iteration_count
1590
+ ).css(
1591
+ 'animation-iteration-count', iteration_count
1592
+ );
1593
+ }, wds_params[wds].wds_data[key]["layer_" + j + "_start"]);
1594
+ }
1595
+
1596
+ function wds_none(wds, current_image_class, next_image_class, direction) {
1597
+ jQuery(current_image_class).css({'opacity': 0, 'z-index': 1});
1598
+ jQuery(next_image_class).css({'opacity': 1, 'z-index': 2});
1599
+ /* Set active thumbnail.*/
1600
+ wds_set_filmstrip_class(wds);
1601
+ wds_set_dots_class(wds);
1602
+ }
1603
+
1604
+ function wds_parallelSlide(wds, ni_left, ni_top, tx, ty, current_image_class, next_image_class, direction, easing) {
1605
+ /* If browser does not support 3d transforms/CSS transitions.*/
1606
+ if (!wds_testBrowser_cssTransitions()) {
1607
+ return wds_fallback(wds, current_image_class, next_image_class, direction);
1608
+ }
1609
+ if (!wds_testBrowser_cssTransforms3d(wds)) {
1610
+ return wds_fallback3d(wds, current_image_class, next_image_class, direction);
1611
+ }
1612
+ wds_params[wds].wds_trans_in_progress = true;
1613
+ /* Set active thumbnail.*/
1614
+ wds_set_filmstrip_class(wds);
1615
+ wds_set_dots_class(wds);
1616
+ jQuery(current_image_class).css({
1617
+ position: 'absolute',
1618
+ top: '0px',
1619
+ left: '0px',
1620
+ position: 'absolute',
1621
+ });
1622
+ jQuery(next_image_class).css({
1623
+ position: 'absolute',
1624
+ top: ni_top + 'px',
1625
+ left: ni_left + 'px',
1626
+ 'opacity': 1,
1627
+ filter: 'Alpha(opacity=100)',
1628
+ position: 'absolute',
1629
+ });
1630
+ jQuery(".wds_slider_" + wds_params[wds].wds).css({
1631
+ position: 'relative',
1632
+ 'backface-visibility': 'hidden'
1633
+ });
1634
+ jQuery(".wds_slide_bg_" + wds_params[wds].wds).css({
1635
+ overflow: 'hidden',
1636
+ });
1637
+ /* Execution steps.*/
1638
+ setTimeout(function () {
1639
+ jQuery('.wds_slider_' + wds_params[wds].wds).css({
1640
+ transition: 'all ' + wds_params[wds].wds_transition_duration + 'ms ' + easing,
1641
+ transform: 'translateX(' + tx + 'px) translateY(' + ty + 'px)',
1642
+ });
1643
+ }, 1);
1644
+ /* After transition.*/
1645
+ jQuery('.wds_slider_' + wds_params[wds].wds).one('webkitTransitionEnd transitionend otransitionend oTransitionEnd mstransitionend', jQuery.proxy(wds_after_trans));
1646
+
1647
+ function wds_after_trans() {
1648
+ jQuery(current_image_class).removeAttr('style');
1649
+ jQuery(next_image_class).removeAttr('style');
1650
+ jQuery(".wds_slider_" + wds_params[wds].wds).removeAttr('style');
1651
+ jQuery(".wds_slide_bg_" + wds_params[wds].wds).removeAttr('style');
1652
+ jQuery(current_image_class).css({'opacity': 0, filter: 'Alpha(opacity=0)', 'z-index': 1});
1653
+ jQuery(next_image_class).css({'opacity': 1, filter: 'Alpha(opacity=100)', 'z-index': 2});
1654
+ wds_params[wds].wds_trans_in_progress = false;
1655
+ if (typeof wds_params[wds].wds_event_stack !== 'undefined') {
1656
+ if (wds_params[wds].wds_event_stack.length > 0) {
1657
+ key = wds_params[wds].wds_event_stack[0].split("-");
1658
+ wds_params[wds].wds_event_stack.shift();
1659
+ wds_change_image(wds, key[0], key[1], wds_params[wds].wds_data, true, direction);
1660
+ }
1661
+ }
1662
+ if (typeof wds_params[wds].callback_items["onSliderCE"] !== 'undefined' && wds_params[wds].callback_items["onSliderCE"] !== null) {
1663
+ document.write(wds_params[wds].callback_items["onSliderCE"]);
1664
+ }
1665
+ }
1666
+ }
1667
+
1668
+ function wds_callbackItems(wds, callbackList, slide_id) {
1669
+ var key = jQuery(".wds_slideshow_image_" + wds + "[data-image-id='" + slide_id + "']").attr('data-image-key');
1670
+ switch (callbackList) {
1671
+ case 'SlidePlay':
1672
+ wds_play_pause(wds, 'play');
1673
+ break;
1674
+ case 'SlidePause':
1675
+ wds_play_pause(wds, 'pause');
1676
+ break;
1677
+ case 'SlidePlayPause':
1678
+ wds_play_pause(wds);
1679
+ break;
1680
+ case 'SlideNext':
1681
+ wds_change_image(wds, parseInt(jQuery('#wds_current_image_key_' + wds).val()), (parseInt(jQuery('#wds_current_image_key_' + wds).val()) + wds_iterator_wds(wds)) % wds_params[wds].wds_data.length, wds_params[wds].wds_data, false, "right");
1682
+ if (wds_params[wds].carousel == 1) {
1683
+ wds_carousel[wds].next();
1684
+ }
1685
+ return false;
1686
+ break;
1687
+ case 'SlidePrevious':
1688
+ wds_change_image(wds, parseInt(jQuery('#wds_current_image_key_' + wds).val()), (parseInt(jQuery('#wds_current_image_key_' + wds).val()) - wds_iterator_wds(wds)) >= 0 ? (parseInt(jQuery('#wds_current_image_key_' + wds_params[wds].wds).val()) - wds_iterator_wds(wds)) % wds_params[wds].wds_data.length : wds_params[wds].wds_data.length - 1, wds_params[wds].wds_data, false, "left");
1689
+ if (wds_params[wds].carousel == 1) {
1690
+ wds_carousel[wds].prev();
1691
+ }
1692
+ return false;
1693
+ break;
1694
+ case 'SlideLink':
1695
+ wds_change_image(wds, parseInt(jQuery('#wds_current_image_key_' + wds).val()), parseInt(key), wds_params[wds].wds_data);
1696
+ if (wds_params[wds].carousel == 1) {
1697
+ wds_carousel[wds].shift(jQuery('.wds_slider_car_image' + wds + '[data-image-id=' + slide_id + ']'));
1698
+ }
1699
+ return false;
1700
+ break;
1701
+ case 'PlayMusic':
1702
+ document.getElementById("wds_audio_" + wds).play();
1703
+ break;
1704
+ }
1705
+ }
1706
+
1707
+ function wds_iterator_wds(wds) {
1708
+ var iterator = 1;
1709
+ if (wds_params[wds].enable_slideshow_shuffle) {
1710
+ iterator = Math.floor((wds_params[wds].wds_data.length - 1) * Math.random() + 1);
1711
+ }
1712
+ else if (wds_params[wds].twoway_slideshow) {
1713
+ if (wds_params[wds].wds_global_btn_wds == "left") {
1714
+ iterator = -1;
1715
+ }
1716
+ if (wds_params[wds].slider_loop == 0) {
1717
+ if (parseInt(jQuery('#wds_current_image_key_' + wds).val()) == 0) {
1718
+ iterator = 1;
1719
+ }
1720
+ }
1721
+ }
1722
+ return iterator;
1723
+ }
1724
+
1725
+ /* Set filmstrip initial position.*/
1726
+ function wds_set_filmstrip_pos(wds, filmStripWidth) {
1727
+ if ( wds_params[wds].width_or_height == 'width' ) {
1728
+ var selectedImagePos = -(wds_params[wds].wds_current_key * jQuery(".wds_slideshow_filmstrip_thumbnails_"+wds).width() / wds_params[wds].slides_count) - jQuery(".wds_slideshow_filmstrip_thumbnail_"+wds).width() / 2;
1729
+ var imagesContainerLeft = Math.min(0, Math.max(filmStripWidth - jQuery(".wds_slideshow_filmstrip_thumbnails_"+wds).width(), selectedImagePos + filmStripWidth / 2));
1730
+ } else if( wds_params[wds].width_or_height == 'height' ) {
1731
+ var selectedImagePos = -(wds_params[wds].wds_current_key * jQuery(".wds_slideshow_filmstrip_thumbnails_"+wds).height() / wds_params[wds].slides_count) - jQuery(".wds_slideshow_filmstrip_thumbnail_"+wds).height() / 2;
1732
+ var imagesContainerLeft = Math.min(0, Math.max(filmStripWidth - jQuery(".wds_slideshow_filmstrip_thumbnails_"+wds).height(), selectedImagePos + filmStripWidth / 2));
1733
+ }
1734
+ if(wds_params[wds].left_or_top == 'top') {
1735
+ jQuery(".wds_slideshow_filmstrip_thumbnails_" + wds).animate({
1736
+ top: imagesContainerLeft
1737
+ }, {
1738
+ duration: 500,
1739
+ complete: function () {
1740
+ wds_filmstrip_arrows(wds);
1741
+ }
1742
+ });
1743
+ } else {
1744
+ jQuery(".wds_slideshow_filmstrip_thumbnails_" + wds).animate({
1745
+ left: imagesContainerLeft
1746
+ }, {
1747
+ duration: 500,
1748
+ complete: function () {
1749
+ wds_filmstrip_arrows(wds);
1750
+ }
1751
+ });
1752
+ }
1753
+ }
1754
+
1755
+ function wds_move_filmstrip(wds) {
1756
+ if ( wds_params[wds].outerWidth_or_outerHeight == 'outerWidth' ) {
1757
+ var wds_filmstrip_width = jQuery(".wds_slideshow_filmstrip_container_" + wds).outerWidth(true);
1758
+ var wds_filmstrip_thumbnails_width = jQuery(".wds_slideshow_filmstrip_thumbnails_" + wds).outerWidth(true);
1759
+ }
1760
+ else {
1761
+ var wds_filmstrip_width = jQuery(".wds_slideshow_filmstrip_container_" + wds).outerHeight(true);
1762
+ var wds_filmstrip_thumbnails_width = jQuery(".wds_slideshow_filmstrip_thumbnails_" + wds).outerHeight(true);
1763
+ }
1764
+ if ( wds_params[wds].left_or_top == 'left' ) {
1765
+ var image_left = jQuery(".wds_slideshow_thumb_active_" + wds).position().left;
1766
+ var long_filmstrip_cont_left = jQuery(".wds_slideshow_filmstrip_thumbnails_" + wds).position().left;
1767
+ var long_filmstrip_cont_right = Math.abs(jQuery(".wds_slideshow_filmstrip_thumbnails_" + wds).position().left) + wds_filmstrip_width;
1768
+ if ( wds_params[wds].outerWidth_or_outerHeight == 'outerWidth' ) {
1769
+ var image_right = jQuery(".wds_slideshow_thumb_active_" + wds).position().left + jQuery(".wds_slideshow_thumb_active_" + wds).outerWidth(true);
1770
+ }
1771
+ else {
1772
+ var image_right = jQuery(".wds_slideshow_thumb_active_" + wds).position().left + jQuery(".wds_slideshow_thumb_active_" + wds).outerHeight(true);
1773
+ }
1774
+ }
1775
+ if ( wds_params[wds].left_or_top == 'top' ) {
1776
+ var image_left = jQuery(".wds_slideshow_thumb_active_" + wds).position().top;
1777
+ var long_filmstrip_cont_left = jQuery(".wds_slideshow_filmstrip_thumbnails_" + wds).position().top;
1778
+ var long_filmstrip_cont_right = Math.abs(jQuery(".wds_slideshow_filmstrip_thumbnails_" + wds).position().top) + wds_filmstrip_width;
1779
+ if ( wds_params[wds].outerWidth_or_outerHeight == 'outerWidth' ) {
1780
+ var image_right = jQuery(".wds_slideshow_thumb_active_" + wds).position().top + jQuery(".wds_slideshow_thumb_active_" + wds).outerWidth(true);
1781
+ }
1782
+ else {
1783
+ var image_right = jQuery(".wds_slideshow_thumb_active_" + wds).position().top + jQuery(".wds_slideshow_thumb_active_" + wds).outerHeight(true);
1784
+ }
1785
+ }
1786
+ if ( wds_filmstrip_width > wds_filmstrip_thumbnails_width ) {
1787
+ return;
1788
+ }
1789
+ var left_or_top = wds_params[wds].left_or_top;
1790
+ if ( image_left < Math.abs(long_filmstrip_cont_left) ) {
1791
+ if(left_or_top == 'top') {
1792
+ jQuery(".wds_slideshow_filmstrip_thumbnails_" + wds).animate({
1793
+ top: -image_left
1794
+ }, {
1795
+ duration: 500,
1796
+ complete: function () {
1797
+ wds_filmstrip_arrows(wds);
1798
+ }
1799
+ });
1800
+ } else {
1801
+ jQuery(".wds_slideshow_filmstrip_thumbnails_" + wds).animate({
1802
+ left: -image_left
1803
+ }, {
1804
+ duration: 500,
1805
+ complete: function () {
1806
+ wds_filmstrip_arrows(wds);
1807
+ }
1808
+ });
1809
+ }
1810
+ }
1811
+ else if ( image_right > long_filmstrip_cont_right ) {
1812
+ if(left_or_top == 'top') {
1813
+ jQuery(".wds_slideshow_filmstrip_thumbnails_" + wds).animate({
1814
+ top: -(image_right - wds_filmstrip_width)
1815
+ }, {
1816
+ duration: 500,
1817
+ complete: function () {
1818
+ wds_filmstrip_arrows(wds);
1819
+ }
1820
+ });
1821
+ }
1822
+ else {
1823
+ jQuery(".wds_slideshow_filmstrip_thumbnails_" + wds).animate({
1824
+ left: -(image_right - wds_filmstrip_width)
1825
+ }, {
1826
+ duration: 500,
1827
+ complete: function () {
1828
+ wds_filmstrip_arrows(wds);
1829
+ }
1830
+ });
1831
+ }
1832
+ }
1833
+ }
1834
+
1835
+ function wds_move_dots(wds) {
1836
+ var image_left = jQuery(".wds_slideshow_dots_active_" + wds).position().left;
1837
+ var image_right = jQuery(".wds_slideshow_dots_active_" + wds).position().left + jQuery(".wds_slideshow_dots_active_" + wds).outerWidth(true);
1838
+ var wds_dots_width = jQuery(".wds_slideshow_dots_container_" + wds).outerWidth(true);
1839
+ var wds_dots_thumbnails_width = jQuery(".wds_slideshow_dots_thumbnails_" + wds).outerWidth(true);
1840
+ var long_filmstrip_cont_left = jQuery(".wds_slideshow_dots_thumbnails_" + wds).position().left;
1841
+ var long_filmstrip_cont_right = Math.abs(jQuery(".wds_slideshow_dots_thumbnails_" + wds).position().left) + wds_dots_width;
1842
+ if (!wds_params[wds].carousel) {
1843
+ if (wds_dots_width > wds_dots_thumbnails_width) {
1844
+ return;
1845
+ }
1846
+ }
1847
+ if (image_left < Math.abs(long_filmstrip_cont_left)) {
1848
+ jQuery(".wds_slideshow_dots_thumbnails_" + wds).animate({
1849
+ left: -image_left
1850
+ }, {
1851
+ duration: 500
1852
+ });
1853
+ }
1854
+ else if (image_right > long_filmstrip_cont_right) {
1855
+ jQuery(".wds_slideshow_dots_thumbnails_" + wds).animate({
1856
+ left: -(image_right - wds_dots_width)
1857
+ }, {
1858
+ duration: 500
1859
+ });
1860
+ }
1861
+ }
1862
+
1863
+ /* Show/hide filmstrip arrows.*/
1864
+ function wds_filmstrip_arrows(wds) {
1865
+ if (wds_params[wds].width_or_height == 'width') {
1866
+ var cond1 = jQuery(".wds_slideshow_filmstrip_thumbnails_" + wds).width();
1867
+ var cond2 = jQuery(".wds_slideshow_filmstrip_" + wds).width();
1868
+ }
1869
+ else if (wds_params[wds].width_or_height == 'height') {
1870
+ var cond1 = jQuery(".wds_slideshow_filmstrip_thumbnails_" + wds).height();
1871
+ var cond2 = jQuery(".wds_slideshow_filmstrip_" + wds).height();
1872
+ }
1873
+ if (cond1 < cond2) {
1874
+ jQuery(".wds_slideshow_filmstrip_left_" + wds).hide();
1875
+ jQuery(".wds_slideshow_filmstrip_right_" + wds).hide();
1876
+ }
1877
+ else {
1878
+ jQuery(".wds_slideshow_filmstrip_left_" + wds).show();
1879
+ jQuery(".wds_slideshow_filmstrip_right_" + wds).show();
1880
+ }
1881
+ }
1882
+
1883
+ function wds_testBrowser_cssTransitions() {
1884
+ return wds_testDom('Transition');
1885
+ }
1886
+
1887
+ function wds_testBrowser_cssTransforms3d() {
1888
+ return wds_testDom('Perspective');
1889
+ }
1890
+
1891
+ function wds_testDom(prop) {
1892
+ /* Browser vendor DOM prefixes.*/
1893
+ var domPrefixes = ['', 'Webkit', 'Moz', 'ms', 'O', 'Khtml'];
1894
+ var i = domPrefixes.length;
1895
+ while (i--) {
1896
+ if (typeof document.body.style[domPrefixes[i] + prop] !== 'undefined') {
1897
+ return true;
1898
+ }
1899
+ }
1900
+ return false;
1901
+ }
1902
+
1903
+ function wds_set_dots_class(wds) {
1904
+ jQuery(".wds_slideshow_dots_" + wds).removeClass("wds_slideshow_dots_active_" + wds).addClass("wds_slideshow_dots_deactive_" + wds);
1905
+ jQuery("#wds_dots_" + wds_params[wds].wds_current_key + "_" + wds).removeClass("wds_slideshow_dots_deactive_" + wds).addClass("wds_slideshow_dots_active_" + wds);
1906
+ if (wds_params[wds].bull_butt_img_or_not == 'style') {
1907
+ jQuery(".wds_slideshow_dots_" + wds).removeClass(wds_params[wds].bull_style_active).addClass(wds_params[wds].bull_style_deactive);
1908
+ jQuery("#wds_dots_" + wds_params[wds].wds_current_key + "_" + wds).removeClass(wds_params[wds].bull_style_deactive).addClass(wds_params[wds].bull_style_active);
1909
+ }
1910
+ }
1911
+
1912
+ function wds_set_filmstrip_class(wds) {
1913
+ jQuery('.wds_slideshow_filmstrip_thumbnail_' + wds).removeClass('wds_slideshow_thumb_active_' + wds).addClass('wds_slideshow_thumb_deactive_' + wds);
1914
+ jQuery('#wds_filmstrip_thumbnail_' + wds_params[wds].wds_current_key + '_' + wds).removeClass('wds_slideshow_thumb_deactive_' + wds).addClass('wds_slideshow_thumb_active_' + wds);
1915
+ }
1916
+
1917
+ var wds_done = false;
1918
+ var wds_ready = false;
1919
+
1920
+ function wds_resize_instagram_post( wds ) {
1921
+ if (jQuery('.inner_instagram_iframe_wds_video_frame_'+wds).length) {
1922
+ var post_width = jQuery('.wds_slideshow_video_'+wds).width();
1923
+ var post_height = jQuery('.wds_slideshow_video_'+wds).height();
1924
+ var parent_height = post_height;
1925
+ jQuery('.inner_instagram_iframe_wds_video_frame_'+wds).each(function() {
1926
+ var parent_container = jQuery(this).parent();
1927
+ if (post_height < post_width + 88) {
1928
+ post_width = post_height - 88;
1929
+ }
1930
+ else {
1931
+ post_height = post_width + 88;
1932
+ }
1933
+ parent_container.height(post_height);
1934
+ parent_container.width(post_width);
1935
+ parent_container.css({top: 0.5 * (parent_height - post_height)});
1936
+ });
1937
+ }
1938
+ }
1939
+
1940
+ function wds_resize_slider( wds ) {
1941
+ if( jQuery(window).width() <= parseInt(wds_params[wds].full_width_for_mobile) ||
1942
+ (wds_params[wds].full_width == '1') ){
1943
+ var full_width = '1';
1944
+ } else {
1945
+ var full_width = wds_params[wds].full_width;
1946
+ }
1947
+ wds_params[wds].wds_glb_margin = parseInt(wds_params[wds].glb_margin);
1948
+ if (wds_params[wds].bull_butt_img_or_not == 'text') {
1949
+ wds_set_text_dots_cont( wds );
1950
+ }
1951
+ var slide_orig_width = wds_params[wds].image_width + (wds_params[wds].filmstrip_direction == 'horizontal' ? 0 : wds_params[wds].filmstrip_width);
1952
+ var slide_orig_height = wds_params[wds].image_height + (wds_params[wds].filmstrip_direction == 'horizontal' ? wds_params[wds].filmstrip_height : 0);
1953
+ var slide_width = wds_get_overall_parent(jQuery("#wds_container1_"+wds));
1954
+ var ratio;
1955
+ if (wds_params[wds].carousel != 1) {
1956
+ if (slide_width > slide_orig_width) {
1957
+ slide_width = slide_orig_width;
1958
+ }
1959
+ ratio = slide_width / (slide_orig_width + 2 * wds_params[wds].wds_glb_margin);
1960
+
1961
+ }
1962
+ if (full_width == '1') {
1963
+ ratio = jQuery(window).width() / slide_orig_width;
1964
+ slide_orig_width = jQuery(window).width();
1965
+ if (wds_params[wds].auto_height) {
1966
+ slide_orig_height = jQuery(window).height();
1967
+ }
1968
+ else {
1969
+ slide_orig_height = wds_params[wds].image_height + wds_params[wds].filmstrip_height * slide_orig_width / wds_params[wds].image_width;
1970
+
1971
+ }
1972
+ slide_width = jQuery(window).width();
1973
+ wds_full_width( wds );
1974
+ }
1975
+ else if ( full_width == "2" ) {
1976
+ slide_orig_width = jQuery("#wds_container1_"+wds).parent().width();
1977
+ ratio = wds_params[wds].image_width/wds_params[wds].image_height;
1978
+ // slide_orig_height = wds_params[wds].image_height + wds_params[wds].filmstrip_height * slide_orig_width / wds_params[wds].image_width;
1979
+ slide_orig_height = (wds_params[wds].filmstrip_height+slide_orig_width)/ratio - (2 * wds_params[wds].wds_glb_margin);
1980
+ }
1981
+ else if ( parseInt(wds_params[wds].full_width_for_mobile) ) {
1982
+ jQuery(".wds_slideshow_image_wrap_"+wds).removeAttr("style");
1983
+ }
1984
+ if ( wds_params[wds].carousel == 1) {
1985
+ ratio = 1;
1986
+ if ( slide_width < wds_params[wds].carousel_width ) {
1987
+ ratio = slide_width / wds_params[wds].carousel_width;
1988
+ }
1989
+ }
1990
+
1991
+ wds_params[wds].wds_glb_margin = parseInt(wds_params[wds].glb_margin);
1992
+ wds_params[wds].wds_glb_margin *= ratio;
1993
+ if (full_width == '0') {
1994
+ slide_orig_height -= wds_params[wds].wds_glb_margin;
1995
+ }
1996
+ jQuery("#wds_container2_"+wds).css("margin", wds_params[wds].wds_glb_margin + "px " + (full_width=='1' ? 0 : '') + "");
1997
+ var slide_height = slide_orig_height;
1998
+
1999
+ if (slide_orig_width > slide_width && full_width != '2') {
2000
+ slide_height = Math.floor(slide_width * slide_orig_height / slide_orig_width);
2001
+ }
2002
+ jQuery(".wds_slideshow_image_wrap_"+wds+", #wds_container2_"+wds).height(slide_height);
2003
+ jQuery(".wds_slideshow_image_"+wds+" img").each(function () {
2004
+ var wds_theImage = new Image();
2005
+ wds_theImage.src = jQuery(this).attr("src");
2006
+ var wds_origWidth = wds_theImage.width;
2007
+ var wds_origHeight = wds_theImage.height;
2008
+ if (typeof wds_theImage.remove != 'undefined') {
2009
+ wds_theImage.remove();
2010
+ }
2011
+ var wds_imageWidth = jQuery(this).attr("data-wds-image-width");
2012
+ var wds_imageHeight = jQuery(this).attr("data-wds-image-height");
2013
+ var wds_imageTop = jQuery(this).attr("data-wds-image-top");
2014
+ var wds_width = wds_imageWidth;
2015
+ if (wds_imageWidth > wds_origWidth) {
2016
+ wds_width = wds_origWidth;
2017
+ }
2018
+ var wds_height = wds_imageHeight;
2019
+ if (wds_imageHeight > wds_origHeight) {
2020
+ wds_height = wds_origHeight;
2021
+ }
2022
+ var top_px = parseFloat(wds_imageTop) * wds_params[wds].image_height / 100;
2023
+ jQuery(this).css({
2024
+ maxWidth: (parseFloat(wds_imageWidth) * ratio) + "px",
2025
+ maxHeight: (parseFloat(wds_imageHeight) * ratio) + "px",
2026
+ top: ((top_px * (slide_height - ratio * wds_imageHeight) / (wds_params[wds].image_height - wds_imageHeight)) * 100 / slide_height) + "%",
2027
+ });
2028
+ if (jQuery(this).attr("data-wds-scale") != "on") {
2029
+ jQuery(this).css({
2030
+ width: (parseFloat(wds_imageWidth) * ratio) + "px",
2031
+ height: (parseFloat(wds_imageHeight) * ratio) + "px",
2032
+ });
2033
+ }
2034
+ else if (wds_imageWidth > wds_origWidth || wds_imageHeight > wds_origHeight) {
2035
+ if (wds_origWidth / wds_imageWidth > wds_origHeight / wds_imageHeight) {
2036
+ jQuery(this).css({
2037
+ width: (parseFloat(wds_imageWidth) * ratio) + "px"
2038
+ });
2039
+ }
2040
+ else {
2041
+ jQuery(this).css({
2042
+ height: (parseFloat(wds_imageHeight) * ratio) + "px"
2043
+ });
2044
+ }
2045
+ }
2046
+ });
2047
+
2048
+ jQuery(".wds_slideshow_image_"+wds+" [data-type='hotspot']").each(function () {
2049
+ jQuery(this).children().each(function () {
2050
+ var width = jQuery(this).attr("data-width");
2051
+ if (jQuery(this).attr("data-type") == "hotspot_text") {
2052
+ var height = jQuery(this).attr("data-height");
2053
+ if (width != 0) {
2054
+ jQuery(this).width(ratio * width);
2055
+ }
2056
+ if (height != 0) {
2057
+ jQuery(this).height(ratio * height);
2058
+ }
2059
+ var min_font_size;
2060
+ var font_size;
2061
+ min_font_size = jQuery(this).attr("data-fmin-size");
2062
+ font_size = ratio * jQuery(this).attr("data-fsize");
2063
+ if (min_font_size > font_size) {
2064
+ font_size = min_font_size;
2065
+ }
2066
+ jQuery(this).css({fontSize: font_size + "px"});
2067
+ }
2068
+ else {
2069
+ if (width != 0) {
2070
+ jQuery(this).width(ratio * width);
2071
+ jQuery(this).height(ratio * width);
2072
+ jQuery(this).parent().width(ratio * width);
2073
+ jQuery(this).parent().height(ratio * width);
2074
+ }
2075
+ jQuery(this).css({
2076
+ borderWidth: ratio * jQuery(this).attr("data-border-width")
2077
+ });
2078
+ }
2079
+ });
2080
+ });
2081
+
2082
+ jQuery(".wds_slideshow_image_"+wds+" span, .wds_slideshow_image_"+wds+" i").each(function () {
2083
+ var font_size;
2084
+ var ratio_new;
2085
+ var font_size_new;
2086
+ var min_font_size;
2087
+ font_size = parseFloat(jQuery(this).attr("data-wds-fsize")) * ratio;
2088
+ font_size_new = font_size;
2089
+ ratio_new = ratio;
2090
+ if (jQuery(this).attr('data-type') == 'wds_text_parent') {
2091
+ min_font_size = jQuery(this).attr("data-wds-fmin-size");
2092
+ if (min_font_size > font_size) {
2093
+ font_size_new = min_font_size;
2094
+ ratio_new = ratio * font_size_new / font_size;
2095
+ }
2096
+ }
2097
+ jQuery(this).css({
2098
+ fontSize: (font_size_new) + "px",
2099
+ lineHeight: "1.25em",
2100
+ paddingLeft: (parseFloat(jQuery(this).attr("data-wds-fpaddingl")) * ratio_new) + "px",
2101
+ paddingRight: (parseFloat(jQuery(this).attr("data-wds-fpaddingr")) * ratio_new) + "px",
2102
+ paddingTop: (parseFloat(jQuery(this).attr("data-wds-fpaddingt")) * ratio_new) + "px",
2103
+ paddingBottom: (parseFloat(jQuery(this).attr("data-wds-fpaddingb")) * ratio_new) + "px",
2104
+ });
2105
+ });
2106
+
2107
+ if ( !wds_object.is_free ) {
2108
+ wds_display_hotspot();
2109
+ wds_hotspot_position("", ratio);
2110
+ }
2111
+ if (wds_params[wds].parallax_effect == 1) {
2112
+ wds_parallax( wds );
2113
+ }
2114
+ jQuery(".wds_slideshow_image_"+wds+" [data-type='wds_text_parent']").each(function () {
2115
+ var id = jQuery(this).attr("id");
2116
+ if (wds_params[wds].wds_data[jQuery("#" + id).data("row-key")]["layer_"+ jQuery("#" + id).data("layer-key") +"_align_layer"] == 1) {
2117
+ var slider_width = jQuery(".wds_slider_"+ wds).outerWidth();
2118
+ var left;
2119
+ if ((jQuery("#" + id).offset().left - jQuery(".wds_slideshow_image_"+wds).offset().left) > (slider_width / 2 + jQuery(this).outerWidth() / 2)) {
2120
+ left = slider_width - jQuery(this).outerWidth();
2121
+ }
2122
+ else if ((jQuery("#" + id).offset().left - jQuery(".wds_slideshow_image_"+wds).offset().left) < (slider_width / 2 - jQuery(this).outerWidth() / 2)) {
2123
+ left = 0;
2124
+ }
2125
+ else {
2126
+ left = slider_width / 2 - jQuery(this).outerWidth() / 2;
2127
+ }
2128
+ var left_percent = (slider_width != 0) ? 100 * left / slider_width : 0;
2129
+ jQuery("#" + id).css({left:left_percent + "%"});
2130
+ }
2131
+ });
2132
+ wds_resize_instagram_post( wds );
2133
+ wds_window_fixed_size( wds, "#wds_image_id_"+wds+"_" + wds_params[wds].wds_data[parseInt(jQuery('#wds_current_image_key_'+wds).val())]["id"]);
2134
+ }
2135
+
2136
+ function wds_full_width( wds ) {
2137
+ var left = jQuery("#wds_container1_"+wds).offset().left;
2138
+ jQuery(".wds_slideshow_image_wrap_"+wds).css({
2139
+ left: (-left) + "px",
2140
+ width: (jQuery(window).width()) + "px",
2141
+ maxWidth: "none"
2142
+ });
2143
+ }
2144
+
2145
+ function wds_ready( wds ) {
2146
+
2147
+ if (typeof wds_params[wds].callback_items["onSliderI"] !== 'undefined' && wds_params[wds].callback_items["onSliderI"] !== null) {
2148
+ wds_params[wds].callback_items["onSliderI"];
2149
+ }
2150
+ if (wds_params[wds].enable_slideshow_autoplay && wds_params[wds].stop_animation) {
2151
+ jQuery("#wds_container1_"+wds).mouseover(function(e) {
2152
+ wds_stop_animation( wds );
2153
+ });
2154
+ jQuery("#wds_container1_"+wds).mouseout(function(e) {
2155
+ if (!e) {
2156
+ var e = window.event;
2157
+ }
2158
+ var reltg = (e.relatedTarget) ? e.relatedTarget : e.toElement;
2159
+ if (typeof reltg != "undefined") {
2160
+ if (reltg != null) {
2161
+ if (typeof reltg.tagName != "undefined") {
2162
+ while (reltg.tagName != 'BODY') {
2163
+ if (reltg.id == this.id){
2164
+ return;
2165
+ }
2166
+ reltg = reltg.parentNode;
2167
+ }
2168
+ }
2169
+ }
2170
+ }
2171
+ wds_play_animation(wds);
2172
+ });
2173
+ }
2174
+
2175
+ if (wds_params[wds].bull_butt_img_or_not == 'text') {
2176
+ wds_set_text_dots_cont(wds);
2177
+ }
2178
+ jQuery(".wds_slideshow_image_"+wds+" span, .wds_slideshow_image_"+wds+" i").each(function () {
2179
+ jQuery(this).attr("data-wds-fpaddingl", jQuery(this).css("paddingLeft"));
2180
+ jQuery(this).attr("data-wds-fpaddingr", jQuery(this).css("paddingRight"));
2181
+ jQuery(this).attr("data-wds-fpaddingt", jQuery(this).css("paddingTop"));
2182
+ jQuery(this).attr("data-wds-fpaddingb", jQuery(this).css("paddingBottom"));
2183
+ });
2184
+
2185
+ if (wds_params[wds].navigation) {
2186
+ jQuery("#wds_container2_"+wds).hover(function () {
2187
+ jQuery(".wds_right-ico_"+wds).animate({left: 0}, 700, "swing");
2188
+ jQuery(".wds_left-ico_"+wds).animate({left: 0}, 700, "swing");
2189
+ jQuery("#wds_slideshow_play_pause_"+wds).animate({opacity: 1, filter: "Alpha(opacity=100)"}, 700, "swing");
2190
+ }, function () {
2191
+ jQuery(".wds_right-ico_"+wds).css({left: 4000});
2192
+ jQuery(".wds_left-ico_"+wds).css({left: -4000});
2193
+ jQuery("#wds_slideshow_play_pause_"+wds).css({opacity: 0, filter: "Alpha(opacity=0)"});
2194
+ });
2195
+ }
2196
+
2197
+ if (!wds_params[wds].bull_hover) {
2198
+ jQuery("#wds_container2_"+wds).hover(function () {
2199
+ jQuery(".wds_slideshow_dots_container_"+wds).animate({opacity: 1, filter: "Alpha(opacity=100)"}, 700, "swing");
2200
+ }, function () {
2201
+ jQuery(".wds_slideshow_dots_container_"+wds).css({opacity: 0, filter: "Alpha(opacity=0)"});
2202
+ });
2203
+ }
2204
+ wds_resize_slider( wds );
2205
+
2206
+ if ( wds_params[wds].carousel != 1 ) {
2207
+ jQuery("#wds_container2_"+wds).css({visibility: 'visible'});
2208
+ jQuery(".wds_loading").hide();
2209
+ }
2210
+
2211
+
2212
+ function wds_filmstrip_move_left() {
2213
+ if (typeof jQuery().stop !== 'undefined') {
2214
+ if (jQuery.isFunction(jQuery().stop)) {
2215
+ jQuery(".wds_slideshow_filmstrip_thumbnails_" + wds).stop(true, false);
2216
+ }
2217
+ }
2218
+
2219
+ if (wds_params[wds].left_or_top == 'top') {
2220
+ if (jQuery(".wds_slideshow_filmstrip_thumbnails_" + wds).position().wds_params[wds].top < 0) {
2221
+ jQuery(".wds_slideshow_filmstrip_right_" + wds).css({opacity: 1, filter: "Alpha(opacity=100)"});
2222
+ if (jQuery(".wds_slideshow_filmstrip_thumbnails_" + wds).position().wds_params[wds].top > -wds_params[wds].filmstrip_thumb_margin_hor - wds_params[wds].filmstrip_width) {
2223
+ jQuery(".wds_slideshow_filmstrip_thumbnails_" + wds).animate({top: 0}, 100, 'linear');
2224
+ }
2225
+ else {
2226
+ jQuery(".wds_slideshow_filmstrip_thumbnails_" + wds).animate({top: (jQuery(".wds_slideshow_filmstrip_thumbnails_" + wds).position().top + wds_params[wds].filmstrip_thumb_margin_hor + wds_params[wds].filmstrip_width)}, 100, 'linear');
2227
+ }
2228
+ }
2229
+ /* Disable left arrow.*/
2230
+ window.setTimeout(function () {
2231
+ if (jQuery(".wds_slideshow_filmstrip_thumbnails_" + wds).position().top == 0) {
2232
+ jQuery(".wds_slideshow_filmstrip_left_" + wds).css({opacity: 0.3, filter: "Alpha(opacity=30)"});
2233
+ }
2234
+ }, 500);
2235
+ }
2236
+ else if (wds_params[wds].left_or_top == 'left') {
2237
+ if (jQuery(".wds_slideshow_filmstrip_thumbnails_" + wds).position().left < 0) {
2238
+ jQuery(".wds_slideshow_filmstrip_right_" + wds).css({opacity: 1, filter: "Alpha(opacity=100)"});
2239
+ if (jQuery(".wds_slideshow_filmstrip_thumbnails_" + wds).position().left > -wds_params[wds].filmstrip_thumb_margin_hor - wds_params[wds].filmstrip_width) {
2240
+ jQuery(".wds_slideshow_filmstrip_thumbnails_" + wds).animate({left: 0}, 100, 'linear');
2241
+ }
2242
+ else {
2243
+ jQuery(".wds_slideshow_filmstrip_thumbnails_" + wds).animate({left: (jQuery(".wds_slideshow_filmstrip_thumbnails_" + wds).position().left + wds_params[wds].filmstrip_thumb_margin_hor + wds_params[wds].filmstrip_width)}, 100, 'linear');
2244
+ }
2245
+ }
2246
+ window.setTimeout(function () {
2247
+ if (jQuery(".wds_slideshow_filmstrip_thumbnails_" + wds).position().left == 0) {
2248
+ jQuery(".wds_slideshow_filmstrip_left_" + wds).css({opacity: 0.3, filter: "Alpha(opacity=30)"});
2249
+ }
2250
+ }, 500);
2251
+ }
2252
+ }
2253
+
2254
+ function wds_filmstrip_move_right() {
2255
+ if (typeof jQuery().stop !== 'undefined') {
2256
+ if (jQuery.isFunction(jQuery().stop)) {
2257
+ jQuery(".wds_slideshow_filmstrip_thumbnails_" + wds).stop(true, false);
2258
+ }
2259
+ }
2260
+ if (wds_params[wds].left_or_top == 'top') {
2261
+ if (jQuery(".wds_slideshow_filmstrip_thumbnails_" + wds).position().top >= -(jQuery(".wds_slideshow_filmstrip_thumbnails_" + wds).height() - jQuery(".wds_slideshow_filmstrip_container_" + wds).height())) {
2262
+ jQuery(".wds_slideshow_filmstrip_left_" + wds).css({opacity: 1, filter: "Alpha(opacity=100)"});
2263
+ if (jQuery(".wds_slideshow_filmstrip_thumbnails_" + wds).position().top < -(jQuery(".wds_slideshow_filmstrip_thumbnails_" + wds).height() - jQuery(".wds_slideshow_filmstrip_container_" + wds).height() - wds_params[wds].filmstrip_thumb_margin_hor - wds_params[wds].filmstrip_width)) {
2264
+ jQuery(".wds_slideshow_filmstrip_thumbnails_" + wds).animate({top: -(jQuery(".wds_slideshow_filmstrip_thumbnails_" + wds).height() - jQuery(".wds_slideshow_filmstrip_container_" + wds).height())}, 100, 'linear');
2265
+ }
2266
+ else {
2267
+ jQuery(".wds_slideshow_filmstrip_thumbnails_" + wds).animate({top: (jQuery(".wds_slideshow_filmstrip_thumbnails_" + wds).position().top - wds_params[wds].filmstrip_thumb_margin_hor - wds_params[wds].filmstrip_width)}, 100, 'linear');
2268
+ }
2269
+ }
2270
+ /* Disable right arrow.*/
2271
+ window.setTimeout(function () {
2272
+ if (jQuery(".wds_slideshow_filmstrip_thumbnails_" + wds).position().top == -(jQuery(".wds_slideshow_filmstrip_thumbnails_" + wds).height() - jQuery(".wds_slideshow_filmstrip_container_" + wds).height())) {
2273
+ jQuery(".wds_slideshow_filmstrip_right_" + wds).css({opacity: 0.3, filter: "Alpha(opacity=30)"});
2274
+ }
2275
+ }, 500);
2276
+ }
2277
+ else if (wds_params[wds].left_or_top == 'left') {
2278
+ if (jQuery(".wds_slideshow_filmstrip_thumbnails_" + wds).position().left >= -(jQuery(".wds_slideshow_filmstrip_thumbnails_" + wds).width() - jQuery(".wds_slideshow_filmstrip_container_" + wds).width())) {
2279
+ jQuery(".wds_slideshow_filmstrip_left_" + wds).css({opacity: 1, filter: "Alpha(opacity=100)"});
2280
+ if (jQuery(".wds_slideshow_filmstrip_thumbnails_" + wds).position().left < -(jQuery(".wds_slideshow_filmstrip_thumbnails_" + wds).width() - jQuery(".wds_slideshow_filmstrip_container_" + wds).width() - wds_params[wds].filmstrip_thumb_margin_hor - wds_params[wds].filmstrip_width)) {
2281
+ jQuery(".wds_slideshow_filmstrip_thumbnails_" + wds).animate({left: -(jQuery(".wds_slideshow_filmstrip_thumbnails_" + wds).width() - jQuery(".wds_slideshow_filmstrip_container_" + wds).width())}, 100, 'linear');
2282
+ }
2283
+ else {
2284
+ jQuery(".wds_slideshow_filmstrip_thumbnails_" + wds).animate({left: (jQuery(".wds_slideshow_filmstrip_thumbnails_" + wds).position().left - wds_params[wds].filmstrip_thumb_margin_hor - wds_params[wds].filmstrip_width)}, 100, 'linear');
2285
+ }
2286
+ }
2287
+ /* Disable right arrow.*/
2288
+ window.setTimeout(function () {
2289
+ if (jQuery(".wds_slideshow_filmstrip_thumbnails_" + wds).position().left == -(jQuery(".wds_slideshow_filmstrip_thumbnails_" + wds).width() - jQuery(".wds_slideshow_filmstrip_container_" + wds).width())) {
2290
+ jQuery(".wds_slideshow_filmstrip_right_" + wds).css({opacity: 0.3, filter: "Alpha(opacity=30)"});
2291
+ }
2292
+ }, 500);
2293
+ }
2294
+ }
2295
+
2296
+ if (wds_params[wds].slider_effect == 'zoomFade') {
2297
+ wds_genBgPos("#wds_image_id_"+wds+"_" + wds_params[wds].wds_data[parseInt(jQuery('#wds_current_image_key_'+wds).val())]["id"]);
2298
+ }
2299
+ if (wds_params[wds].image_right_click) {
2300
+ /* Disable right click.*/
2301
+ jQuery('div[id^="wds_container"]').bind("contextmenu", function () {
2302
+ return false;
2303
+ });
2304
+ }
2305
+ if (wds_params[wds].slider_effect == 'fade') {
2306
+ var curr_img_id = wds_params[wds].wds_data[parseInt(jQuery('#wds_current_image_key_'+wds).val())]["id"];
2307
+ jQuery("#wds_image_id_"+wds+"_" + curr_img_id).css('transition', 'opacity ' + wds_params[wds].wds_transition_duration + 'ms linear');
2308
+ }
2309
+ var isMobile = (/android|webos|iphone|ipad|ipod|blackberry|iemobile|opera mini/i.test(navigator.userAgent.toLowerCase()));
2310
+ if (isMobile) {
2311
+ if (wds_params[wds].touch_swipe_nav) {
2312
+ wds_swipe(wds);
2313
+ }
2314
+ }
2315
+ else {
2316
+ if (wds_params[wds].mouse_swipe_nav) {
2317
+ wds_swipe(wds);
2318
+ }
2319
+ }
2320
+
2321
+ function wds_swipe(wds) {
2322
+ if (typeof jQuery().swiperight !== 'undefined') {
2323
+ if (jQuery.isFunction(jQuery().swiperight)) {
2324
+ jQuery('.wds_slideshow_filmstrip_thumbnails_'+wds).swiperight(function () {
2325
+ wds_filmstrip_move_left();
2326
+ return false;
2327
+ });
2328
+ jQuery('#wds_container1_'+wds).swiperight(function () {
2329
+
2330
+ wds_change_image(wds, parseInt(jQuery('#wds_current_image_key_'+wds).val()), (parseInt(jQuery('#wds_current_image_key_'+wds).val()) - wds_iterator_wds(wds)) >= 0 ? (parseInt(jQuery('#wds_current_image_key_'+wds).val()) - wds_iterator_wds( wds )) % wds_params[wds].wds_data.length : wds_params[wds].wds_data.length - 1, wds_params[wds].wds_data, false, "left");
2331
+ if ( wds_params[wds].carousel == 1 ) {
2332
+ wds_carousel[wds].prev();
2333
+ }
2334
+ if (typeof wds_params[wds].callback_items["onSwipeS"] !== 'undefined' && wds_params[wds].callback_items["onSwipeS"] !== null) {
2335
+ document.write(wds_params[wds].callback_items["onSwipeS"]);
2336
+ }
2337
+ return false;
2338
+ });
2339
+ }
2340
+ }
2341
+ if (typeof jQuery().swipeleft !== 'undefined') {
2342
+ if (jQuery.isFunction(jQuery().swipeleft)) {
2343
+ jQuery('.wds_slideshow_filmstrip_thumbnails_'+wds).swipeleft(function () {
2344
+ wds_filmstrip_move_right();
2345
+ return false;
2346
+ });
2347
+ jQuery('#wds_container1_'+wds).swipeleft(function () {
2348
+ wds_change_image(wds, parseInt(jQuery('#wds_current_image_key_'+wds).val()), (parseInt(jQuery('#wds_current_image_key_'+wds).val()) + wds_iterator_wds(wds)) % wds_params[wds].wds_data.length, wds_params[wds].wds_data, false, "right");
2349
+ if ( wds_params[wds].carousel == 1 ) {
2350
+ wds_carousel[wds].next();
2351
+ }
2352
+ if (typeof wds_params[wds].callback_items["onSwipeS"] !== 'undefined' && wds_params[wds].callback_items["onSwipeS"] !== null) {
2353
+ document.write(wds_params[wds].callback_items["onSwipeS"]);
2354
+ }
2355
+ return false;
2356
+ });
2357
+ }
2358
+ }
2359
+ }
2360
+
2361
+ var wds_click = isMobile ? 'touchend' : 'click';
2362
+ var mousewheelevt = (/Firefox/i.test(navigator.userAgent)) ? "DOMMouseScroll" : "mousewheel"; /* FF doesn't recognize mousewheel as of FF3.x */
2363
+ jQuery('.wds_slideshow_filmstrip_'+wds).bind(mousewheelevt, function(e) {
2364
+ var evt = window.event || e; /* Equalize event object.*/
2365
+ evt = evt.originalEvent ? evt.originalEvent : evt; /* Convert to originalEvent if possible.*/
2366
+ var delta = evt.detail ? evt.detail*(-40) : evt.wheelDelta; /* Check for detail first, because it is used by Opera and FF.*/
2367
+ if (delta > 0) {
2368
+ /* Scroll up.*/
2369
+ jQuery(".wds_slideshow_filmstrip_left_"+wds).trigger("click");
2370
+ }
2371
+ else {
2372
+ /* Scroll down.*/
2373
+ jQuery(".wds_slideshow_filmstrip_right_"+wds).trigger("click");
2374
+ }
2375
+ return false;
2376
+ });
2377
+ jQuery(".wds_slideshow_filmstrip_right_"+wds).on(wds_click, function () {
2378
+ wds_filmstrip_move_right();
2379
+ });
2380
+ jQuery(".wds_slideshow_filmstrip_left_"+wds).on(wds_click, function () {
2381
+ wds_filmstrip_move_left();
2382
+ });
2383
+
2384
+ /* Set filmstrip initial position.*/
2385
+ (wds_params[wds].width_or_height == 'width') ? wds_set_filmstrip_pos(wds, jQuery(".wds_slideshow_filmstrip_container_"+wds).width()) : wds_set_filmstrip_pos(wds, jQuery(".wds_slideshow_filmstrip_container_"+wds).height());
2386
+
2387
+ function wds_message_listener(e) {
2388
+ try {
2389
+ var data = JSON.parse(e.data);
2390
+ if (data.method == "paused") {
2391
+ wds_params[wds].iframe_message_received = wds_params[wds].iframe_message_received + 1;
2392
+ if (data.value == false) {
2393
+ wds_params[wds].video_is_playing = true;
2394
+ }
2395
+ }
2396
+ } catch (e) {
2397
+ return false;
2398
+ }
2399
+ }
2400
+
2401
+ if (window.addEventListener){
2402
+ window.addEventListener('message', wds_message_listener, false);
2403
+ }
2404
+ else {
2405
+ window.attachEvent('onmessage', wds_message_listener, false);
2406
+ }
2407
+ /* Mouswheel navigation.*/
2408
+ if ( wds_params[wds].mouse_wheel_nav) {
2409
+ jQuery('.wds_slide_container_'+wds).bind(mousewheelevt, function(e) {
2410
+ var evt = window.event || e; /* Equalize event object.*/
2411
+ evt = evt.originalEvent ? evt.originalEvent : evt; /* Convert to originalEvent if possible.*/
2412
+ var delta = evt.detail ? evt.detail*(-40) : evt.wheelDelta; /* Check for detail first, because it is used by Opera and FF.*/
2413
+ if (delta > 0) {
2414
+ /* Scroll up.*/
2415
+ wds_change_image(wds, parseInt(jQuery('#wds_current_image_key_'+wds).val()), (parseInt(jQuery('#wds_current_image_key_'+wds).val()) - wds_iterator_wds(wds)) >= 0 ? (parseInt(jQuery('#wds_current_image_key_'+wds).val()) - wds_iterator_wds(wds)) % wds_params[wds].wds_data.length : wds_params[wds].wds_data.length - 1, wds_params[wds].wds_data, false, "left");
2416
+ }
2417
+ else {
2418
+ /* Scroll down.*/
2419
+ wds_change_image(wds, parseInt(jQuery('#wds_current_image_key_'+wds).val()), (parseInt(jQuery('#wds_current_image_key_'+wds).val()) + wds_iterator_wds(wds)) % wds_params[wds].wds_data.length, wds_params[wds].wds_data, false, "right");
2420
+ }
2421
+ return false;
2422
+ });
2423
+ }
2424
+
2425
+ /* Keyboard navigation.*/
2426
+ if (wds_params[wds].keyboard_nav) {
2427
+ jQuery(document).on('keydown', function (e) {
2428
+ if (e.keyCode === 39 || e.keyCode === 38) { /* Right arrow.*/
2429
+ wds_change_image(wds, parseInt(jQuery('#wds_current_image_key_'+wds).val()), (parseInt(jQuery('#wds_current_image_key_'+wds).val()) + wds_iterator_wds(wds)) % wds_params[wds].wds_data.length, wds_params[wds].wds_data, false, "right");
2430
+ }
2431
+ else if (e.keyCode === 37 || e.keyCode === 40) { /* Left arrow.*/
2432
+ wds_change_image(wds, parseInt(jQuery('#wds_current_image_key_'+wds).val()), (parseInt(jQuery('#wds_current_image_key_'+wds).val()) - wds_iterator_wds(wds)) >= 0 ? (parseInt(jQuery('#wds_current_image_key_'+wds).val()) - wds_iterator_wds(wds)) % wds_params[wds].wds_data.length : wds_params[wds].wds_data.length - 1, wds_params[wds].wds_data, false, "left");
2433
+ }
2434
+ else if (e.keyCode === 32) { /* Space.*/
2435
+ wds_play_pause(wds);
2436
+ }
2437
+ });
2438
+ }
2439
+ /* Play/pause.*/
2440
+ jQuery("#wds_slideshow_play_pause_"+wds).on(wds_click, function () {
2441
+ wds_play_pause(wds);
2442
+ });
2443
+ if (wds_params[wds].enable_slideshow_autoplay) {
2444
+ play_wds(wds);
2445
+
2446
+ jQuery(".wds_slideshow_play_pause_"+wds).attr("title", wds_object.pause);
2447
+ jQuery(".wds_slideshow_play_pause_"+wds).attr("class", "wds_ctrl_btn_"+wds+" wds_slideshow_play_pause_"+wds+" fa fa-pause");
2448
+ if (wds_params[wds].enable_slideshow_music) {
2449
+ if (wds_params[wds].slideshow_music_url != '') {
2450
+ document.getElementById("wds_audio_"+wds).play();
2451
+ }
2452
+ }
2453
+ if (wds_params[wds].timer_bar_type != 'none') {
2454
+ if (wds_params[wds].timer_bar_type != 'top') {
2455
+ if (wds_params[wds].timer_bar_type != 'bottom') {
2456
+ circle_timer(wds, 0);
2457
+ }
2458
+ }
2459
+ }
2460
+ }
2461
+
2462
+ if (wds_params[wds].preload_images) {
2463
+ function wds_preload(wds, preload_key) {
2464
+ if (wds_params[wds].wds_data[preload_key]["is_video"] == 'image') {
2465
+ jQuery('<img />')
2466
+ .on('load', function() {
2467
+ jQuery(this).remove();
2468
+ if (preload_key < wds_params[wds].wds_data.length - 1) wds_preload(wds, preload_key + 1);
2469
+ })
2470
+ .on('error', function() {
2471
+ jQuery(this).remove();
2472
+ if (preload_key < wds_params[wds].wds_data.length - 1) wds_preload(wds, preload_key + 1);
2473
+ })
2474
+ .attr("src", wds_params[wds].wds_data[preload_key]["image_url"]);
2475
+ }
2476
+ else {
2477
+ if (preload_key < wds_params[wds].wds_data.length - 1) wds_preload(wds, preload_key + 1);
2478
+ }
2479
+ }
2480
+ wds_preload(wds, 0);
2481
+ }
2482
+ var first_slide_layers_count_wds = wds_params[wds].wds_data[wds_params[wds].start_slide_num]["slide_layers_count"];
2483
+ if (first_slide_layers_count_wds) {
2484
+ /* Loop through layers in.*/
2485
+ for (var j = 0; j < first_slide_layers_count_wds; j++) {
2486
+ wds_set_layer_effect_in_wds(wds, j, wds_params[wds].start_slide_num);
2487
+ }
2488
+ /* Loop through layers out.*/
2489
+ for (var i = 0; i < first_slide_layers_count_wds; i++) {
2490
+ wds_set_layer_effect_out_wds(wds, i, wds_params[wds].start_slide_num);
2491
+ }
2492
+ }
2493
+
2494
+ if ( !wds_object.is_free ) {
2495
+ wds_video_dimenstion(wds, jQuery("#wds_current_image_key_"+wds).val());
2496
+ }
2497
+ if (wds_params[wds].fixed_bg == 1) {
2498
+ wds_window_fixed_pos(wds);
2499
+ }
2500
+ jQuery(".wds_slideshow_filmstrip_container_"+wds).hover(function() {
2501
+ jQuery(".wds_slideshow_filmstrip_left_"+wds+" i, .wds_slideshow_filmstrip_right_"+wds+" i").animate({opacity: 1, filter: "Alpha(opacity=100)"}, 700, "swing");
2502
+ }, function () {
2503
+ jQuery(".wds_slideshow_filmstrip_left_"+wds+" i, .wds_slideshow_filmstrip_right_"+wds+" i").animate({opacity: 0, filter: "Alpha(opacity=0)"}, 700, "swing");
2504
+ });
2505
+ jQuery("#wds_container1_"+wds).hover(function() {
2506
+ if (typeof wds_params[wds].callback_items["onSliderHover"] !== 'undefined' && wds_params[wds].callback_items["onSliderHover"] !== null) {
2507
+ document.write(wds_params[wds].callback_items["onSliderHover"]);
2508
+ }
2509
+ }, function () {
2510
+ if (typeof wds_params[wds].callback_items["onSliderBlur"] !== 'undefined' && wds_params[wds].callback_items["onSliderBlur"] !== null) {
2511
+ document.write(wds_params[wds].callback_items["onSliderBlur"]);
2512
+ }
2513
+ });
2514
+ jQuery("#wds_slideshow_play_pause_"+wds).on("click", ".fa-play", function() {
2515
+ if (typeof wds_params[wds].callback_items["onSliderPlay"] !== 'undefined' && wds_params[wds].callback_items["onSliderPlay"] !== null) {
2516
+ document.write(wds_params[wds].callback_items["onSliderPlay"]);
2517
+ }
2518
+ });
2519
+ jQuery("#wds_slideshow_play_pause_"+wds).on("click", ".fa-pause", function() {
2520
+ if (typeof wds_params[wds].callback_items["onSliderPause"] !== 'undefined' && wds_params[wds].callback_items["onSliderPause"] !== null) {
2521
+ document.write(wds_params[wds].callback_items["onSliderPause"]);
2522
+ }
2523
+ });
2524
+ }
2525
+
2526
+ function wds_pause() {
2527
+ /* Pause.*/
2528
+ /* Pause layers out effect.*/
2529
+ wds_params[wds].wds_play_pause_state = 1;
2530
+ var current_key = jQuery('#wds_current_image_key_'+wds).val();
2531
+ var current_slide_layers_count = wds_params[wds].wds_data[current_key]["slide_layers_count"];
2532
+ setTimeout(function() {
2533
+ for (var k = 0; k < current_slide_layers_count; k++) {
2534
+ clearTimeout(wds_params[wds].wds_clear_layers_effects_out[current_key][k]);
2535
+ }
2536
+ }, wds_params[wds].wds_duration_for_clear_effects);
2537
+ window.clearInterval(wds_params[wds].wds_playInterval);
2538
+ jQuery(".wds_slideshow_play_pause_"+wds).attr("title", wds_object.play);
2539
+ jQuery(".wds_slideshow_play_pause_"+wds).attr("class", "wds_ctrl_btn_"+wds+" wds_slideshow_play_pause_"+wds+" fa fa-play");
2540
+ if (wds_params[wds].enable_slideshow_music) {
2541
+ document.getElementById("wds_audio_"+wds).pause();
2542
+ }
2543
+ if (typeof jQuery().stop !== 'undefined') {
2544
+ if (jQuery.isFunction(jQuery().stop)) {
2545
+ if (wds_params[wds].timer_bar_type == 'top' || wds_params[wds].timer_bar_type == 'bottom') {
2546
+ jQuery(".wds_line_timer_" + wds).stop();
2547
+ }
2548
+ else if (wds_params[wds].timer_bar_type != 'none') {
2549
+ /* Pause circle timer.*/
2550
+ if (typeof wds_params[wds].circle_timer_animate.stop !== 'undefined') {
2551
+ wds_params[wds].circle_timer_animate.stop();
2552
+ if ( wds_params[wds].carousel == 1 ) {
2553
+ wds_carousel[wds].pause();
2554
+ }
2555
+ }
2556
+ }
2557
+ }
2558
+ }
2559
+ if ( wds_params[wds].carousel == 1 ) {
2560
+ wds_carousel[wds].pause();
2561
+ }
2562
+ }
2563
+
2564
+ function wds_play_pause(wds, play_pause) {
2565
+ if (typeof play_pause == "undefined") {
2566
+ var play_pause = "";
2567
+ }
2568
+ if (play_pause == "") {
2569
+ if (jQuery(".wds_ctrl_btn_"+wds).hasClass("fa-play") || wds_params[wds].wds_play_pause_state) {
2570
+ wds_play_wds( wds );
2571
+ }
2572
+ else {
2573
+ wds_pause();
2574
+ }
2575
+ }
2576
+ else if (play_pause == "play") {
2577
+ wds_play_wds( wds );
2578
+ }
2579
+ else if (play_pause == "pause") {
2580
+ wds_pause();
2581
+ }
2582
+ }
2583
+
2584
+ function wds_stop_animation( wds ) {
2585
+ window.clearInterval(wds_params[wds].wds_playInterval);
2586
+ /* Pause layers out effect.*/
2587
+ var current_key = jQuery('#wds_current_image_key_'+wds).val();
2588
+ var current_slide_layers_count = wds_params[wds].wds_data[current_key]["slide_layers_count"];
2589
+
2590
+ setTimeout(function() {
2591
+ for (var k = 0; k < current_slide_layers_count; k++) {
2592
+ clearTimeout(wds_params[wds].wds_clear_layers_effects_out[current_key][k]);
2593
+ }
2594
+ }, wds_params[wds].wds_duration_for_clear_effects);
2595
+ if (wds_params[wds].enable_slideshow_music) {
2596
+ document.getElementById("wds_audio_"+wds).pause();
2597
+ }
2598
+ if (typeof jQuery().stop !== 'undefined') {
2599
+ if (jQuery.isFunction(jQuery().stop)) {
2600
+ if (wds_params[wds].timer_bar_type == 'top' || wds_params[wds].timer_bar_type == 'bottom') {
2601
+ jQuery(".wds_line_timer_"+wds).stop();
2602
+ if ( wds_params[wds].carousel == 1 ) {
2603
+ wds_carousel[wds].pause();
2604
+ }
2605
+ }
2606
+ else if (wds_params[wds].timer_bar_type != 'none') {
2607
+ wds_params[wds].circle_timer_animate.stop();
2608
+ if ( wds_params[wds].carousel == 1 ) {
2609
+ wds_carousel[wds].pause();
2610
+ }
2611
+ }
2612
+ }
2613
+ }
2614
+ }
2615
+
2616
+ function wds_play_animation( wds ) {
2617
+ if (jQuery(".wds_ctrl_btn_"+wds).hasClass("fa-play")) {
2618
+ return;
2619
+ }
2620
+ play_wds( wds );
2621
+ if ( wds_params[wds].carousel == 1 ) {
2622
+ wds_carousel[wds].start();
2623
+ }
2624
+ if (wds_params[wds].timer_bar_type != 'none') {
2625
+ if (wds_params[wds].timer_bar_type != 'bottom') {
2626
+ if (wds_params[wds].timer_bar_type != 'top') {
2627
+ if (typeof wds_params[wds].circle_timer_animate !== 'undefined') {
2628
+ wds_params[wds].circle_timer_animate.stop();
2629
+ if ( wds_params[wds].carousel == 1 ) {
2630
+ wds_carousel[wds].pause();
2631
+ }
2632
+ }
2633
+ wds_circle_timer(wds_params[wds].curent_time_deggree);
2634
+ }
2635
+ }
2636
+ }
2637
+ if (wds_params[wds].enable_slideshow_music) {
2638
+ if (wds_params[wds].slideshow_music_url != '') {
2639
+ document.getElementById("wds_audio_"+wds).play();
2640
+ }
2641
+ }
2642
+ var next_slide_layers_count = wds_params[wds].wds_data[wds_params[wds].wds_current_key]["slide_layers_count"];
2643
+ for (var i = 0; i < next_slide_layers_count; i++) {
2644
+ wds_set_layer_effect_out_wds(wds, i, wds_params[wds].wds_current_key);
2645
+ }
2646
+ }
2647
+
2648
+ function wds_get_overall_parent(obj) {
2649
+ if (obj.parent().width()) {
2650
+ obj.width(obj.parent().width());
2651
+ return obj.parent().width();
2652
+ }
2653
+ else {
2654
+ return wds_get_overall_parent(obj.parent());
2655
+ }
2656
+ }
2657
+
2658
+ function wds_circle_timer(wds, angle) {
2659
+ wds_params[wds].circle_timer_animate = jQuery({deg: angle}).animate({deg: 360}, {
2660
+ duration: wds_params[wds].slideshow_interval * 1000,
2661
+ step: function (now) {
2662
+ wds_params[wds].curent_time_deggreewds = now;
2663
+ if (now >= 0) {
2664
+ if (now < 271) {
2665
+ jQuery('#top_right_' + wds).css({
2666
+ '-moz-transform': 'rotate(' + now + 'deg)',
2667
+ '-webkit-transform': 'rotate(' + now + 'deg)',
2668
+ '-o-transform': 'rotate(' + now + 'deg)',
2669
+ '-ms-transform': 'rotate(' + now + 'deg)',
2670
+ 'transform': 'rotate(' + now + 'deg)',
2671
+ '-webkit-transform-origin': 'left bottom',
2672
+ '-ms-transform-origin': 'left bottom',
2673
+ '-moz-transform-origin': 'left bottom',
2674
+ 'transform-origin': 'left bottom'
2675
+ });
2676
+ }
2677
+ }
2678
+ if (now >= 90) {
2679
+ if (now < 271) {
2680
+ wds_params[wds].bottom_right_deggree_wds = now - 90;
2681
+ jQuery('#bottom_right_' + wds).css({
2682
+ '-moz-transform': 'rotate(' + wds_params[wds].bottom_right_deggree_wds + 'deg)',
2683
+ '-webkit-transform': 'rotate(' + wds_params[wds].bottom_right_deggree_wds + 'deg)',
2684
+ '-o-transform': 'rotate(' + wds_params[wds].bottom_right_deggree_wds + 'deg)',
2685
+ '-ms-transform': 'rotate(' + wds_params[wds].bottom_right_deggree_wds + 'deg)',
2686
+ 'transform': 'rotate(' + wds_params[wds].bottom_right_deggree_wds + 'deg)',
2687
+ '-webkit-transform-origin': 'left top',
2688
+ '-ms-transform-origin': 'left top',
2689
+ '-moz-transform-origin': 'left top',
2690
+ 'transform-origin': 'left top'
2691
+ });
2692
+ }
2693
+ }
2694
+ if (now >= 180) {
2695
+ if (now < 361) {
2696
+ wds_params[wds].bottom_left_deggree_wds = now - 180;
2697
+ jQuery('#bottom_left_' + wds).css({
2698
+ '-moz-transform': 'rotate(' + wds_params[wds].bottom_left_deggree_wds + 'deg)',
2699
+ '-webkit-transform': 'rotate(' + wds_params[wds].bottom_left_deggree_wds + 'deg)',
2700
+ '-o-transform': 'rotate(' + wds_params[wds].bottom_left_deggree_wds + 'deg)',
2701
+ '-ms-transform': 'rotate(' + wds_params[wds].bottom_left_deggree_wds + 'deg)',
2702
+ 'transform': 'rotate(' + wds_params[wds].bottom_left_deggree_wds + 'deg)',
2703
+ '-webkit-transform-origin': 'right top',
2704
+ '-ms-transform-origin': 'right top',
2705
+ '-moz-transform-origin': 'right top',
2706
+ 'transform-origin': 'right top'
2707
+ });
2708
+ }
2709
+ }
2710
+ if (now >= 270) {
2711
+ if (now < 361) {
2712
+ wds_params[wds].top_left_deggree_wds = now - 270;
2713
+ jQuery('#top_left_' + wds).css({
2714
+ '-moz-transform': 'rotate(' + wds_params[wds].top_left_deggree_wds + 'deg)',
2715
+ '-webkit-transform': 'rotate(' + wds_params[wds].top_left_deggree_wds + 'deg)',
2716
+ '-o-transform': 'rotate(' + wds_params[wds].top_left_deggree_wds + 'deg)',
2717
+ '-ms-transform': 'rotate(' + wds_params[wds].top_left_deggree_wds + 'deg)',
2718
+ 'transform': 'rotate(' + wds_params[wds].top_left_deggree_wds + 'deg)',
2719
+ '-webkit-transform-origin': 'right bottom',
2720
+ '-ms-transform-origin': 'right bottom',
2721
+ '-moz-transform-origin': 'right bottom',
2722
+ 'transform-origin': 'right bottom'
2723
+ });
2724
+ }
2725
+ }
2726
+ }
2727
+ });
2728
+ }
2729
+
2730
+ function wds_slide_redirect_link(event, url, target) {
2731
+ if ( event.target.className != 'wds_play_btn_cont' && event.target.className != 'wds_bigplay_layer' && event.target.className != '') {
2732
+ window.open(url,target);
2733
+ }
2734
+ }
2735
+
2736
+ function wds_playVideo( wds_player ) {}
2737
+ function wds_parallax(wds, slide_id) {}
2738
+ function wds_embed_slide_autoplay(slide_id, wds) {}
2739
+ function wds_video_dimenstion(wds, current_key) {}
2740
+ function wds_upvideo_layer_dimenstion(wds, key, j) {}
2741
+ function wds_video_play_pause(wds, id) {}
2742
+ function wds_video_play_pause_layer(event, wds, slide_id, layer_id) {}
readme.txt CHANGED
@@ -4,7 +4,7 @@ Tags: responsive slider, slider, slideshow, wordpress slider, image slider, gall
4
  Requires at least: 3.4
5
  Tested up to: 4.9
6
  Requires PHP: 5.2
7
- Stable tag: 1.2.1
8
  License: GPLv2 or later
9
  License URI: http://www.gnu.org/licenses/gpl-2.0.html
10
 
@@ -101,7 +101,7 @@ If you think you found a bug in Slider WD or have any problem/question concernin
101
 
102
  ### Minimum requirements.
103
  * Wordpress 3.4+
104
- * PHP 5.x
105
  * MySQL 5.x
106
 
107
  ### Perform a new installation
@@ -129,6 +129,12 @@ After downloading the ZIP file of the slider plugin,
129
 
130
  == Changelog ==
131
 
 
 
 
 
 
 
132
  = 1.2.1 =
133
  * Changed: Deactivation popup.
134
 
4
  Requires at least: 3.4
5
  Tested up to: 4.9
6
  Requires PHP: 5.2
7
+ Stable tag: 1.2.2
8
  License: GPLv2 or later
9
  License URI: http://www.gnu.org/licenses/gpl-2.0.html
10
 
101
 
102
  ### Minimum requirements.
103
  * Wordpress 3.4+
104
+ * PHP 5.2+
105
  * MySQL 5.x
106
 
107
  ### Perform a new installation
129
 
130
  == Changelog ==
131
 
132
+ = 1.2.2 =
133
+ * Added: Background fill mode for slide.
134
+ * Added: Auto height functionality for full width slider.
135
+ * Added: Option to stretch slider to fill parent container.
136
+ * Fixed: Video layer autoplay bug.
137
+
138
  = 1.2.1 =
139
  * Changed: Deactivation popup.
140
 
slider-wd.php CHANGED
@@ -4,7 +4,7 @@
4
  * Plugin Name: Slider WD
5
  * Plugin URI: https://web-dorado.com/products/wordpress-slider-plugin.html
6
  * Description: This is a responsive plugin, which allows adding sliders to your posts/pages and to custom location. It uses large number of transition effects and supports various types of layers.
7
- * Version: 1.2.1
8
  * Author: WebDorado
9
  * Author URI: https://web-dorado.com/wordpress-plugins-bundle.html
10
  * License: GNU/GPLv3 http://www.gnu.org/licenses/gpl-3.0.html
@@ -19,8 +19,8 @@ define('WD_S_PREFIX', 'wds');
19
  define('WD_S_NICENAME', __( 'Slider WD', WD_S_PREFIX ));
20
  define('WD_S_NONCE', 'nonce_wd');
21
 
22
- define('WD_S_DB_VERSION', '1.2.1');
23
- define('WD_S_VERSION', '1.2.1');
24
 
25
  define('WD_S_FREE', TRUE);
26
 
@@ -58,11 +58,11 @@ function wds_options_panel() {
58
  $parent_slug = "sliders_wds";
59
  }
60
 
61
- $sliders_page = add_submenu_page($parent_slug, __('Sliders', 'wds'), __('Sliders', 'wds'), 'manage_options', 'sliders_wds', 'wd_sliders');
62
  add_action('admin_print_styles-' . $sliders_page, 'wds_styles');
63
  add_action('admin_print_scripts-' . $sliders_page, 'wds_scripts');
64
 
65
- $global_options_page = add_submenu_page($parent_slug, __('Options', 'wds'), __('Options', 'wds'), 'manage_options', 'goptions_wds', 'wd_sliders');
66
  add_action('admin_print_styles-' . $global_options_page, 'wds_styles');
67
  add_action('admin_print_scripts-' . $global_options_page, 'wds_scripts');
68
 
@@ -74,7 +74,7 @@ function wds_options_panel() {
74
  add_action('admin_print_scripts-' . $demo_slider, 'wds_scripts');
75
  add_action('admin_print_styles-' . $demo_slider, 'wds_styles');
76
 
77
- $uninstall_page = add_submenu_page(null, __('Uninstall', 'wds'), __('Uninstall', 'wds'), 'manage_options', 'uninstall_wds', 'wd_sliders');
78
  add_action('admin_print_styles-' . $uninstall_page, 'wds_styles');
79
  add_action('admin_print_scripts-' . $uninstall_page, 'wds_scripts');
80
  }
@@ -374,7 +374,6 @@ function wds_scripts() {
374
  wp_enqueue_script('jscolor', WD_S_URL . '/js/jscolor/jscolor.js', array(), '1.3.9');
375
  wp_enqueue_style('wds_font-awesome', WD_S_URL . '/css/font-awesome/font-awesome.css', array(), '4.6.3');
376
  wp_enqueue_style('wds_effects', WD_S_URL . '/css/wds_effects.css', array(), WD_S_VERSION);
377
- wp_enqueue_style('wds_tooltip', WD_S_URL . '/css/jquery-ui-1.10.3.custom.css', array(), WD_S_VERSION);
378
  if ( !WD_S_FREE ) {
379
  wp_enqueue_script('wds_hotspot', WD_S_URL . '/js/wds_hotspot.js', array(), WD_S_VERSION);
380
  wp_enqueue_script('wds_embed', WD_S_URL . '/js/wds_embed.js', array(), WD_S_VERSION);
@@ -386,199 +385,201 @@ function wds_scripts() {
386
  "LDO" => $global_options,
387
  "is_free" => WD_S_FREE,
388
  'translate' => array(
389
- 'check_at_least' => __('You must check at least one item.', 'wds'),
390
- 'no_slider' => __('There is no slider.', 'wds'),
391
- 'min_size' => __('Sets the minimal size of the text. It will be shrunk until the font size is equal to this value.', 'wds'),
392
- 'font_size' => __('Size:', 'wds'),
393
- 'please_enter_url_to_embed' => __('Please enter url to embed.', 'wds'),
394
- 'error_cannot_get_response_from_the_server' => __('Error: cannot get response from the server.', 'wds'),
395
- 'error_something_wrong_happened_at_the_server' => __('Error: something wrong happened at the server.', 'wds'),
396
- 'edit_filmstrip_thumbnail' => __('Edit Filmstrip Thumbnail', 'wds'),
397
- 'you_must_set_watermark_type' => __('You must set watermark type.', 'wds'),
398
- 'watermark_succesfully_set' => __('Watermark Succesfully Set.', 'wds'),
399
- 'watermark_succesfully_reset' => __('Watermark Succesfully Reset.', 'wds'),
400
- 'items_succesfully_saved' => __('Items Succesfully Saved.', 'wds'),
401
- 'changes_made_in_this_table_should_be_saved' => __('Changes made in this table should be saved.', 'wds'),
402
- 'selected' => __('Selected', 'wds'),
403
- 'item' => __('item', 'wds'),
404
- 's' => __('s', 'wds'),
405
- 'you_must_select_an_image_file' => __('You must select an image file.', 'wds'),
406
- 'album_thumb_dimensions' => __('Album thumb dimensions:', 'wds'),
407
- 'album_thumb_width' => __('Album thumb width:', 'wds'),
408
- 'edit_thumbnail' => __('Edit Thumbnail', 'wds'),
409
- 'do_you_want_to_delete_layer' => __('Do you want to delete the layer?', 'wds'),
410
- 'drag_to_re_order' => __('Drag to re-order', 'wds'),
411
- 'layer' => __('Layer', 'wds'),
412
- 'delete_layer' => __('Delete layer', 'wds'),
413
- 'duplicate_layer' => __('Duplicate layer', 'wds'),
414
- 'text' => __('Text:', 'wds'),
415
- 'sample_text' => __('Sample text', 'wds'),
416
- 'leave_blank_to_keep_the_initial_width_and_height' => __('Leave blank to keep the initial width and height.', 'wds'),
417
- 'dimensions' => __('Dimensions:', 'wds'),
418
- 'break_word' => __('Break-word', 'wds'),
419
- 'edit_image' => __('Edit Image', 'wds'),
420
- 'set_the_html_attribute_specified_in_the_img_tag' => __('Set the value of alt HTML attribute for this image layer.', 'wds'),
421
- 'alt' => __('Alt:', 'wds'),
422
- 'use_http_and_https_for_external_links' => __('Use http:// and https:// for external links.', 'wds'),
423
- 'link' => __('Link:', 'wds'),
424
- 'open_in_a_new_window' => __('Open in a new window', 'wds'),
425
- 'in_addition_you_can_drag_and_drop_the_layerto_a_desired_position' => __('In addition, you can drag the layer and drop it to the desired position.', 'wds'),
426
- 'position' => __('Position:', 'wds'),
427
- 'published' => __('Published:', 'wds'),
428
- 'fixed_step_left_center_right' => __('Fixed step (left, center, right)', 'wds'),
429
- 'yes' => __('Yes', 'wds'),
430
- 'no' => __('No', 'wds'),
431
- 'color' => __('Color:', 'wds'),
432
- 'hover_color' => __('Hover Color', 'wds'),
433
- 'size' => __('Size:', 'wds'),
434
- 'font_family' => __('Font family:', 'wds'),
435
- 'google_fonts' => __('Google fonts', 'wds'),
436
- 'default' => __('Default', 'wds'),
437
- 'font_weight' => __('Font weight:', 'wds'),
438
- 'padding' => __('Padding:', 'wds'),
439
- 'value_must_be_between_0_to_100' => __('Value must be between 0 and 100.', 'wds'),
440
- 'transparent' => __('Transparency:', 'wds'),
441
- 'border' => __('Border:', 'wds'),
442
- 'use_css_type_values' => __('Use CSS type values.', 'wds'),
443
- 'use_css_type_values_e_g_10_10_5_888888' => __('Use CSS type values (e.g. 10px 10px 5px #888888).', 'wds'),
444
- 'shadow' => __('Shadow', 'wds'),
445
- 'dimensions' => __('Dimensions:', 'wds'),
446
- 'set_width_and_height_of_the_image' => __('Set width and height of the image.', 'wds'),
447
- 'set_width_and_height_of_the_video' => __('Set width and height of the video.', 'wds'),
448
- 'social_button' => __('Social button', 'wds'),
449
- 'effect_in' => __('Effect in:', 'wds'),
450
- 'effect_out' => __('Effect out:', 'wds'),
451
- 'start' => __('Start', 'wds'),
452
- 'effect' => __('Effect', 'wds'),
453
- 'duration' => __('Duration', 'wds'),
454
- 'iteration' => __('Iteration', 'wds'),
455
- 'autoplay' => __('Autoplay:', 'wds'),
456
- 'controls' => __('Controls:', 'wds'),
457
- 'hotspot_width' => __('Hotspot Width:', 'wds'),
458
- 'hotspot_background_color' => __('Hotspot Background Color:', 'wds'),
459
- 'hotspot_border' => __('Hotspot Border:', 'wds'),
460
- 'hotspot_radius' => __('Hotspot Radius:', 'wds'),
461
- 'in_addition_you_can_drag_and_drop_the_layer_to_a_desired_position' => __('In addition, you can drag the layer and drop it to the desired position.', 'wds'),
462
- 'leave_blank_to_keep_the_initial_width_and_height' => __('Leave blank to keep the initial width and height.', 'wds'),
463
- 'video_loop' => __('Video Loop', 'wds'),
464
- 'disable_youtube_related_video' => __('Disable youtube related video:', 'wds'),
465
- 'hotspot_animation' => __('Hotspot Animation:', 'wds'),
466
- 'add_click_action' => __('Add click action:', 'wds'),
467
- 'select_between_the_option_of_always_displaying_the_navigation_buttons_or_only_when_hovered' => __('Select between the option of always displaying the navigation buttons or only when hovered.', 'wds'),
468
- 'show_hotspot_text' => __('Show Hotspot text:', 'wds'),
469
- 'on_hover' => __('On hover', 'wds'),
470
- 'on_click' => __('On click', 'wds'),
471
- 'text_alignment' => __('Text alignment:', 'wds'),
472
- 'slides_name' => __('Slides name:', 'wds'),
473
- 'static_layer' => __('Static layer:', 'wds'),
474
- 'the_layer_will_be_visible_on_all_slides' => __('The layer will be visible on all slides.', 'wds'),
475
- 'add_edit_image' => __('Add/Edit Image', 'wds'),
476
- 'add_image_layer' => __('Add Image Layer', 'wds'),
477
- 'slide' => __('Slide', 'wds'),
478
- 'duplicate_slide' => __('Duplicate slide', 'wds'),
479
- 'delete_slide' => __('Delete slide', 'wds'),
480
- 'add_image_by_url' => __('Add Image by URL', 'wds'),
481
- 'embed_media' => __('Embed Media', 'wds'),
482
- 'add_post' => __('Add Post', 'wds'),
483
- 'delete' => __('Delete', 'wds'),
484
- 'youtube_related_video' => __('Youtube related video:', 'wds'),
485
- 'video_loop' => __('Video Loop:', 'wds'),
486
- 'you_can_set_a_redirection_link_so_that_the_user_will_get_to_the_mentioned_location_upon_hitting_the_slide_use_http_and_https_for_external_links' => __('You can add a URL, to which the users will be redirected upon clicking on the slide. Use http:// and https:// for external links.', 'wds'),
487
- 'link_the_slide_to' => __('Link the slide to:', 'wds'),
488
- 'add_text_layer' => __('Add Text Layer', 'wds'),
489
- 'add_video_layer' => __('Add Video Layer', 'wds'),
490
- 'embed_media_layer' => __('Embed Media Layer', 'wds'),
491
- 'add_social_buttons_layer' => __('Add Social Buttons Layer', 'wds'),
492
- 'add_hotspot_layer' => __('Add Hotspot Layer', 'wds'),
493
- 'do_you_want_to_delete_slide' => __('Do you want to delete slide?', 'wds'),
494
- 'sorry_you_are_not_allowed_to_upload_this_type_of_file' => __('Sorry, you are not allowed to upload this type of file.', 'wds'),
495
- 'you_must_select_at_least_one_item' => __('You must select at least one item.', 'wds'),
496
- 'do_you_want_to_delete_selected_items' => __('Do you want to delete selected items?', 'wds'),
497
- 'are_you_sure_you_want_to_reset_the_settings' => __('Are you sure you want to reset the settings?', 'wds'),
498
- 'choose' => __('Choose', 'wds'),
499
- 'choose_video' => __('Choose Video', 'wds'),
500
- 'choose_image' => __('Choose Image', 'wds'),
501
- 'insert' => __('Insert', 'wds'),
502
- 'add_class' => __('Add class:', 'wds'),
503
- 'radius' => __('Radius:', 'wds'),
504
- 'editor' => __('Editor', 'wds'),
505
- 'group' => __('Group', 'wds'),
506
- 'color' => __('Color', 'wds'),
507
- 'background_color' => __('Background Color:', 'wds'),
508
- 'none' => __('None', 'wds'),
509
- 'bounce' => __('Bounce', 'wds'),
510
- 'flash' => __('Flash', 'wds'),
511
- 'pulse' => __('Pulse', 'wds'),
512
- 'shake' => __('Shake', 'wds'),
513
- 'swing' => __('Swing', 'wds'),
514
- 'tada' => __('Tada', 'wds'),
515
- 'wobble' => __('Wobble', 'wds'),
516
- 'hinge' => __('Hinge', 'wds'),
517
- 'rubberBand' => __('RubberBand', 'wds'),
518
- 'lightSpeedIn' => __('LightSpeedIn', 'wds'),
519
- 'rollIn' => __('RollIn', 'wds'),
520
- 'bounceIn' => __('BounceIn', 'wds'),
521
- 'bounceInDown' => __('BounceInDown', 'wds'),
522
- 'bounceInLeft' => __('BounceInLeft', 'wds'),
523
- 'bounceInRight' => __('BounceInRight', 'wds'),
524
- 'bounceInUp' => __('BounceInUp', 'wds'),
525
- 'fadeIn' => __('FadeIn', 'wds'),
526
- 'fadeInDown' => __('FadeInDown', 'wds'),
527
- 'fadeInDownBig' => __('FadeInDownBig', 'wds'),
528
- 'fadeInLeft' => __('FadeInLeft', 'wds'),
529
- 'fadeInLeftBig' => __('FadeInLeftBig', 'wds'),
530
- 'fadeInRight' => __('FadeInRight', 'wds'),
531
- 'fadeInRightBig' => __('FadeInRightBig', 'wds'),
532
- 'fadeInUp' => __('FadeInUp', 'wds'),
533
- 'fadeInUpBig' => __('FadeInUpBig', 'wds'),
534
- 'flip' => __('Flip', 'wds'),
535
- 'flipInX' => __('FlipInX', 'wds'),
536
- 'flipInY' => __('FlipInY', 'wds'),
537
- 'rotateIn' => __('RotateIn', 'wds'),
538
- 'rotateInDownLeft' => __('RotateInDownLeft', 'wds'),
539
- 'rotateInDownRight' => __('RotateInDownRight', 'wds'),
540
- 'rotateInUpLeft' => __('RotateInUpLeft', 'wds'),
541
- 'rotateInUpRight' => __('RotateInUpRight', 'wds'),
542
- 'zoomIn' => __('ZoomIn', 'wds'),
543
- 'zoomInDown' => __('ZoomInDown', 'wds'),
544
- 'zoomInLeft' => __('ZoomInLeft', 'wds'),
545
- 'zoomInRight' => __('ZoomInRight', 'wds'),
546
- 'zoomInUp' => __('ZoomInUp', 'wds'),
547
- 'lightSpeedOut' => __('LightSpeedOut', 'wds'),
548
- 'rollOut' => __('RollOut', 'wds'),
549
- 'bounceOut' => __('BounceOut', 'wds'),
550
- 'bounceOutDown' => __('BounceOutDown', 'wds'),
551
- 'bounceOutLeft' => __('BounceOutLeft', 'wds'),
552
- 'bounceOutRight' => __('BounceOutRight', 'wds'),
553
- 'bounceOutUp' => __('BounceOutUp', 'wds'),
554
- 'fadeOut' => __('FadeOut', 'wds'),
555
- 'fadeOutDown' => __('FadeOutDown', 'wds'),
556
- 'fadeOutDownBig' => __('FadeOutDownBig', 'wds'),
557
- 'fadeOutLeft' => __('FadeOutLeft', 'wds'),
558
- 'fadeOutLeftBig' => __('FadeOutLeftBig', 'wds'),
559
- 'fadeOutRight' => __('FadeOutRight', 'wds'),
560
- 'fadeOutRightBig' => __('FadeOutRightBig', 'wds'),
561
- 'fadeOutUp' => __('FadeOutUp', 'wds'),
562
- 'fadeOutUpBig' => __('FadeOutUpBig', 'wds'),
563
- 'flip' => __('Flip', 'wds'),
564
- 'flipOutX' => __('FlipOutX', 'wds'),
565
- 'flipOutY' => __('FlipOutY', 'wds'),
566
- 'rotateOut' => __('RotateOut', 'wds'),
567
- 'rotateOutDownLeft' => __('RotateOutDownLeft', 'wds'),
568
- 'rotateOutDownRight' => __('RotateOutDownRight', 'wds'),
569
- 'rotateOutUpLeft' => __('RotateOutUpLeft', 'wds'),
570
- 'rotateOutUpRight' => __('RotateOutUpRight', 'wds'),
571
- 'zoomOut' => __('ZoomOut', 'wds'),
572
- 'zoomOutDown' => __('ZoomOutDown', 'wds'),
573
- 'zoomOutLeft' => __('ZoomOutLeft', 'wds'),
574
- 'zoomOutRight' => __('ZoomOutRight', 'wds'),
575
- 'zoomOutUp' => __('ZoomOutUp', 'wds'),
576
- 'insert_valid_audio_file' => __('Insert valid audio file', 'wds'),
577
- 'Changes_must_be_saved' => __('Changes must be saved', 'wds'),
578
- 'edit_slide' => __('Edit Slide', 'wds'),
 
 
579
  'media_library' => __('Media Library'), // This is WP translation.
580
- 'disabled_in_free_version' => __('This functionality is disabled in free version.','wds'),
581
- 'video_disabled_in_free_version' => __('You can`t add video slide in free version','wds'),
582
  )
583
  ));
584
 
@@ -606,7 +607,9 @@ function wds_front_end_scripts() {
606
  if ($query != '') {
607
  $url = 'https://fonts.googleapis.com/css?family=' . $query . '&subset=greek,latin,greek-ext,vietnamese,cyrillic-ext,latin-ext,cyrillic';
608
  }
609
-
 
 
610
  wp_register_style('wds_frontend', WD_S_FRONT_URL . '/css/wds_frontend.css', array(), WD_S_VERSION);
611
  wp_register_style('wds_effects', WD_S_FRONT_URL . '/css/wds_effects.css', array(), WD_S_VERSION);
612
  wp_register_style('wds_font-awesome', WD_S_FRONT_URL . '/css/font-awesome/font-awesome.css', array(), '4.6.3');
@@ -615,9 +618,11 @@ function wds_front_end_scripts() {
615
  }
616
 
617
  wp_register_script('wds_jquery_mobile', WD_S_FRONT_URL . '/js/jquery.mobile.js', array('jquery'), WD_S_VERSION);
618
- wp_register_script(WD_S_PREFIX . '_frontend', WD_S_FRONT_URL . '/js/wds_frontend.js', array('jquery'), WD_S_VERSION);
619
- wp_localize_script( WD_S_PREFIX . '_frontend', 'wds_object', array(
620
  "is_free" => WD_S_FREE,
 
 
621
  ));
622
  if ( !WD_S_FREE ) {
623
  wp_register_script('wds_jquery_featureCarouselslider', WD_S_FRONT_URL . '/js/jquery.featureCarouselslider.js', array( 'jquery' ), WD_S_VERSION);
@@ -629,7 +634,7 @@ add_action('wp_enqueue_scripts', 'wds_front_end_scripts');
629
 
630
  // Languages localization.
631
  function wds_language_load() {
632
- load_plugin_textdomain('wds', FALSE, basename(dirname(__FILE__)) . '/languages');
633
  }
634
  add_action('init', 'wds_language_load');
635
 
@@ -684,7 +689,7 @@ function wds_overview() {
684
  "plugin_wordpress_slug" => "slider-wd",
685
  "plugin_dir" => WD_S_DIR,
686
  "plugin_main_file" => __FILE__,
687
- "description" => __('Slider WD is a responsive plugin, which allows adding sliders to your posts/pages and to custom location. It uses large number of transition effects and supports various types of layers.', 'wds'),
688
  // from web-dorado.com
689
  "plugin_features" => array(
690
  0 => array(
4
  * Plugin Name: Slider WD
5
  * Plugin URI: https://web-dorado.com/products/wordpress-slider-plugin.html
6
  * Description: This is a responsive plugin, which allows adding sliders to your posts/pages and to custom location. It uses large number of transition effects and supports various types of layers.
7
+ * Version: 1.2.2
8
  * Author: WebDorado
9
  * Author URI: https://web-dorado.com/wordpress-plugins-bundle.html
10
  * License: GNU/GPLv3 http://www.gnu.org/licenses/gpl-3.0.html
19
  define('WD_S_NICENAME', __( 'Slider WD', WD_S_PREFIX ));
20
  define('WD_S_NONCE', 'nonce_wd');
21
 
22
+ define('WD_S_DB_VERSION', '1.2.2');
23
+ define('WD_S_VERSION', '1.2.2');
24
 
25
  define('WD_S_FREE', TRUE);
26
 
58
  $parent_slug = "sliders_wds";
59
  }
60
 
61
+ $sliders_page = add_submenu_page($parent_slug, __('Sliders', WD_S_PREFIX), __('Sliders', WD_S_PREFIX), 'manage_options', 'sliders_wds', 'wd_sliders');
62
  add_action('admin_print_styles-' . $sliders_page, 'wds_styles');
63
  add_action('admin_print_scripts-' . $sliders_page, 'wds_scripts');
64
 
65
+ $global_options_page = add_submenu_page($parent_slug, __('Options', WD_S_PREFIX), __('Options', WD_S_PREFIX), 'manage_options', 'goptions_wds', 'wd_sliders');
66
  add_action('admin_print_styles-' . $global_options_page, 'wds_styles');
67
  add_action('admin_print_scripts-' . $global_options_page, 'wds_scripts');
68
 
74
  add_action('admin_print_scripts-' . $demo_slider, 'wds_scripts');
75
  add_action('admin_print_styles-' . $demo_slider, 'wds_styles');
76
 
77
+ $uninstall_page = add_submenu_page(null, __('Uninstall', WD_S_PREFIX), __('Uninstall', WD_S_PREFIX), 'manage_options', 'uninstall_wds', 'wd_sliders');
78
  add_action('admin_print_styles-' . $uninstall_page, 'wds_styles');
79
  add_action('admin_print_scripts-' . $uninstall_page, 'wds_scripts');
80
  }
374
  wp_enqueue_script('jscolor', WD_S_URL . '/js/jscolor/jscolor.js', array(), '1.3.9');
375
  wp_enqueue_style('wds_font-awesome', WD_S_URL . '/css/font-awesome/font-awesome.css', array(), '4.6.3');
376
  wp_enqueue_style('wds_effects', WD_S_URL . '/css/wds_effects.css', array(), WD_S_VERSION);
 
377
  if ( !WD_S_FREE ) {
378
  wp_enqueue_script('wds_hotspot', WD_S_URL . '/js/wds_hotspot.js', array(), WD_S_VERSION);
379
  wp_enqueue_script('wds_embed', WD_S_URL . '/js/wds_embed.js', array(), WD_S_VERSION);
385
  "LDO" => $global_options,
386
  "is_free" => WD_S_FREE,
387
  'translate' => array(
388
+ 'check_at_least' => __('You must check at least one item.', WD_S_PREFIX),
389
+ 'no_slider' => __('There is no slider.', WD_S_PREFIX),
390
+ 'min_size' => __('Sets the minimal size of the text. It will be shrunk until the font size is equal to this value.', WD_S_PREFIX),
391
+ 'font_size' => __('Size:', WD_S_PREFIX),
392
+ 'please_enter_url_to_embed' => __('Please enter url to embed.', WD_S_PREFIX),
393
+ 'error_cannot_get_response_from_the_server' => __('Error: cannot get response from the server.', WD_S_PREFIX),
394
+ 'error_something_wrong_happened_at_the_server' => __('Error: something wrong happened at the server.', WD_S_PREFIX),
395
+ 'edit_filmstrip_thumbnail' => __('Edit Filmstrip Thumbnail', WD_S_PREFIX),
396
+ 'you_must_set_watermark_type' => __('You must set watermark type.', WD_S_PREFIX),
397
+ 'watermark_succesfully_set' => __('Watermark Succesfully Set.', WD_S_PREFIX),
398
+ 'watermark_succesfully_reset' => __('Watermark Succesfully Reset.', WD_S_PREFIX),
399
+ 'items_succesfully_saved' => __('Items Succesfully Saved.', WD_S_PREFIX),
400
+ 'changes_made_in_this_table_should_be_saved' => __('Changes made in this table should be saved.', WD_S_PREFIX),
401
+ 'selected' => __('Selected', WD_S_PREFIX),
402
+ 'item' => __('item', WD_S_PREFIX),
403
+ 's' => __('s', WD_S_PREFIX),
404
+ 'you_must_select_an_image_file' => __('You must select an image file.', WD_S_PREFIX),
405
+ 'album_thumb_dimensions' => __('Album thumb dimensions:', WD_S_PREFIX),
406
+ 'album_thumb_width' => __('Album thumb width:', WD_S_PREFIX),
407
+ 'edit_thumbnail' => __('Edit Thumbnail', WD_S_PREFIX),
408
+ 'do_you_want_to_delete_layer' => __('Do you want to delete the layer?', WD_S_PREFIX),
409
+ 'drag_to_re_order' => __('Drag to re-order', WD_S_PREFIX),
410
+ 'layer' => __('Layer', WD_S_PREFIX),
411
+ 'delete_layer' => __('Delete layer', WD_S_PREFIX),
412
+ 'duplicate_layer' => __('Duplicate layer', WD_S_PREFIX),
413
+ 'text' => __('Text:', WD_S_PREFIX),
414
+ 'sample_text' => __('Sample text', WD_S_PREFIX),
415
+ 'leave_blank_to_keep_the_initial_width_and_height' => __('Leave blank to keep the initial width and height.', WD_S_PREFIX),
416
+ 'dimensions' => __('Dimensions:', WD_S_PREFIX),
417
+ 'break_word' => __('Break-word', WD_S_PREFIX),
418
+ 'edit_image' => __('Edit Image', WD_S_PREFIX),
419
+ 'set_the_html_attribute_specified_in_the_img_tag' => __('Set the value of alt HTML attribute for this image layer.', WD_S_PREFIX),
420
+ 'alt' => __('Alt:', WD_S_PREFIX),
421
+ 'use_http_and_https_for_external_links' => __('Use http:// and https:// for external links.', WD_S_PREFIX),
422
+ 'link' => __('Link:', WD_S_PREFIX),
423
+ 'open_in_a_new_window' => __('Open in a new window', WD_S_PREFIX),
424
+ 'in_addition_you_can_drag_and_drop_the_layerto_a_desired_position' => __('In addition, you can drag the layer and drop it to the desired position.', WD_S_PREFIX),
425
+ 'position' => __('Position:', WD_S_PREFIX),
426
+ 'published' => __('Published:', WD_S_PREFIX),
427
+ 'fixed_step_left_center_right' => __('Fixed step (left, center, right)', WD_S_PREFIX),
428
+ 'yes' => __('Yes', WD_S_PREFIX),
429
+ 'no' => __('No', WD_S_PREFIX),
430
+ 'color' => __('Color:', WD_S_PREFIX),
431
+ 'hover_color' => __('Hover Color', WD_S_PREFIX),
432
+ 'size' => __('Size:', WD_S_PREFIX),
433
+ 'font_family' => __('Font family:', WD_S_PREFIX),
434
+ 'google_fonts' => __('Google fonts', WD_S_PREFIX),
435
+ 'default' => __('Default', WD_S_PREFIX),
436
+ 'font_weight' => __('Font weight:', WD_S_PREFIX),
437
+ 'padding' => __('Padding:', WD_S_PREFIX),
438
+ 'value_must_be_between_0_to_100' => __('Value must be between 0 and 100.', WD_S_PREFIX),
439
+ 'transparent' => __('Transparency:', WD_S_PREFIX),
440
+ 'border' => __('Border:', WD_S_PREFIX),
441
+ 'use_css_type_values' => __('Use CSS type values.', WD_S_PREFIX),
442
+ 'use_css_type_values_e_g_10_10_5_888888' => __('Use CSS type values (e.g. 10px 10px 5px #888888).', WD_S_PREFIX),
443
+ 'shadow' => __('Shadow', WD_S_PREFIX),
444
+ 'dimensions' => __('Dimensions:', WD_S_PREFIX),
445
+ 'set_width_and_height_of_the_image' => __('Set width and height of the image.', WD_S_PREFIX),
446
+ 'set_width_and_height_of_the_video' => __('Set width and height of the video.', WD_S_PREFIX),
447
+ 'social_button' => __('Social button', WD_S_PREFIX),
448
+ 'effect_in' => __('Effect in:', WD_S_PREFIX),
449
+ 'effect_out' => __('Effect out:', WD_S_PREFIX),
450
+ 'start' => __('Start', WD_S_PREFIX),
451
+ 'effect' => __('Effect', WD_S_PREFIX),
452
+ 'duration' => __('Duration', WD_S_PREFIX),
453
+ 'iteration' => __('Iteration', WD_S_PREFIX),
454
+ 'autoplay' => __('Autoplay:', WD_S_PREFIX),
455
+ 'controls' => __('Controls:', WD_S_PREFIX),
456
+ 'hotspot_width' => __('Hotspot Width:', WD_S_PREFIX),
457
+ 'hotspot_background_color' => __('Hotspot Background Color:', WD_S_PREFIX),
458
+ 'hotspot_border' => __('Hotspot Border:', WD_S_PREFIX),
459
+ 'hotspot_radius' => __('Hotspot Radius:', WD_S_PREFIX),
460
+ 'in_addition_you_can_drag_and_drop_the_layer_to_a_desired_position' => __('In addition, you can drag the layer and drop it to the desired position.', WD_S_PREFIX),
461
+ 'leave_blank_to_keep_the_initial_width_and_height' => __('Leave blank to keep the initial width and height.', WD_S_PREFIX),
462
+ 'video_loop' => __('Video Loop', WD_S_PREFIX),
463
+ 'disable_youtube_related_video' => __('Disable youtube related video:', WD_S_PREFIX),
464
+ 'hotspot_animation' => __('Hotspot Animation:', WD_S_PREFIX),
465
+ 'add_click_action' => __('Add click action:', WD_S_PREFIX),
466
+ 'select_between_the_option_of_always_displaying_the_navigation_buttons_or_only_when_hovered' => __('Select between the option of always displaying the navigation buttons or only when hovered.', WD_S_PREFIX),
467
+ 'show_hotspot_text' => __('Show Hotspot text:', WD_S_PREFIX),
468
+ 'on_hover' => __('On hover', WD_S_PREFIX),
469
+ 'on_click' => __('On click', WD_S_PREFIX),
470
+ 'text_alignment' => __('Text alignment:', WD_S_PREFIX),
471
+ 'slides_name' => __('Slides name:', WD_S_PREFIX),
472
+ 'static_layer' => __('Static layer:', WD_S_PREFIX),
473
+ 'the_layer_will_be_visible_on_all_slides' => __('The layer will be visible on all slides.', WD_S_PREFIX),
474
+ 'add_edit_image' => __('Add/Edit Image', WD_S_PREFIX),
475
+ 'add_image_layer' => __('Add Image Layer', WD_S_PREFIX),
476
+ 'slide' => __('Slide', WD_S_PREFIX),
477
+ 'duplicate_slide' => __('Duplicate slide', WD_S_PREFIX),
478
+ 'delete_slide' => __('Delete slide', WD_S_PREFIX),
479
+ 'add_image_by_url' => __('Add Image by URL', WD_S_PREFIX),
480
+ 'embed_media' => __('Embed Media', WD_S_PREFIX),
481
+ 'add_post' => __('Add Post', WD_S_PREFIX),
482
+ 'delete' => __('Delete', WD_S_PREFIX),
483
+ 'youtube_related_video' => __('Youtube related video:', WD_S_PREFIX),
484
+ 'video_loop' => __('Video Loop:', WD_S_PREFIX),
485
+ 'you_can_set_a_redirection_link_so_that_the_user_will_get_to_the_mentioned_location_upon_hitting_the_slide_use_http_and_https_for_external_links' => __('You can add a URL, to which the users will be redirected upon clicking on the slide. Use http:// and https:// for external links.', WD_S_PREFIX),
486
+ 'link_the_slide_to' => __('Link the slide to:', WD_S_PREFIX),
487
+ 'add_text_layer' => __('Add Text Layer', WD_S_PREFIX),
488
+ 'add_video_layer' => __('Add Video Layer', WD_S_PREFIX),
489
+ 'embed_media_layer' => __('Embed Media Layer', WD_S_PREFIX),
490
+ 'add_social_buttons_layer' => __('Add Social Buttons Layer', WD_S_PREFIX),
491
+ 'add_hotspot_layer' => __('Add Hotspot Layer', WD_S_PREFIX),
492
+ 'do_you_want_to_delete_slide' => __('Do you want to delete slide?', WD_S_PREFIX),
493
+ 'sorry_you_are_not_allowed_to_upload_this_type_of_file' => __('Sorry, you are not allowed to upload this type of file.', WD_S_PREFIX),
494
+ 'you_must_select_at_least_one_item' => __('You must select at least one item.', WD_S_PREFIX),
495
+ 'do_you_want_to_delete_selected_items' => __('Do you want to delete selected items?', WD_S_PREFIX),
496
+ 'are_you_sure_you_want_to_reset_the_settings' => __('Are you sure you want to reset the settings?', WD_S_PREFIX),
497
+ 'choose' => __('Choose', WD_S_PREFIX),
498
+ 'choose_video' => __('Choose Video', WD_S_PREFIX),
499
+ 'choose_image' => __('Choose Image', WD_S_PREFIX),
500
+ 'insert' => __('Insert', WD_S_PREFIX),
501
+ 'add_class' => __('Add class:', WD_S_PREFIX),
502
+ 'radius' => __('Radius:', WD_S_PREFIX),
503
+ 'editor' => __('Editor', WD_S_PREFIX),
504
+ 'group' => __('Group', WD_S_PREFIX),
505
+ 'color' => __('Color', WD_S_PREFIX),
506
+ 'background_color' => __('Background Color:', WD_S_PREFIX),
507
+ 'none' => __('None', WD_S_PREFIX),
508
+ 'bounce' => __('Bounce', WD_S_PREFIX),
509
+ 'flash' => __('Flash', WD_S_PREFIX),
510
+ 'pulse' => __('Pulse', WD_S_PREFIX),
511
+ 'shake' => __('Shake', WD_S_PREFIX),
512
+ 'swing' => __('Swing', WD_S_PREFIX),
513
+ 'tada' => __('Tada', WD_S_PREFIX),
514
+ 'wobble' => __('Wobble', WD_S_PREFIX),
515
+ 'hinge' => __('Hinge', WD_S_PREFIX),
516
+ 'rubberBand' => __('RubberBand', WD_S_PREFIX),
517
+ 'lightSpeedIn' => __('LightSpeedIn', WD_S_PREFIX),
518
+ 'rollIn' => __('RollIn', WD_S_PREFIX),
519
+ 'bounceIn' => __('BounceIn', WD_S_PREFIX),
520
+ 'bounceInDown' => __('BounceInDown', WD_S_PREFIX),
521
+ 'bounceInLeft' => __('BounceInLeft', WD_S_PREFIX),
522
+ 'bounceInRight' => __('BounceInRight', WD_S_PREFIX),
523
+ 'bounceInUp' => __('BounceInUp', WD_S_PREFIX),
524
+ 'fadeIn' => __('FadeIn', WD_S_PREFIX),
525
+ 'fadeInDown' => __('FadeInDown', WD_S_PREFIX),
526
+ 'fadeInDownBig' => __('FadeInDownBig', WD_S_PREFIX),
527
+ 'fadeInLeft' => __('FadeInLeft', WD_S_PREFIX),
528
+ 'fadeInLeftBig' => __('FadeInLeftBig', WD_S_PREFIX),
529
+ 'fadeInRight' => __('FadeInRight', WD_S_PREFIX),
530
+ 'fadeInRightBig' => __('FadeInRightBig', WD_S_PREFIX),
531
+ 'fadeInUp' => __('FadeInUp', WD_S_PREFIX),
532
+ 'fadeInUpBig' => __('FadeInUpBig', WD_S_PREFIX),
533
+ 'flip' => __('Flip', WD_S_PREFIX),
534
+ 'flipInX' => __('FlipInX', WD_S_PREFIX),
535
+ 'flipInY' => __('FlipInY', WD_S_PREFIX),
536
+ 'rotateIn' => __('RotateIn', WD_S_PREFIX),
537
+ 'rotateInDownLeft' => __('RotateInDownLeft', WD_S_PREFIX),
538
+ 'rotateInDownRight' => __('RotateInDownRight', WD_S_PREFIX),
539
+ 'rotateInUpLeft' => __('RotateInUpLeft', WD_S_PREFIX),
540
+ 'rotateInUpRight' => __('RotateInUpRight', WD_S_PREFIX),
541
+ 'zoomIn' => __('ZoomIn', WD_S_PREFIX),
542
+ 'zoomInDown' => __('ZoomInDown', WD_S_PREFIX),
543
+ 'zoomInLeft' => __('ZoomInLeft', WD_S_PREFIX),
544
+ 'zoomInRight' => __('ZoomInRight', WD_S_PREFIX),
545
+ 'zoomInUp' => __('ZoomInUp', WD_S_PREFIX),
546
+ 'lightSpeedOut' => __('LightSpeedOut', WD_S_PREFIX),
547
+ 'rollOut' => __('RollOut', WD_S_PREFIX),
548
+ 'bounceOut' => __('BounceOut', WD_S_PREFIX),
549
+ 'bounceOutDown' => __('BounceOutDown', WD_S_PREFIX),
550
+ 'bounceOutLeft' => __('BounceOutLeft', WD_S_PREFIX),
551
+ 'bounceOutRight' => __('BounceOutRight', WD_S_PREFIX),
552
+ 'bounceOutUp' => __('BounceOutUp', WD_S_PREFIX),
553
+ 'fadeOut' => __('FadeOut', WD_S_PREFIX),
554
+ 'fadeOutDown' => __('FadeOutDown', WD_S_PREFIX),
555
+ 'fadeOutDownBig' => __('FadeOutDownBig', WD_S_PREFIX),
556
+ 'fadeOutLeft' => __('FadeOutLeft', WD_S_PREFIX),
557
+ 'fadeOutLeftBig' => __('FadeOutLeftBig', WD_S_PREFIX),
558
+ 'fadeOutRight' => __('FadeOutRight', WD_S_PREFIX),
559
+ 'fadeOutRightBig' => __('FadeOutRightBig', WD_S_PREFIX),
560
+ 'fadeOutUp' => __('FadeOutUp', WD_S_PREFIX),
561
+ 'fadeOutUpBig' => __('FadeOutUpBig', WD_S_PREFIX),
562
+ 'flip' => __('Flip', WD_S_PREFIX),
563
+ 'flipOutX' => __('FlipOutX', WD_S_PREFIX),
564
+ 'flipOutY' => __('FlipOutY', WD_S_PREFIX),
565
+ 'rotateOut' => __('RotateOut', WD_S_PREFIX),
566
+ 'rotateOutDownLeft' => __('RotateOutDownLeft', WD_S_PREFIX),
567
+ 'rotateOutDownRight' => __('RotateOutDownRight', WD_S_PREFIX),
568
+ 'rotateOutUpLeft' => __('RotateOutUpLeft', WD_S_PREFIX),
569
+ 'rotateOutUpRight' => __('RotateOutUpRight', WD_S_PREFIX),
570
+ 'zoomOut' => __('ZoomOut', WD_S_PREFIX),
571
+ 'zoomOutDown' => __('ZoomOutDown', WD_S_PREFIX),
572
+ 'zoomOutLeft' => __('ZoomOutLeft', WD_S_PREFIX),
573
+ 'zoomOutRight' => __('ZoomOutRight', WD_S_PREFIX),
574
+ 'zoomOutUp' => __('ZoomOutUp', WD_S_PREFIX),
575
+ 'insert_valid_audio_file' => __('Insert valid audio file', WD_S_PREFIX),
576
+ 'fillmode' => __('Fillmode', WD_S_PREFIX),
577
+ 'fill' => __('Fill', WD_S_PREFIX),
578
+ 'Changes_must_be_saved' => __('Changes must be saved', WD_S_PREFIX),
579
+ 'edit_slide' => __('Edit Slide', WD_S_PREFIX),
580
  'media_library' => __('Media Library'), // This is WP translation.
581
+ 'disabled_in_free_version' => __('This functionality is disabled in free version.', WD_S_PREFIX),
582
+ 'video_disabled_in_free_version' => __('You can`t add video slide in free version', WD_S_PREFIX),
583
  )
584
  ));
585
 
607
  if ($query != '') {
608
  $url = 'https://fonts.googleapis.com/css?family=' . $query . '&subset=greek,latin,greek-ext,vietnamese,cyrillic-ext,latin-ext,cyrillic';
609
  }
610
+ ?>
611
+ <script>var wds_params = [];</script>
612
+ <?php
613
  wp_register_style('wds_frontend', WD_S_FRONT_URL . '/css/wds_frontend.css', array(), WD_S_VERSION);
614
  wp_register_style('wds_effects', WD_S_FRONT_URL . '/css/wds_effects.css', array(), WD_S_VERSION);
615
  wp_register_style('wds_font-awesome', WD_S_FRONT_URL . '/css/font-awesome/font-awesome.css', array(), '4.6.3');
618
  }
619
 
620
  wp_register_script('wds_jquery_mobile', WD_S_FRONT_URL . '/js/jquery.mobile.js', array('jquery'), WD_S_VERSION);
621
+ wp_register_script(WD_S_PREFIX . '_frontend', WD_S_FRONT_URL . '/js/wds_frontend.js', array('jquery'), WD_S_VERSION);
622
+ wp_localize_script( WD_S_PREFIX . '_frontend', 'wds_object', array(
623
  "is_free" => WD_S_FREE,
624
+ 'pause' => __('Pause', WD_S_PREFIX),
625
+ 'play' => __('Play', WD_S_PREFIX),
626
  ));
627
  if ( !WD_S_FREE ) {
628
  wp_register_script('wds_jquery_featureCarouselslider', WD_S_FRONT_URL . '/js/jquery.featureCarouselslider.js', array( 'jquery' ), WD_S_VERSION);
634
 
635
  // Languages localization.
636
  function wds_language_load() {
637
+ load_plugin_textdomain(WD_S_PREFIX, FALSE, basename(dirname(__FILE__)) . '/languages');
638
  }
639
  add_action('init', 'wds_language_load');
640
 
689
  "plugin_wordpress_slug" => "slider-wd",
690
  "plugin_dir" => WD_S_DIR,
691
  "plugin_main_file" => __FILE__,
692
+ "description" => __('Slider WD is a responsive plugin, which allows adding sliders to your posts/pages and to custom location. It uses large number of transition effects and supports various types of layers.', WD_S_PREFIX),
693
  // from web-dorado.com
694
  "plugin_features" => array(
695
  0 => array(
sliders-insert.php CHANGED
@@ -7,9 +7,9 @@ function wds_insert() {
7
  `name` varchar(127) NOT NULL,
8
  `published` tinyint(1) NOT NULL,
9
  `full_width` tinyint(1) NOT NULL,
 
10
  `width` int(4) NOT NULL,
11
  `height` int(4) NOT NULL,
12
- `bg_fit` varchar(16) NOT NULL,
13
  `align` varchar(8) NOT NULL,
14
  `effect` varchar(16) NOT NULL,
15
  `time_intervval` int(4) NOT NULL,
@@ -135,6 +135,7 @@ function wds_insert() {
135
  `target_attr_slide` tinyint(1) NOT NULL,
136
  `youtube_rel_video` tinyint(1) NOT NULL,
137
  `video_loop` tinyint(1) NOT NULL,
 
138
  PRIMARY KEY (`id`)
139
  ) DEFAULT CHARSET=utf8;";
140
  $wpdb->query($wdsslide);
7
  `name` varchar(127) NOT NULL,
8
  `published` tinyint(1) NOT NULL,
9
  `full_width` tinyint(1) NOT NULL,
10
+ `auto_height` tinyint(1) NOT NULL,
11
  `width` int(4) NOT NULL,
12
  `height` int(4) NOT NULL,
 
13
  `align` varchar(8) NOT NULL,
14
  `effect` varchar(16) NOT NULL,
15
  `time_intervval` int(4) NOT NULL,
135
  `target_attr_slide` tinyint(1) NOT NULL,
136
  `youtube_rel_video` tinyint(1) NOT NULL,
137
  `video_loop` tinyint(1) NOT NULL,
138
+ `fillmode` varchar(10) NOT NULL,
139
  PRIMARY KEY (`id`)
140
  ) DEFAULT CHARSET=utf8;";
141
  $wpdb->query($wdsslide);
sliders-update.php CHANGED
@@ -210,5 +210,28 @@ function wds_update($version) {
210
  $wpdb->query("ALTER TABLE `" . $wpdb->prefix . "wdslayer` ALTER `infinite_in` SET DEFAULT 1;");
211
  $wpdb->query("ALTER TABLE `" . $wpdb->prefix . "wdslayer` ALTER `infinite_out` SET DEFAULT 1;");
212
  }
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
213
  return;
214
  }
210
  $wpdb->query("ALTER TABLE `" . $wpdb->prefix . "wdslayer` ALTER `infinite_in` SET DEFAULT 1;");
211
  $wpdb->query("ALTER TABLE `" . $wpdb->prefix . "wdslayer` ALTER `infinite_out` SET DEFAULT 1;");
212
  }
213
+ if (version_compare($version, '1.2.2') == -1) {
214
+ $wpdb->query("ALTER TABLE " . $wpdb->prefix . "wdsslide ADD `fillmode` varchar(10) NOT NULL DEFAULT '';");
215
+ $wpdb->query("ALTER TABLE " . $wpdb->prefix . "wdsslider ADD `auto_height` tinyint(1) NOT NULL DEFAULT 0");
216
+ $query = "SELECT * FROM " . $wpdb->prefix . "wdsslider";
217
+ $sliders = $wpdb->get_results( $query );
218
+ if ( !empty($sliders) ) {
219
+ foreach ( $sliders as $slider ) {
220
+ $fillmode = 'fill';
221
+ if( !empty($slider->bg_fit) ) {
222
+ if ( $slider->bg_fit == 'cover') {
223
+ $fillmode = 'fill';
224
+ }
225
+ if ( $slider->bg_fit == '100% 100%') {
226
+ $fillmode = 'stretch';
227
+ }
228
+ if ( $slider->bg_fit == 'contain') {
229
+ $fillmode = 'fit';
230
+ }
231
+ }
232
+ $wpdb->query("UPDATE " . $wpdb->prefix . "wdsslide SET `fillmode`='" . $fillmode . "' WHERE `slider_id`='" . $slider->id . "'");
233
+ }
234
+ }
235
+ }
236
  return;
237
  }
wd/README.md CHANGED
@@ -1,4 +1,4 @@
1
- Version: 1.0.10
2
 
3
 
4
 
1
+ Version: 1.0.13
2
 
3
 
4
 
wd/assets/css/deactivate_popup.css CHANGED
@@ -87,4 +87,4 @@
87
  bottom: 0;
88
  margin: auto;
89
  z-index: 63;
90
- }
87
  bottom: 0;
88
  margin: auto;
89
  z-index: 63;
90
+ }
wd/assets/css/overview.css CHANGED
@@ -451,5 +451,12 @@ a:focus{
451
  font-size: 16px;
452
  }
453
 
 
 
 
 
454
 
455
-
 
 
 
451
  font-size: 16px;
452
  }
453
 
454
+ .wd-start-using-button .button{
455
+ margin-left: 7px;
456
+ margin-top: 7px;
457
+ }
458
 
459
+ .wd-start-using-button{
460
+ margin-right:10px;
461
+ float: right;
462
+ }
wd/assets/img/cfm_main_plugin.png ADDED
Binary file
wd/assets/img/fmc_main_plugin.png ADDED
Binary file
wd/assets/js/overview.js CHANGED
@@ -12,7 +12,7 @@
12
  ////////////////////////////////////////////////////////////////////////////////////////
13
  jQuery(document).ready(function () {
14
  jQuery(".overview_content > div:not(#welcome)").hide();
15
- jQuery(".overview_tabs li a:not(.not_tab)").click(function(){
16
  jQuery(".overview_tabs li a").removeClass("overview_tab_active");
17
  jQuery(this).addClass("overview_tab_active");
18
  jQuery(".overview_content > div").hide();
@@ -31,7 +31,7 @@ jQuery(document).ready(function () {
31
  // jQuery("body").append('<style>.stars-' + rate.toString() + ':after{width:' + rate + '%;}</style>');
32
  // });
33
 
34
- jQuery("#wd-copy").click(function(){
35
  var selector = document.querySelector('#wd-site-deatils-textarea');
36
  selector.select();
37
  document.execCommand('copy');
12
  ////////////////////////////////////////////////////////////////////////////////////////
13
  jQuery(document).ready(function () {
14
  jQuery(".overview_content > div:not(#welcome)").hide();
15
+ jQuery(".overview_tabs li a:not(.not_tab)").on("click", function(){
16
  jQuery(".overview_tabs li a").removeClass("overview_tab_active");
17
  jQuery(this).addClass("overview_tab_active");
18
  jQuery(".overview_content > div").hide();
31
  // jQuery("body").append('<style>.stars-' + rate.toString() + ':after{width:' + rate + '%;}</style>');
32
  // });
33
 
34
+ jQuery("#wd-copy").on("click", function(){
35
  var selector = document.querySelector('#wd-site-deatils-textarea');
36
  selector.select();
37
  document.execCommand('copy');
wd/assets/js/subsribe.js CHANGED
@@ -10,13 +10,13 @@
10
  ////////////////////////////////////////////////////////////////////////////////////////
11
  // Constructor & Destructor //
12
  ////////////////////////////////////////////////////////////////////////////////////////
13
- jQuery(document).ready(function () {
14
- jQuery(".permissions").click(function(){
15
  jQuery(".list").toggle();
16
  return false;
17
  });
18
 
19
- jQuery(".allow_and_continue").click(function(){
20
  jQuery(this).css("opacity", "0.5");
21
  jQuery(".wd_loader").css("visibility", "visible");
22
  });
10
  ////////////////////////////////////////////////////////////////////////////////////////
11
  // Constructor & Destructor //
12
  ////////////////////////////////////////////////////////////////////////////////////////
13
+ jQuery(document).on("ready", function () {
14
+ jQuery(".permissions").on("click", function(){
15
  jQuery(".list").toggle();
16
  return false;
17
  });
18
 
19
+ jQuery(".allow_and_continue").on("click", function(){
20
  jQuery(this).css("opacity", "0.5");
21
  jQuery(".wd_loader").css("visibility", "visible");
22
  });
wd/includes/notices.php CHANGED
@@ -1,96 +1,96 @@
1
  <?php
2
- if ( !defined( 'ABSPATH' ) ) {
3
- exit;
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
4
  }
5
 
6
- class DoradoWebNotices {
7
-
8
- protected $promo_link = '';
9
-
10
- public $config;
11
- public $notice_spam = 0;
12
- public $notice_spam_max = 2;
13
-
14
- // Basic actions to run
15
- public function __construct( $config = array() ) {
16
- $this->config = $config;
17
- // Runs the admin notice ignore function incase a dismiss button has been clicked
18
- add_action( 'admin_init', array( $this, 'admin_notice_ignore' ) );
19
- // Runs the admin notice temp ignore function incase a temp dismiss link has been clicked
20
- add_action( 'admin_init', array( $this, 'admin_notice_temp_ignore' ) );
21
- add_action( 'admin_notices', array( $this, 'wd_admin_notices' ) );
22
  }
 
 
23
 
24
- // Checks to ensure notices aren't disabled and the user has the correct permissions.
25
- public function wd_admin_notice() {
26
- $wd_options = $this->config;
27
- $settings = get_option($wd_options->prefix . '_admin_notice');
28
- if ( !isset( $settings['disable_admin_notices'] ) || ( isset( $settings['disable_admin_notices'] ) && $settings['disable_admin_notices'] == 0 ) ) {
29
- if ( current_user_can( 'manage_options' ) ) {
30
- return true;
31
- }
32
- }
33
  return false;
34
  }
35
-
36
- // Primary notice function that can be called from an outside function sending necessary variables
37
- public function admin_notice( $admin_notices ) {
38
- $wd_options = $this->config;
39
- // Check options
40
- if ( !$this->wd_admin_notice() ) {
41
  return false;
42
  }
43
- foreach ( $admin_notices as $slug => $admin_notice ) {
44
- // Call for spam protection
45
- if ( $this->anti_notice_spam() ) {
 
46
  return false;
47
  }
 
48
 
49
- // Check for proper page to display on
50
- if (isset( $admin_notices[$slug]['pages']) && is_array( $admin_notices[$slug]['pages'])) {
51
- if ( !$this->admin_notice_pages( $admin_notices[$slug]['pages'] ) ) {
52
- return false;
53
- }
54
- }
55
 
56
- // Check for required fields
57
- if ( !$this->required_fields( $admin_notices[$slug] ) ) {
58
-
59
- // Get the current date then set start date to either passed value or current date value and add interval
60
- $current_date = current_time( "n/j/Y" );
61
- $start = ( isset( $admin_notices[$slug]['start'] ) ? $admin_notices[$slug]['start'] : $current_date );
62
- $start = date( "n/j/Y", strtotime( $start ) );
63
- $date_array = explode( '/', $start );
64
- $interval = ( isset( $admin_notices[$slug]['int'] ) ? $admin_notices[$slug]['int'] : 0 );
65
-
66
- $date_array[1] += $interval;
67
- $start = date( "n/j/Y", mktime( 0, 0, 0, $date_array[0], $date_array[1], $date_array[2] ) );
68
-
69
- // This is the main notices storage option
70
- $admin_notices_option = get_option( $wd_options->prefix . '_admin_notice', array() );
71
- // Check if the message is already stored and if so just grab the key otherwise store the message and its associated date information
72
- if ( !array_key_exists( $slug, $admin_notices_option ) ) {
73
- $admin_notices_option[$slug]['start'] = $start;
74
- $admin_notices_option[$slug]['int'] = $interval;
75
- update_option( $wd_options->prefix . '_admin_notice', $admin_notices_option );
76
- }
77
 
78
- // Sanity check to ensure we have accurate information
79
- // New date information will not overwrite old date information
80
- $admin_display_check = ( isset( $admin_notices_option[$slug]['dismissed'] ) ? $admin_notices_option[$slug]['dismissed'] : 0 );
81
- $admin_display_start = ( isset( $admin_notices_option[$slug]['start'] ) ? $admin_notices_option[$slug]['start'] : $start );
82
- $admin_display_interval = ( isset($admin_notices_option[$slug]['int'] ) ? $admin_notices_option[$slug]['int'] : $interval );
83
- $admin_display_msg = ( isset($admin_notices[$slug]['msg'] ) ? $admin_notices[$slug]['msg'] : '' );
84
- $admin_display_title = ( isset($admin_notices[$slug]['title'] ) ? $admin_notices[$slug]['title'] : '' );
85
- $admin_display_link = ( isset( $admin_notices[$slug]['link'] ) ? $admin_notices[$slug]['link'] : '' );
86
- $output_css = false;
87
-
88
- // Ensure the notice hasn't been hidden and that the current date is after the start date
89
- if ( $admin_display_check == 0 && strtotime($admin_display_start) <= strtotime($current_date ) ) {
90
-
91
- // Get remaining query string
92
- $query_str = ( isset( $admin_notices[$slug]['later_link'] ) ? $admin_notices[$slug]['later_link'] : esc_url(add_query_arg( $wd_options->prefix . '_admin_notice_ignore', $slug ) ) );
93
- if ( strpos($slug, 'promo' ) === FALSE ) {
 
 
 
 
 
 
 
 
 
 
 
 
94
  // Admin notice display output
95
  echo '<div class="update-nag wd-admin-notice">
96
  <div class="wd-notice-logo" style="background-image: url(' . $wd_options->wd_url_img . '/' . $wd_options->prefix . '_main_plugin.png);"></div>
@@ -99,8 +99,8 @@
99
  <ul class="wd-notice-body wd-blue">' . $admin_display_link . '</ul>
100
  <a href="' . $query_str . '" class="dashicons dashicons-dismiss"></a>
101
  </div>';
102
- }
103
- else {
104
  echo '<div class="admin-notice-promo">';
105
  echo $admin_display_msg;
106
  echo '<ul class="notice-body-promo blue">
@@ -108,116 +108,116 @@
108
  </ul>';
109
  echo '<a href="' . $query_str . '" class="dashicons dashicons-dismiss close-promo"></a>';
110
  echo '</div>';
111
- }
112
- $this->notice_spam += 1;
113
- $output_css = true;
114
- }
115
- if ( $output_css ) {
116
- wp_enqueue_style( $wd_options->prefix . '-admin-notices', $wd_options->wd_url_css . '/notices.css', array(), get_option($wd_options->prefix . "_version" ) );
117
  }
 
 
 
 
 
118
  }
119
  }
120
  }
 
121
 
122
- // Spam protection check
123
- public function anti_notice_spam() {
124
- if ( $this->notice_spam >= $this->notice_spam_max ) {
125
- return true;
126
- }
127
- return false;
128
  }
 
 
129
 
130
- // Ignore function that gets ran at admin init to ensure any messages that were dismissed get marked
131
- public function admin_notice_ignore() {
132
- $wd_options = $this->config;
133
- // If user clicks to ignore the notice, update the option to not show it again
134
- if ( isset( $_GET[$wd_options->prefix . '_admin_notice_ignore'] ) ) {
135
- $admin_notices_option = get_option( $wd_options->prefix . '_admin_notice', array() );
136
- $admin_notices_option[$_GET[$wd_options->prefix . '_admin_notice_ignore']]['dismissed'] = 1;
137
- update_option( $wd_options->prefix . '_admin_notice', $admin_notices_option );
138
- $query_str = remove_query_arg( $wd_options->prefix . '_admin_notice_ignore' );
139
- wp_redirect( $query_str );
140
- exit;
141
- }
142
  }
 
143
 
144
- // Temp Ignore function that gets ran at admin init to ensure any messages that were temp dismissed get their start date changed
145
- public function admin_notice_temp_ignore() {
146
- $wd_options = $this->config;
147
- // If user clicks to temp ignore the notice, update the option to change the start date - default interval of 14 days
148
- if ( isset( $_GET[$wd_options->prefix . '_admin_notice_temp_ignore'] ) ) {
149
- $admin_notices_option = get_option( $wd_options->prefix . '_admin_notice', array() );
150
- $current_date = current_time( "n/j/Y" );
151
- $date_array = explode( '/', $current_date );
152
- $interval = (isset($_GET['wd_int']) ? $_GET['wd_int'] : 14);
153
- $date_array[1] += $interval;
154
- $new_start = date( "n/j/Y", mktime( 0, 0, 0, $date_array[0], $date_array[1], $date_array[2] ) );
155
-
156
- $admin_notices_option[$_GET[$wd_options->prefix . '_admin_notice_temp_ignore']]['start'] = $new_start;
157
- $admin_notices_option[$_GET[$wd_options->prefix . '_admin_notice_temp_ignore']]['dismissed'] = 0;
158
- update_option( $wd_options->prefix . '_admin_notice', $admin_notices_option );
159
- $query_str = remove_query_arg( array( $wd_options->prefix . '_admin_notice_temp_ignore', 'wd_int' ) );
160
- wp_redirect( $query_str );
161
- exit;
162
- }
163
  }
 
164
 
165
- public function admin_notice_pages($pages) {
166
- $wd_options = $this->config;
167
- foreach ( $pages as $key => $page ) {
168
- if (is_array($page)) {
169
- if ( isset( $_GET['page'] ) && $_GET['page'] == $page[0] && isset($_GET['tab']) && $_GET['tab'] == $page[1] ) {
170
- return true;
171
- }
172
- }
173
- else {
174
- if ( $page == 'all' ) {
175
- return true;
176
- }
177
- if ( get_current_screen()->id === $page ) {
178
- return true;
179
- }
180
- if ( isset($_GET['page']) && $_GET['page'] == $page ) {
181
- return true;
182
- }
183
  }
184
- return false;
185
  }
186
- }
187
-
188
- // Required fields check
189
- public function required_fields( $fields ) {
190
- if ( !isset( $fields['msg'] ) || ( isset($fields['msg'] ) && empty( $fields['msg'] ) ) ) {
191
- return true;
192
- }
193
- if ( !isset( $fields['title'] ) || ( isset( $fields['title'] ) && empty( $fields['title'] ) ) ) {
194
- return true;
 
195
  }
196
  return false;
197
  }
 
198
 
199
- // Special parameters function that is to be used in any extension of this class
200
- public function special_parameters($admin_notices) {
201
- // Intentionally left blank
 
 
 
 
202
  }
 
 
203
 
204
- public function wd_admin_notices() {
205
- $wd_options = $this->config;
206
- $two_week_review_ignore = add_query_arg( array( $wd_options->prefix . '_admin_notice_ignore' => 'two_week_review' ) );
207
- $two_week_review_temp = add_query_arg( array( $wd_options->prefix . '_admin_notice_temp_ignore' => 'two_week_review', 'int' => 14 ) );
208
- $promo_close = add_query_arg( array( $wd_options->prefix . '_admin_notice_ignore' => 'ecommerce_promo' ) );
209
 
210
- $notices['two_week_review'] = array(
211
- 'title' => __('Leave A Review?', $wd_options->prefix),
212
- 'msg' => sprintf(__('We hope you\'ve enjoyed using WordPress %s! Would you consider leaving us a review on WordPress.org?', $wd_options->prefix), $wd_options->plugin_title),
213
- 'link' => '<li><span class="dashicons dashicons-external"></span><a href="https://wordpress.org/support/plugin/' . $wd_options->plugin_wordpress_slug . '/reviews/?filter=5" target="_blank">' . __('Sure! I\'d love to!', $wd_options->prefix) . '</a></li>
 
 
 
 
 
 
214
  <li><span class="dashicons dashicons-smiley"></span><a href="' . $two_week_review_ignore . '"> ' . __('I\'ve already left a review', $wd_options->prefix) . '</a></li>
215
  <li><span class="dashicons dashicons-calendar-alt"></span><a href="' . $two_week_review_temp . '">' . __('Maybe Later', $wd_options->prefix) . '</a></li>
216
  <li><span class="dashicons dashicons-dismiss"></span><a href="' . $two_week_review_ignore . '">' . __('Never show again', $wd_options->prefix) . '</a></li>',
217
- 'later_link' => $two_week_review_temp,
218
- 'int' => 14
219
- );
220
-
221
- $this->admin_notice($notices);
222
- }
223
  }
 
1
  <?php
2
+ if ( !defined( 'ABSPATH' ) ) {
3
+ exit;
4
+ }
5
+
6
+ class DoradoWebNotices {
7
+
8
+ protected $promo_link = '';
9
+
10
+ public $config;
11
+ public $notice_spam = 0;
12
+ public $notice_spam_max = 2;
13
+
14
+ // Basic actions to run
15
+ public function __construct( $config = array() ) {
16
+ $this->config = $config;
17
+ // Runs the admin notice ignore function incase a dismiss button has been clicked
18
+ add_action( 'admin_init', array( $this, 'admin_notice_ignore' ) );
19
+ // Runs the admin notice temp ignore function incase a temp dismiss link has been clicked
20
+ add_action( 'admin_init', array( $this, 'admin_notice_temp_ignore' ) );
21
+ add_action( 'admin_notices', array( $this, 'wd_admin_notices' ) );
22
  }
23
 
24
+ // Checks to ensure notices aren't disabled and the user has the correct permissions.
25
+ public function wd_admin_notice() {
26
+ $wd_options = $this->config;
27
+ $settings = get_option($wd_options->prefix . '_admin_notice');
28
+ if ( !isset( $settings['disable_admin_notices'] ) || ( isset( $settings['disable_admin_notices'] ) && $settings['disable_admin_notices'] == 0 ) ) {
29
+ if ( current_user_can( 'manage_options' ) ) {
30
+ return true;
31
+ }
 
 
 
 
 
 
 
 
32
  }
33
+ return false;
34
+ }
35
 
36
+ // Primary notice function that can be called from an outside function sending necessary variables
37
+ public function admin_notice( $admin_notices ) {
38
+ $wd_options = $this->config;
39
+ // Check options
40
+ if ( !$this->wd_admin_notice() ) {
 
 
 
 
41
  return false;
42
  }
43
+ foreach ( $admin_notices as $slug => $admin_notice ) {
44
+ // Call for spam protection
45
+ if ( $this->anti_notice_spam() ) {
 
 
 
46
  return false;
47
  }
48
+
49
+ // Check for proper page to display on
50
+ if (isset( $admin_notices[$slug]['pages']) && is_array( $admin_notices[$slug]['pages'])) {
51
+ if ( !$this->admin_notice_pages( $admin_notices[$slug]['pages'] ) ) {
52
  return false;
53
  }
54
+ }
55
 
56
+ // Check for required fields
57
+ if ( !$this->required_fields( $admin_notices[$slug] ) ) {
 
 
 
 
58
 
59
+ // Get the current date then set start date to either passed value or current date value and add interval
60
+ $current_date = current_time( "n/j/Y" );
61
+ $start = ( isset( $admin_notices[$slug]['start'] ) ? $admin_notices[$slug]['start'] : $current_date );
62
+ $start = date( "n/j/Y", strtotime( $start ) );
63
+ $date_array = explode( '/', $start );
64
+ $interval = ( isset( $admin_notices[$slug]['int'] ) ? $admin_notices[$slug]['int'] : 0 );
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
65
 
66
+ $date_array[1] += $interval;
67
+ $start = date( "n/j/Y", mktime( 0, 0, 0, $date_array[0], $date_array[1], $date_array[2] ) );
68
+
69
+ // This is the main notices storage option
70
+ $admin_notices_option = get_option( $wd_options->prefix . '_admin_notice', array() );
71
+ // Check if the message is already stored and if so just grab the key otherwise store the message and its associated date information
72
+ if ( !array_key_exists( $slug, $admin_notices_option ) ) {
73
+ $admin_notices_option[$slug]['start'] = $start;
74
+ $admin_notices_option[$slug]['int'] = $interval;
75
+ update_option( $wd_options->prefix . '_admin_notice', $admin_notices_option );
76
+ }
77
+
78
+ // Sanity check to ensure we have accurate information
79
+ // New date information will not overwrite old date information
80
+ $admin_display_check = ( isset( $admin_notices_option[$slug]['dismissed'] ) ? $admin_notices_option[$slug]['dismissed'] : 0 );
81
+ $admin_display_start = ( isset( $admin_notices_option[$slug]['start'] ) ? $admin_notices_option[$slug]['start'] : $start );
82
+ $admin_display_interval = ( isset($admin_notices_option[$slug]['int'] ) ? $admin_notices_option[$slug]['int'] : $interval );
83
+ $admin_display_msg = ( isset($admin_notices[$slug]['msg'] ) ? $admin_notices[$slug]['msg'] : '' );
84
+ $admin_display_title = ( isset($admin_notices[$slug]['title'] ) ? $admin_notices[$slug]['title'] : '' );
85
+ $admin_display_link = ( isset( $admin_notices[$slug]['link'] ) ? $admin_notices[$slug]['link'] : '' );
86
+ $output_css = false;
87
+
88
+ // Ensure the notice hasn't been hidden and that the current date is after the start date
89
+ if ( $admin_display_check == 0 && strtotime($admin_display_start) <= strtotime($current_date ) ) {
90
+
91
+ // Get remaining query string
92
+ $query_str = ( isset( $admin_notices[$slug]['later_link'] ) ? $admin_notices[$slug]['later_link'] : esc_url(add_query_arg( $wd_options->prefix . '_admin_notice_ignore', $slug ) ) );
93
+ if ( strpos($slug, 'promo' ) === FALSE ) {
94
  // Admin notice display output
95
  echo '<div class="update-nag wd-admin-notice">
96
  <div class="wd-notice-logo" style="background-image: url(' . $wd_options->wd_url_img . '/' . $wd_options->prefix . '_main_plugin.png);"></div>
99
  <ul class="wd-notice-body wd-blue">' . $admin_display_link . '</ul>
100
  <a href="' . $query_str . '" class="dashicons dashicons-dismiss"></a>
101
  </div>';
102
+ }
103
+ else {
104
  echo '<div class="admin-notice-promo">';
105
  echo $admin_display_msg;
106
  echo '<ul class="notice-body-promo blue">
108
  </ul>';
109
  echo '<a href="' . $query_str . '" class="dashicons dashicons-dismiss close-promo"></a>';
110
  echo '</div>';
 
 
 
 
 
 
111
  }
112
+ $this->notice_spam += 1;
113
+ $output_css = true;
114
+ }
115
+ if ( $output_css ) {
116
+ wp_enqueue_style( $wd_options->prefix . '-admin-notices', $wd_options->wd_url_css . '/notices.css', array(), get_option($wd_options->prefix . "_version" ) );
117
  }
118
  }
119
  }
120
+ }
121
 
122
+ // Spam protection check
123
+ public function anti_notice_spam() {
124
+ if ( $this->notice_spam >= $this->notice_spam_max ) {
125
+ return true;
 
 
126
  }
127
+ return false;
128
+ }
129
 
130
+ // Ignore function that gets ran at admin init to ensure any messages that were dismissed get marked
131
+ public function admin_notice_ignore() {
132
+ $wd_options = $this->config;
133
+ // If user clicks to ignore the notice, update the option to not show it again
134
+ if ( isset( $_GET[$wd_options->prefix . '_admin_notice_ignore'] ) ) {
135
+ $admin_notices_option = get_option( $wd_options->prefix . '_admin_notice', array() );
136
+ $admin_notices_option[$_GET[$wd_options->prefix . '_admin_notice_ignore']]['dismissed'] = 1;
137
+ update_option( $wd_options->prefix . '_admin_notice', $admin_notices_option );
138
+ $query_str = remove_query_arg( $wd_options->prefix . '_admin_notice_ignore' );
139
+ wp_redirect( $query_str );
140
+ exit;
 
141
  }
142
+ }
143
 
144
+ // Temp Ignore function that gets ran at admin init to ensure any messages that were temp dismissed get their start date changed
145
+ public function admin_notice_temp_ignore() {
146
+ $wd_options = $this->config;
147
+ // If user clicks to temp ignore the notice, update the option to change the start date - default interval of 14 days
148
+ if ( isset( $_GET[$wd_options->prefix . '_admin_notice_temp_ignore'] ) ) {
149
+ $admin_notices_option = get_option( $wd_options->prefix . '_admin_notice', array() );
150
+ $current_date = current_time( "n/j/Y" );
151
+ $date_array = explode( '/', $current_date );
152
+ $interval = (isset($_GET['wd_int']) ? $_GET['wd_int'] : 14);
153
+ $date_array[1] += $interval;
154
+ $new_start = date( "n/j/Y", mktime( 0, 0, 0, $date_array[0], $date_array[1], $date_array[2] ) );
155
+
156
+ $admin_notices_option[$_GET[$wd_options->prefix . '_admin_notice_temp_ignore']]['start'] = $new_start;
157
+ $admin_notices_option[$_GET[$wd_options->prefix . '_admin_notice_temp_ignore']]['dismissed'] = 0;
158
+ update_option( $wd_options->prefix . '_admin_notice', $admin_notices_option );
159
+ $query_str = remove_query_arg( array( $wd_options->prefix . '_admin_notice_temp_ignore', 'wd_int' ) );
160
+ wp_redirect( $query_str );
161
+ exit;
 
162
  }
163
+ }
164
 
165
+ public function admin_notice_pages($pages) {
166
+ $wd_options = $this->config;
167
+ foreach ( $pages as $key => $page ) {
168
+ if (is_array($page)) {
169
+ if ( isset( $_GET['page'] ) && $_GET['page'] == $page[0] && isset($_GET['tab']) && $_GET['tab'] == $page[1] ) {
170
+ return true;
 
 
 
 
 
 
 
 
 
 
 
 
171
  }
 
172
  }
173
+ else {
174
+ if ( $page == 'all' ) {
175
+ return true;
176
+ }
177
+ if ( get_current_screen()->id === $page ) {
178
+ return true;
179
+ }
180
+ if ( isset($_GET['page']) && $_GET['page'] == $page ) {
181
+ return true;
182
+ }
183
  }
184
  return false;
185
  }
186
+ }
187
 
188
+ // Required fields check
189
+ public function required_fields( $fields ) {
190
+ if ( !isset( $fields['msg'] ) || ( isset($fields['msg'] ) && empty( $fields['msg'] ) ) ) {
191
+ return true;
192
+ }
193
+ if ( !isset( $fields['title'] ) || ( isset( $fields['title'] ) && empty( $fields['title'] ) ) ) {
194
+ return true;
195
  }
196
+ return false;
197
+ }
198
 
199
+ // Special parameters function that is to be used in any extension of this class
200
+ public function special_parameters($admin_notices) {
201
+ // Intentionally left blank
202
+ }
 
203
 
204
+ public function wd_admin_notices() {
205
+ $wd_options = $this->config;
206
+ $two_week_review_ignore = add_query_arg( array( $wd_options->prefix . '_admin_notice_ignore' => 'two_week_review' ) );
207
+ $two_week_review_temp = add_query_arg( array( $wd_options->prefix . '_admin_notice_temp_ignore' => 'two_week_review', 'int' => 14 ) );
208
+ $promo_close = add_query_arg( array( $wd_options->prefix . '_admin_notice_ignore' => 'ecommerce_promo' ) );
209
+
210
+ $notices['two_week_review'] = array(
211
+ 'title' => __('Leave A Review?', $wd_options->prefix),
212
+ 'msg' => sprintf(__('We hope you\'ve enjoyed using WordPress %s! Would you consider leaving us a review on WordPress.org?', $wd_options->prefix), $wd_options->plugin_title),
213
+ 'link' => '<li><span class="dashicons dashicons-external"></span><a href="https://wordpress.org/support/plugin/' . $wd_options->plugin_wordpress_slug . '/reviews?filter=5&rate=5#new-post" target="_blank">' . __('Sure! I\'d love to!', $wd_options->prefix) . '</a></li>
214
  <li><span class="dashicons dashicons-smiley"></span><a href="' . $two_week_review_ignore . '"> ' . __('I\'ve already left a review', $wd_options->prefix) . '</a></li>
215
  <li><span class="dashicons dashicons-calendar-alt"></span><a href="' . $two_week_review_temp . '">' . __('Maybe Later', $wd_options->prefix) . '</a></li>
216
  <li><span class="dashicons dashicons-dismiss"></span><a href="' . $two_week_review_ignore . '">' . __('Never show again', $wd_options->prefix) . '</a></li>',
217
+ 'later_link' => $two_week_review_temp,
218
+ 'int' => 14
219
+ );
220
+
221
+ $this->admin_notice($notices);
 
222
  }
223
+ }
wd/includes/overview.php CHANGED
@@ -58,6 +58,14 @@
58
  public function display_overview_page(){
59
  $wd_options = $this->config;
60
  $tabs = $this->tabs;
 
 
 
 
 
 
 
 
61
  require_once( $wd_options->wd_dir_templates . "/display_overview.php" );
62
  }
63
  public function wd_overview_welcome(){
58
  public function display_overview_page(){
59
  $wd_options = $this->config;
60
  $tabs = $this->tabs;
61
+ $start_using_url = "";
62
+ if(!empty($this->config->custom_post)) {
63
+ if (strpos($this->config->custom_post, 'post_type', 0) !== false) {
64
+ $start_using_url = admin_url($this->config->custom_post);
65
+ } else {
66
+ $start_using_url = menu_page_url($this->config->custom_post, false);
67
+ }
68
+ }
69
  require_once( $wd_options->wd_dir_templates . "/display_overview.php" );
70
  }
71
  public function wd_overview_welcome(){
wd/templates/display_overview.php CHANGED
@@ -1,33 +1,43 @@
1
  <div class="overview_welcome">
2
- <div class="wd-cell wd-valign-middle">
3
- <a href="<?php echo $wd_options->plugin_wd_url; ?>" target="_blank"><img src="<?php echo $wd_options->wd_url_img . '/' . $wd_options->prefix . '_main_plugin.png'; ?>"></a>
4
- </div>
5
- <div class="wd-cell wd-valign-middle">
6
- <h2><?php echo sprintf( __( "Welcome to %s", $wd_options->prefix ), $wd_options->plugin_title ); ?></h2>
7
- <div class="overview_welcome_text">
8
- <div><?php echo sprintf( __( "CONGRATS! You've successfully installed %s WordPress plugin.", $wd_options->prefix ), $wd_options->plugin_title ) ; ?></div>
9
- <div><?php echo $wd_options->description ; ?></div>
10
- </div>
11
- </div>
 
 
 
 
 
 
 
 
12
  </div>
13
  <div class="overview_wrap">
14
- <ul class="overview_tabs">
15
- <?php
16
- foreach ( $tabs as $tab_key => $tab ) {
17
- $href = $tab['view'] !== false ? "#" . $tab_key : $tab_key;
18
- $target = $tab['view'] == false ? 'target="_blank" class="not_tab"' : '';
19
- $overview_tab_active_class = $tab_key == 'welcome' ? 'class="overview_tab_active"' : ''
20
- ?>
21
- <li class=""><a href="<?php echo $href; ?>" <?php echo $overview_tab_active_class; ?> <?php echo $target; ?>><?php echo esc_html( $tab['name'] ); ?></a></li>
22
- <?php } ?>
23
- </ul>
24
- <div class="overview_content">
25
- <?php
26
- foreach ( $tabs as $tab_key => $tab ) {
27
- if( $tab['view'] !== false ){
28
- echo call_user_func( $tab['view'] );
29
- }
30
- }
31
- ?>
32
- </div>
 
 
33
  </div>
1
  <div class="overview_welcome">
2
+ <div class="wd-cell wd-valign-middle">
3
+ <a href="<?php echo $wd_options->plugin_wd_url; ?>" target="_blank"><img
4
+ src="<?php echo $wd_options->wd_url_img . '/' . $wd_options->prefix . '_main_plugin.png'; ?>"></a>
5
+ </div>
6
+ <div class="wd-cell wd-valign-middle">
7
+
8
+ <h2><?php echo sprintf(__("Welcome to %s", $wd_options->prefix), $wd_options->plugin_title); ?> <?php if (!empty($start_using_url)) { ?>
9
+ <div class="wd-start-using-button">
10
+ <a href="<?php echo $start_using_url; ?>" class="button button-primary button-large">Start using</a>
11
+ </div>
12
+ <?php } ?></h2>
13
+
14
+ <div class="overview_welcome_text">
15
+
16
+ <div><?php echo sprintf(__("CONGRATS! You've successfully installed %s WordPress plugin.", $wd_options->prefix), $wd_options->plugin_title); ?></div>
17
+ <div><?php echo $wd_options->description; ?></div>
18
+ </div>
19
+ </div>
20
  </div>
21
  <div class="overview_wrap">
22
+ <ul class="overview_tabs">
23
+ <?php
24
+ foreach ($tabs as $tab_key => $tab) {
25
+ $href = $tab['view'] !== false ? "#" . $tab_key : $tab_key;
26
+ $target = $tab['view'] == false ? 'target="_blank" class="not_tab"' : '';
27
+ $overview_tab_active_class = $tab_key == 'welcome' ? 'class="overview_tab_active"' : ''
28
+ ?>
29
+ <li class=""><a
30
+ href="<?php echo $href; ?>" <?php echo $overview_tab_active_class; ?> <?php echo $target; ?>><?php echo esc_html($tab['name']); ?></a>
31
+ </li>
32
+ <?php } ?>
33
+ </ul>
34
+ <div class="overview_content">
35
+ <?php
36
+ foreach ($tabs as $tab_key => $tab) {
37
+ if ($tab['view'] !== false) {
38
+ echo call_user_func($tab['view']);
39
+ }
40
+ }
41
+ ?>
42
+ </div>
43
  </div>
wd/wd.php CHANGED
@@ -17,7 +17,7 @@
17
  public $overview_instance;
18
  public $subscribe_instance;
19
  public $config;
20
- private $version = "1.0.2";
21
 
22
  ////////////////////////////////////////////////////////////////////////////////////////
23
  // Constructor & Destructor //
17
  public $overview_instance;
18
  public $subscribe_instance;
19
  public $config;
20
+ private $version = "1.0.13";
21
 
22
  ////////////////////////////////////////////////////////////////////////////////////////
23
  // Constructor & Destructor //