Slider by WD – Responsive Slider

Version Description

Changed: Improved user interface of sliders.
Fixed: Reset settings.
Fixed: Import slider on Windows servers.
Added: Support forum and Review links.

Release Info

Developer	webdorado
Plugin	Slider by WD – Responsive Slider
Version	1.2.0
Comparing to
See all releases

Code changes from version 1.1.92 to 1.2.0

Files changed (35) hide show

admin/controllers/WDSControllerGoptions_wds.php +69 -73
admin/controllers/WDSControllerSliders_wds.php +114 -89
admin/controllers/WDSControllerUninstall_wds.php +11 -32
admin/controllers/WDSControllerWDSExport.php +46 -0
admin/controllers/WDSControllerWidgetSlideshow.php +2 -2
admin/controllers/embed.php +19 -0
admin/controllers/posts.php +22 -0
admin/models/WDSModelGoptions_wds.php +0 -1
admin/models/WDSModelSliders_wds.php +74 -42
admin/models/WDSModelUninstall_wds.php +4 -0
admin/models/WDSModelWDSExport.php +115 -0
admin/models/posts.php +65 -0
admin/views/WDSViewGoptions_wds.php +180 -209
admin/views/WDSViewSliders_wds.php +3537 -2711
admin/views/WDSViewUninstall_wds.php +23 -16
admin/views/WDSViewWDSExport.php +192 -0
admin/views/WDSViewWDSShortcode.php +6 -5
admin/views/WDSViewWidgetSlideshow.php +8 -9
admin/views/embed.php +22 -0
admin/views/posts.php +26 -0
css/notices.css +3 -1
css/wds_effects.css +0 -253
css/wds_shortcode.css +1 -1
css/wds_tables.css +354 -144
css/wds_tables_320.css +1 -5
css/wds_tables_640.css +6 -8
demo_sliders/demo_sliders.php +236 -29
demo_sliders/style.css +0 -8
filemanager/controller.php +14 -15
filemanager/model.php +5 -5
filemanager/view.php +5 -5
framework/WDW_S_Library.php +3862 -89
frontend/controllers/WDSControllerSlider.php +6 -29
frontend/models/WDSModelSlider.php +58 -29
frontend/views/WDSViewSlider.php +221 -847

admin/controllers/WDSControllerGoptions_wds.php CHANGED Viewed

@@ -1,24 +1,8 @@
             <?php
-            -
             class WDSControllerGoptions_wds {
-            -
              ////////////////////////////////////////////////////////////////////////////////////////
-            -
              // Events                                                                             //
-            -
              ////////////////////////////////////////////////////////////////////////////////////////
-            -
              ////////////////////////////////////////////////////////////////////////////////////////
-            -
              // Constants                                                                          //
-            -
              ////////////////////////////////////////////////////////////////////////////////////////
-            -
              ////////////////////////////////////////////////////////////////////////////////////////
-            -
              // Variables                                                                          //
-            -
              ////////////////////////////////////////////////////////////////////////////////////////
-            -
              ////////////////////////////////////////////////////////////////////////////////////////
-            -
              // Constructor & Destructor                                                           //
-            -
              ////////////////////////////////////////////////////////////////////////////////////////
               public function __construct() {
-            -
+              }
-            -
              ////////////////////////////////////////////////////////////////////////////////////////
-            -
              // Public Methods                                                                     //
-            -
              ////////////////////////////////////////////////////////////////////////////////////////
               public function execute() {
                 $task = WDW_S_Library::get('task');
@@ -40,10 +24,10 @@ class WDSControllerGoptions_wds {
                 require_once WD_S_DIR . "/admin/views/WDSViewGoptions_wds.php";
                 $view = new WDSViewGoptions_wds($model);
-            -
                $view->display();
+              }
-            -
-            -
               public function save_font_family() {
                 $wds_global_options = json_decode(get_option("wds_global_options"), true);
                 $possib_add_ffamily = (isset($_REQUEST['possib_add_ffamily']) ? esc_html($_REQUEST['possib_add_ffamily']) : '');
                 $possib_add_ffamily_google = (isset($_REQUEST['possib_add_ffamily_google']) ? esc_html($_REQUEST['possib_add_ffamily_google']) : '');
@@ -106,63 +90,75 @@ class WDSControllerGoptions_wds {
                                                              ), admin_url('admin.php')));
+              }
               public function change_layer_options() {
                 global $wpdb;
-            -
                $lay_option = (isset($_POST["lay_option"]) ? esc_html($_REQUEST['lay_option']) : '');
-            -
                $default_layer_add_class = (isset($_POST["default_layer_add_class"]) ? esc_html($_REQUEST['default_layer_add_class']) : '');
-            -
                $default_layer_fweight = (isset($_POST["default_layer_fweight"]) ? esc_html($_REQUEST['default_layer_fweight']) : '');
-            -
                $default_layer_ffamily = (isset($_POST["default_layer_ffamily"]) ? esc_html($_REQUEST['default_layer_ffamily']) : '');
-            -
                $default_layer_google_fonts = (isset($_POST["default_layer_google_fonts"]) ? esc_html($_REQUEST['default_layer_google_fonts']) : 0);
-            -
                $default_layer_start = (isset($_POST["default_layer_start"]) ? esc_html($_REQUEST['default_layer_start']) : 0);
-            -
                $default_layer_effect_in = (isset($_POST["default_layer_effect_in"]) ? esc_html($_REQUEST['default_layer_effect_in']) : '');
-            -
                $default_layer_duration_eff_in = (isset($_POST["default_layer_duration_eff_in"]) ? esc_html($_REQUEST['default_layer_duration_eff_in']) : 0);
-            -
                $default_layer_infinite_in = (isset($_POST["default_layer_infinite_in"]) ? esc_html($_REQUEST['default_layer_infinite_in']) : 1);
-            -
                $default_layer_end = (isset($_POST["default_layer_end"]) ? esc_html($_REQUEST['default_layer_end']) : 0);
-            -
                $default_layer_effect_out = (isset($_POST["default_layer_effect_out"]) ? esc_html($_REQUEST['default_layer_effect_out']) : '');
-            -
                $default_layer_duration_eff_out = (isset($_POST["default_layer_duration_eff_out"]) ? esc_html($_REQUEST['default_layer_duration_eff_out']) : 0);
-            -
                $default_layer_infinite_out = (isset($_POST["default_layer_infinite_out"]) ? esc_html($_REQUEST['default_layer_infinite_out']) : 1);
-            -
                $colls = array();
-            -
                switch ( $lay_option ) {
-            -
                  case "add_class":
-            -
                    $colls = array(
-            -
                      '`add_class`="' . $default_layer_add_class . '"',
-            -
                    );
-            -
                    break;
-            -
                  case "fweight":
-            -
                    $colls = array(
-            -
                      '`fweight`="' . $default_layer_fweight . '"',
-            -
                    );
-            -
                    break;
-            -
                  case "font_family":
-            -
                    $colls = array(
-            -
                      '`ffamily`="' . $default_layer_ffamily . '"',
-            -
                      '`google_fonts`="' . $default_layer_google_fonts . '"',
-            -
                    );
-            -
                    break;
-            -
                  case "effectin":
-            -
                    $colls = array(
-            -
                      '`start`=' . $default_layer_start,
-            -
                      '`layer_effect_in`="' . $default_layer_effect_in . '"',
-            -
                      '`duration_eff_in`=' . $default_layer_duration_eff_in,
-            -
                      '`infinite_in`=' . $default_layer_infinite_in,
-            -
                    );
-            -
                    break;
-            -
                  case "effectout":
-            -
                    $colls = array(
-            -
                      'end=' . $default_layer_end,
-            -
                      'layer_effect_out="' . $default_layer_effect_out . '"',
-            -
                      'duration_eff_out=' . $default_layer_duration_eff_out,
-            -
                      'infinite_out=' . $default_layer_infinite_out,
-            -
                    );
-            -
                    break;
+                }
-            -
                $save = $wpdb->query('UPDATE ' . $wpdb->prefix . 'wdslayer SET ' . implode(',', $colls) . '');
-            -
-            -
                $messaage = $wpdb->last_error ? 2 : 1;
                 $page = WDW_S_Library::get('page');
-            -
                WDW_S_Library::spider_redirect(add_query_arg(array( 'page'    => $page,
-            -
                                                                    'task'    => 'display',
-            -
                                                                    'message' => $messaage,
                                                              ), admin_url('admin.php')));
+              }
+            }


1	<?php

2	class WDSControllerGoptions_wds {
3	+











4	public function __construct() {

5	}



6
7	public function execute() {
8	$task = WDW_S_Library::get('task');

24
25	require_once WD_S_DIR . "/admin/views/WDSViewGoptions_wds.php";
26	$view = new WDSViewGoptions_wds($model);
27	+ $view->display($this->get_sliders());
28	}
29	+
30	+ public function save_font_family() {
31	$wds_global_options = json_decode(get_option("wds_global_options"), true);
32	$possib_add_ffamily = (isset($_REQUEST['possib_add_ffamily']) ? esc_html($_REQUEST['possib_add_ffamily']) : '');
33	$possib_add_ffamily_google = (isset($_REQUEST['possib_add_ffamily_google']) ? esc_html($_REQUEST['possib_add_ffamily_google']) : '');

90	), admin_url('admin.php')));
91	}
92
93	+
94	public function change_layer_options() {
95	+ $choose_slider_id = (isset($_REQUEST["choose_slider"]) ? esc_html($_REQUEST['choose_slider']) : '');
96	+ $default_layer_ffamily_check = (isset($_REQUEST["default_layer_ffamily_check"]) ? esc_html($_REQUEST['default_layer_ffamily_check']) : 0);
97	+ $default_layer_fweight_check = (isset($_REQUEST["default_layer_fweight_check"]) ? esc_html($_REQUEST['default_layer_fweight_check']) : 0);
98	+ $default_layer_effect_in_check = (isset($_REQUEST["default_layer_effect_in_check"]) ? esc_html($_REQUEST['default_layer_effect_in_check']) : 0);
99	+ $default_layer_effect_out_check = (isset($_REQUEST["default_layer_effect_out_check"]) ? esc_html($_REQUEST['default_layer_effect_out_check']) : 0);
100	+ $default_layer_add_class_check = (isset($_REQUEST["default_layer_add_class_check"]) ? esc_html($_REQUEST['default_layer_add_class_check']) : 0);
101	+
102	+ $default_array = array();
103	+ if ($default_layer_ffamily_check) {
104	+ $default_layer_ffamily = (isset($_REQUEST['default_layer_ffamily']) ? esc_html($_REQUEST['default_layer_ffamily']) : '');
105	+ $default_layer_google_fonts = (isset($_REQUEST['default_layer_google_fonts']) ? esc_html($_REQUEST['default_layer_google_fonts']) : 0);
106	+ array_push($default_array, '`ffamily`="' . $default_layer_ffamily . '"', '`google_fonts`="' . $default_layer_google_fonts . '"');
107	+ }
108	+ if ($default_layer_fweight_check) {
109	+ $default_layer_fweight = (isset($_REQUEST['default_layer_fweight']) ? esc_html($_REQUEST['default_layer_fweight']) : '');
110	+ array_push($default_array, '`fweight`="' . $default_layer_fweight . '"');
111	+ }
112	+ if ($default_layer_effect_in_check) {
113	+ $default_layer_start = (isset($_REQUEST['default_layer_start']) ? esc_html($_REQUEST['default_layer_start']) : 0);
114	+ $default_layer_effect_in = (isset($_REQUEST['default_layer_effect_in']) ? esc_html($_REQUEST['default_layer_effect_in']) : '');
115	+ $default_layer_duration_eff_in = (isset($_REQUEST['default_layer_duration_eff_in']) ? esc_html($_REQUEST['default_layer_duration_eff_in']) : 0);
116	+ $default_layer_infinite_in = (isset($_REQUEST['default_layer_infinite_in']) ? esc_html($_REQUEST['default_layer_infinite_in']) : 1);
117	+ array_push($default_array, '`start`=' . $default_layer_start, '`layer_effect_in`="' . $default_layer_effect_in . '"', '`duration_eff_in`=' . $default_layer_duration_eff_in, '`infinite_in`=' . $default_layer_infinite_in);
118	+ }
119	+ if ($default_layer_effect_out_check) {
120	+ $default_layer_end = (isset($_REQUEST['default_layer_end']) ? esc_html($_REQUEST['default_layer_end']) : 0);
121	+ $default_layer_effect_out = (isset($_REQUEST['default_layer_effect_out']) ? esc_html($_REQUEST['default_layer_effect_out']) : '');
122	+ $default_layer_duration_eff_out = (isset($_REQUEST['default_layer_duration_eff_out']) ? esc_html($_REQUEST['default_layer_duration_eff_out']) : 0);
123	+ $default_layer_infinite_out = (isset($_REQUEST['default_layer_infinite_out']) ? esc_html($_REQUEST['default_layer_infinite_out']) : 1);
124	+ array_push($default_array, '`end`=' . $default_layer_end, 'layer_effect_out="' . $default_layer_effect_out . '"', 'duration_eff_out=' . $default_layer_duration_eff_out, '`infinite_out`=' . $default_layer_infinite_out);
125	+ }
126	+ if ($default_layer_add_class_check) {
127	+ $default_layer_add_class = (isset($_REQUEST['default_layer_add_class']) ? esc_html($_REQUEST['default_layer_add_class']) : '');
128	+ array_push($default_array, '`add_class`="' . $default_layer_add_class . '"');
129	+ }
130	global $wpdb;
131	+ $where = '';
132	+ if ($choose_slider_id != '') {
133	+ $slide_id_arr = $wpdb->get_col($wpdb->prepare("SELECT id FROM " . $wpdb->prefix . "wdsslide WHERE slider_id='%d'", $choose_slider_id));
134	+ $where = ' WHERE slide_id IN ('. implode(',', $slide_id_arr) .')';











































135	}
136	+ $set = $wpdb->query('UPDATE ' . $wpdb->prefix . 'wdslayer SET ' . implode(',', $default_array) . $where);
137	+ $message = $wpdb->last_error ? 2 : 22;

138	$page = WDW_S_Library::get('page');
139	+ WDW_S_Library::spider_redirect(add_query_arg(array(
140	+ 'page' => $page,
141	+ 'task' => 'display',
142	+ 'message' => $message,
143	), admin_url('admin.php')));
144	}
145	+
146	+ public function get_sliders() {
147	+ global $wpdb;
148	+ $sliders = $wpdb->get_results("SELECT id, name FROM " . $wpdb->prefix . "wdsslider ORDER BY `name` ASC", OBJECT_K);
149	+ if ($sliders) {
150	+ $sliders[0] = new stdclass();
151	+ $sliders[0]->id = '';
152	+ $sliders[0]->name = __('All sliders', 'wds');
153	+ }
154	+ else {
155	+ $sliders[0] = new stdclass();
156	+ $sliders[0]->id = 0;
157	+ $sliders[0]->name = __('-Select-', 'wds');
158	+ }
159	+
160	+ ksort($sliders);
161	+
162	+ return $sliders;
163	+ }
164	}

admin/controllers/WDSControllerSliders_wds.php CHANGED Viewed

	@@ -1,23 +1,9 @@
1	<?php
2	-
3	class WDSControllerSliders_wds {
4	- ~~////////////////////////////////////////////////////////////////////////////////////////~~
5	- // Events //
6	- ////////////////////////////////////////////////////////////////////////////////////////
7	- ////////////////////////////////////////////////////////////////////////////////////////
8	- // Constants //
9	- ////////////////////////////////////////////////////////////////////////////////////////
10	- ////////////////////////////////////////////////////////////////////////////////////////
11	- // Variables //
12	- ////////////////////////////////////////////////////////////////////////////////////////
13	- ////////////////////////////////////////////////////////////////////////////////////////
14	- // Constructor & Destructor //
15	- ////////////////////////////////////////////////////////////////////////////////////////
16	public function __construct() {
17	}
18	- ~~////////////////////////////////////////////////////////////////////////////////////////~~
19	- // Public Methods //
20	- ////////////////////////////////////////////////////////////////////////////////////////
21	public function execute() {
22	$task = WDW_S_Library::get('task');
23	$id = WDW_S_Library::get('current_id', 0);
	@@ -66,14 +52,17 @@ class WDSControllerSliders_wds {
66	}
67
68	public function apply() {

69	$this->save_slider_db();
70	$this->save_slide_db();


71	$this->edit();
72	}
73
74	public function save_slider_db() {
75	global $wpdb;
76	- if (get_option("wds_theme_version")) {
77	$allow = FALSE;
78	}
79	else {
	@@ -89,8 +78,8 @@ class WDSControllerSliders_wds {
89	$name = ((isset($params_array['name'])) ? esc_html(stripslashes($params_array['name'])) : '');
90	$published = ((isset($params_array['published'])) ? (int) esc_html(stripslashes($params_array['published'])) : 1);
91	$full_width = ((isset($params_array['full_width'])) ? (int) esc_html(stripslashes($params_array['full_width'])) : 0);
92	- $width = ((isset($params_array['width'])) ? (int) esc_html(stripslashes($params_array['width'])) : ~~800~~);
93	- $height = ((isset($params_array['height'])) ? (int) esc_html((stripslashes($params_array['height']))) : ~~300~~);
94	$bg_fit = ((isset($params_array['bg_fit'])) ? esc_html(stripslashes($params_array['bg_fit'])) : 'cover');
95	$align = ((isset($params_array['align'])) ? esc_html(stripslashes($params_array['align'])) : 'center');
96	$effect = ((isset($params_array['effect'])) ? esc_html(stripslashes($params_array['effect'])) : 'fade');
	@@ -136,7 +125,7 @@ class WDSControllerSliders_wds {
136	}
137	$bull_style = ((isset($params_array['bull_style']) && $allow) ? esc_html(stripslashes($params_array['bull_style'])) : 'fa-square-o');
138	$bull_size = ((isset($params_array['bull_size']) && $allow) ? (int) esc_html(stripslashes($params_array['bull_size'])) : 20);
139	- $bull_color = ((isset($params_array['bull_color']) && $allow) ? esc_html(stripslashes($params_array['bull_color'])) : 'FFFFFF');
140	$bull_act_color = ((isset($params_array['bull_act_color']) && $allow) ? esc_html(stripslashes($params_array['bull_act_color'])) : 'FFFFFF');
141	$bull_margin = ((isset($params_array['bull_margin']) && $allow) ? (int) esc_html(stripslashes($params_array['bull_margin'])) : 3);
142	$film_pos = ((isset($params_array['film_pos'])) ? esc_html(stripslashes($params_array['film_pos'])) : 'none');
	@@ -195,12 +184,12 @@ class WDSControllerSliders_wds {
195	$paus_butt_hov_url = str_replace(site_url(), '{site_url}', $paus_butt_hov_url);
196	$start_slide_num = ((isset($params_array['start_slide_num'])) ? (int) stripslashes($params_array['start_slide_num']) : 1);
197	$effect_duration = ((isset($params_array['effect_duration'])) ? (int) stripslashes($params_array['effect_duration']) : 800);
198	- $carousel = 0;
199	- $carousel_image_counts = 7;
200	- $carousel_image_parameters = 0.85;
201	- $carousel_fit_containerWidth = 0;
202	- $carousel_width = 1000;
203	- $parallax_effect = 0;
204	$mouse_swipe_nav = ((isset($params_array['mouse_swipe_nav'])) ? (int) esc_html(stripslashes($params_array['mouse_swipe_nav'])) : 0);
205	$bull_hover = ((isset($params_array['bull_hover'])) ? (int) esc_html(stripslashes($params_array['bull_hover'])) : 1);
206	$touch_swipe_nav = ((isset($params_array['touch_swipe_nav'])) ? (int) esc_html(stripslashes($params_array['touch_swipe_nav'])) : 1);
	@@ -337,7 +326,7 @@ class WDSControllerSliders_wds {
337	'order_dir' => $order_dir,
338	);
339
340	- if (!$slider_id) {
341	$save = $wpdb->insert($wpdb->prefix . 'wdsslider', $data);
342	$_POST['current_id'] = (int) $wpdb->insert_id;
343	}
	@@ -354,17 +343,17 @@ class WDSControllerSliders_wds {
354
355	public function save_slide_db() {
356	global $wpdb;
357	- ~~$slider_id~~ = (~~isset($_POST['current_id'])~~ ? (~~int~~) ~~$_POST['current_id']~~ ~~: 0);~~
358	- $save_as_copy = (isset($_POST['save_as_copy']) ? (int) $_POST['save_as_copy'] : 0);
359	- if (!$slider_id) {
360	- $slider_id = $wpdb->get_var('SELECT MAX(id) FROM ' . $wpdb->prefix . 'wdsslider');
361	- }
362	- if (get_option("wds_theme_version")) {
363	$allow = FALSE;
364	}
365	else {
366	$allow = TRUE;
367	}





368	$slides_data = (isset($_POST['slides']) ? $_POST['slides'] : array());
369	foreach ($slides_data as $slide_data) {
370	$params_array = json_decode(stripslashes($slide_data), TRUE);
	@@ -384,40 +373,40 @@ class WDSControllerSliders_wds {
384	$image_url = str_replace(site_url(), '{site_url}', $image_url);
385	$thumb_url = ((isset($params_array['thumb_url' . $slide_id])) ? esc_html(stripslashes($params_array['thumb_url' . $slide_id])) : '');
386	$thumb_url = str_replace(site_url(), '{site_url}', $thumb_url);
























387	if (strpos($slide_id, 'pr') !== FALSE \|\| $save_as_copy) {
388	- $~~save = $~~wpdb->insert($wpdb->prefix . 'wdsslide', ~~array(~~
389	- '~~slider_id~~' => $~~slider_id,~~
390	- 'title' => $title,
391	- 'type' => $type,
392	- 'order' => $order,
393	- 'published' => $published,
394	- 'link' => $link,
395	- 'image_url' => $image_url,
396	- 'thumb_url' => $thumb_url,
397	- 'target_attr_slide' => $target_attr_slide,
398	- 'youtube_rel_video' => 0,
399	- 'video_loop' => 0,
400	- ));
401	- if ($allow) {
402	- $slide_id_pr = $wpdb->get_var('SELECT MAX(id) FROM ' . $wpdb->prefix . 'wdsslide');
403	- $this->save_layer_db($slide_id, $slide_id_pr, $params_array);
404	- }
405	}
406	else {
407	- $~~save = $~~wpdb->update($wpdb->prefix . 'wdsslide', array(
408	- ~~'slider_id'~~ => $~~slider_id,~~
409	- ~~'title' => $title,~~
410	- ~~'type'~~ => ~~$type,~~
411	- ~~'order'~~ => $~~order,~~
412	- 'published' => $published,
413	- 'link' => $link,
414	- 'image_url' => $image_url,
415	- 'thumb_url' => $thumb_url,
416	- 'target_attr_slide' => $target_attr_slide,
417	- ), array('id' => $slide_id));
418	- if ($allow) {
419	- $this->save_layer_db($slide_id, $slide_id, $params_array);
420	- }
421	}
422	}
423	}
	@@ -478,8 +467,14 @@ class WDSControllerSliders_wds {
478	$hotp_border_radius = ((isset($params_array_layer['hotp_border_radius'])) ? esc_html(stripslashes($params_array_layer['hotp_border_radius'])) : '');
479	$hotp_text_position = ((isset($params_array_layer['hotp_text_position'])) ? esc_html(stripslashes($params_array_layer['hotp_text_position'])) : '');
480	$google_fonts = ((isset($params_array_layer['google_fonts'])) ? (int) esc_html(stripslashes($params_array_layer['google_fonts'])) : 0);


481	$add_class = ((isset($params_array_layer['add_class'])) ? esc_html(stripslashes($params_array_layer['add_class'])) : '');



482	$layer_callback_list = ((isset($params_array_layer['layer_callback_list'])) ? esc_html(stripslashes($params_array_layer['layer_callback_list'])) : '');

483	$hover_color_text = ((isset($params_array_layer['hover_color_text'])) ? esc_html(stripslashes($params_array_layer['hover_color_text'])) : '');
484	$text_alignment = ((isset($params_array_layer['text_alignment'])) ? esc_html(stripslashes($params_array_layer['text_alignment'])) : 'center');
485	$link_to_slide = ((isset($params_array_layer['link_to_slide'])) ? (int) esc_html(stripslashes($params_array_layer['link_to_slide'])) : 0);
	@@ -488,11 +483,16 @@ class WDSControllerSliders_wds {
488	$infinite_in = ((isset($params_array_layer['infinite_in'])) ? (int) esc_html(stripslashes($params_array_layer['infinite_in'])) : 1);
489	$infinite_out = ((isset($params_array_layer['infinite_out'])) ? (int) esc_html(stripslashes($params_array_layer['infinite_out'])) : 1);
490	$min_size = ((isset($params_array_layer['min_size'])) ? (int) esc_html(stripslashes($params_array_layer['min_size'])) : 11);





491	if ($title) {
492	if (strpos($layer_id, 'pr_') !== FALSE \|\| $save_as_copy) {
493	$save = $wpdb->insert($wpdb->prefix . 'wdslayer', array(
494	'slide_id' => $slide_id_pr,
495	- 'title' => $~~title~~,
496	'type' => $type,
497	'depth' => $depth,
498	'text' => $text,
	@@ -536,11 +536,11 @@ class WDSControllerSliders_wds {
536	'hotp_text_position' => $hotp_text_position,
537	'google_fonts' => $google_fonts,
538	'add_class' => $add_class,
539	- 'layer_video_loop' => 0,
540	- 'youtube_rel_layer_video' => 0,
541	- 'hotspot_animation' => 0,
542	'layer_callback_list' => $layer_callback_list,
543	- 'hotspot_text_display' => 0,
544	'hover_color_text' => $hover_color_text,
545	'text_alignment' => $text_alignment,
546	'link_to_slide' => $link_to_slide,
	@@ -553,7 +553,7 @@ class WDSControllerSliders_wds {
553	}
554	else {
555	$save = $wpdb->update($wpdb->prefix . 'wdslayer', array(
556	- 'title' => $~~title~~,
557	'type' => $type,
558	'depth' => $depth,
559	'text' => $text,
	@@ -597,7 +597,11 @@ class WDSControllerSliders_wds {
597	'hotp_text_position' => $hotp_text_position,
598	'google_fonts' => $google_fonts,
599	'add_class' => $add_class,



600	'layer_callback_list' => $layer_callback_list,

601	'hover_color_text' => $hover_color_text,
602	'text_alignment' => $text_alignment,
603	'link_to_slide' => $link_to_slide,
	@@ -719,18 +723,19 @@ class WDSControllerSliders_wds {
719	echo WDW_S_Library::message('Changes must be saved.', 'wd_error');
720	$view->edit($slider_id, TRUE);
721	}
722	- ~~public function duplicate() {~~
723	- ~~$slider_id~~ = ~~WDW_S_Library::get~~(~~'current_id',~~ ~~0);~~
724	- $~~new_slider_id~~ = $this->duplicate_tables($~~slider_id~~);
725	- ~~require_once~~ ~~WD_S_DIR~~ ~~. "/admin/models/WDSModelSliders_wds.php";~~
726	- ~~$model~~ = ~~new~~ ~~WDSModelSliders_wds(~~);
727	- ~~require_once WD_S_DIR . "/admin/views/WDSViewSliders_wds.php";~~
728	- ~~$view~~ ~~= new WDSViewSliders_wds($model);~~
729	- echo WDW_S_Library::message('~~Item Succesfully Duplicated~~.', '~~wd_updated~~');
730	- ~~$view->edit($new_slider_id);~~

731	}
732
733	- public function duplicate_all(~~$id~~) {
734	global $wpdb;
735	$flag = FALSE;
736	$sliders_ids_col = $wpdb->get_col('SELECT id FROM ' . $wpdb->prefix . 'wdsslider');
	@@ -957,6 +962,8 @@ class WDSControllerSliders_wds {
957	}
958	}
959	}


960	return $new_slider_id;
961	}
962
	@@ -1139,6 +1146,8 @@ class WDSControllerSliders_wds {
1139	if ($wpdb->query($query)) {
1140	$query_image = $wpdb->prepare('DELETE t1., t2. FROM ' . $wpdb->prefix . 'wdsslide as t1 LEFT JOIN ' . $wpdb->prefix . 'wdslayer as t2 ON t1.id=t2.slide_id WHERE t1.slider_id="%d"', $id);
1141	$wpdb->query($query_image);


1142	echo WDW_S_Library::message('Item Succesfully Deleted.', 'wd_updated');
1143	}
1144	else {
	@@ -1156,6 +1165,8 @@ class WDSControllerSliders_wds {
1156	$flag = TRUE;
1157	$query = $wpdb->prepare('DELETE FROM ' . $wpdb->prefix . 'wdsslider WHERE id="%d"', $slider_id);
1158	$wpdb->query($query);


1159	$query_image = $wpdb->prepare('DELETE t1., t2. FROM ' . $wpdb->prefix . 'wdsslide as t1 LEFT JOIN ' . $wpdb->prefix . 'wdslayer as t2 ON t1.id=t2.slide_id WHERE t1.slider_id="%d"', $slider_id);
1160	$wpdb->query($query_image);
1161	}
	@@ -1371,13 +1382,27 @@ class WDSControllerSliders_wds {
1371	return $slider_id;
1372	}
1373
1374	- ~~////////////////////////////////////////////////////////////////////////////////////////~~
1375	- // ~~Getters~~ & ~~Setters //~~
1376	- ~~////////////////////////////////////////////////////////////////////////////////////////~~
1377	- ~~////////////////////////////////////////////////////////////////////////////////////////~~
1378	- // ~~Private~~ ~~Methods //~~
1379	- ~~////////////////////////////////////////////////////////////////////////////////////////~~
1380	- ~~////////////////////////////////////////////////////////////////////////////////////////~~
1381	- // ~~Listeners //~~
1382	- ~~////////////////////////////////////////////////////////////////////////////////////////~~














1383	}


1	<?php

2	class WDSControllerSliders_wds {
3	+











4	public function __construct() {
5	}
6	+


7	public function execute() {
8	$task = WDW_S_Library::get('task');
9	$id = WDW_S_Library::get('current_id', 0);

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
63	public function save_slider_db() {
64	global $wpdb;
65	+ if ( WD_S_FREE && get_option("wds_theme_version") ) {
66	$allow = FALSE;
67	}
68	else {

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');

125	}
126	$bull_style = ((isset($params_array['bull_style']) && $allow) ? esc_html(stripslashes($params_array['bull_style'])) : 'fa-square-o');
127	$bull_size = ((isset($params_array['bull_size']) && $allow) ? (int) esc_html(stripslashes($params_array['bull_size'])) : 20);
128	+ $bull_color = ((isset($params_array['bull_color']) && $allow) ? esc_html(stripslashes($params_array['bull_color'])) : 'FFFFFF');
129	$bull_act_color = ((isset($params_array['bull_act_color']) && $allow) ? esc_html(stripslashes($params_array['bull_act_color'])) : 'FFFFFF');
130	$bull_margin = ((isset($params_array['bull_margin']) && $allow) ? (int) esc_html(stripslashes($params_array['bull_margin'])) : 3);
131	$film_pos = ((isset($params_array['film_pos'])) ? esc_html(stripslashes($params_array['film_pos'])) : 'none');

184	$paus_butt_hov_url = str_replace(site_url(), '{site_url}', $paus_butt_hov_url);
185	$start_slide_num = ((isset($params_array['start_slide_num'])) ? (int) stripslashes($params_array['start_slide_num']) : 1);
186	$effect_duration = ((isset($params_array['effect_duration'])) ? (int) stripslashes($params_array['effect_duration']) : 800);
187	+ $carousel = ((isset($params_array['carousel']) && !WD_S_FREE) ? (int) esc_html(stripslashes($params_array['carousel'])) : 0);
188	+ $carousel_image_counts = ((isset($params_array['carousel_image_counts']) && !WD_S_FREE) ? (int) esc_html(stripslashes($params_array['carousel_image_counts'])) : 7);
189	+ $carousel_image_parameters = ((isset($params_array['carousel_image_parameters']) && !WD_S_FREE) ? esc_html(stripslashes($params_array['carousel_image_parameters'])) : 0.85);
190	+ $carousel_fit_containerWidth = ((isset($params_array['carousel_fit_containerWidth']) && !WD_S_FREE) ? (int) esc_html(stripslashes($params_array['carousel_fit_containerWidth'])) : 0);
191	+ $carousel_width = ((isset($params_array['carousel_width']) && !WD_S_FREE) ? (int) esc_html(stripslashes($params_array['carousel_width'])) : 1000);
192	+ $parallax_effect = ((isset($params_array['parallax_effect']) && !WD_S_FREE) ? (int) esc_html(stripslashes($params_array['parallax_effect'])) : 0);
193	$mouse_swipe_nav = ((isset($params_array['mouse_swipe_nav'])) ? (int) esc_html(stripslashes($params_array['mouse_swipe_nav'])) : 0);
194	$bull_hover = ((isset($params_array['bull_hover'])) ? (int) esc_html(stripslashes($params_array['bull_hover'])) : 1);
195	$touch_swipe_nav = ((isset($params_array['touch_swipe_nav'])) ? (int) esc_html(stripslashes($params_array['touch_swipe_nav'])) : 1);

326	'order_dir' => $order_dir,
327	);
328
329	+ if (!$slider_id) {
330	$save = $wpdb->insert($wpdb->prefix . 'wdsslider', $data);
331	$_POST['current_id'] = (int) $wpdb->insert_id;
332	}

343
344	public function save_slide_db() {
345	global $wpdb;
346	+ if ( WD_S_FREE && get_option("wds_theme_version") ) {





347	$allow = FALSE;
348	}
349	else {
350	$allow = TRUE;
351	}
352	+ $slider_id = (isset($_POST['current_id']) ? (int) $_POST['current_id'] : 0);
353	+ $save_as_copy = (isset($_POST['save_as_copy']) ? (int) $_POST['save_as_copy'] : 0);
354	+ if (!$slider_id) {
355	+ $slider_id = $wpdb->get_var('SELECT MAX(id) FROM ' . $wpdb->prefix . 'wdsslider');
356	+ }
357	$slides_data = (isset($_POST['slides']) ? $_POST['slides'] : array());
358	foreach ($slides_data as $slide_data) {
359	$params_array = json_decode(stripslashes($slide_data), TRUE);

373	$image_url = str_replace(site_url(), '{site_url}', $image_url);
374	$thumb_url = ((isset($params_array['thumb_url' . $slide_id])) ? esc_html(stripslashes($params_array['thumb_url' . $slide_id])) : '');
375	$thumb_url = str_replace(site_url(), '{site_url}', $thumb_url);
376	+ $att_width = ((isset($params_array['att_width' . $slide_id])) ? esc_html(stripslashes($params_array['att_width' . $slide_id])) : '');
377	+ $att_height = ((isset($params_array['att_height' . $slide_id])) ? esc_html(stripslashes($params_array['att_height' . $slide_id])) : '');
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;
384	+ $title_dimension['att_height'] = $att_height;
385	+ $title_dimension['video_duration'] = $video_duration;
386	+ $title_dimension = json_encode($title_dimension);
387	+ $data = array(
388	+ 'slider_id' => $slider_id,
389	+ 'title' => $title_dimension,
390	+ 'type' => $type,
391	+ 'order' => $order,
392	+ 'published' => $published,
393	+ 'link' => $link,
394	+ 'image_url' => $image_url,
395	+ 'thumb_url' => $thumb_url,
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);
402	+ $slide_id_pr = $wpdb->get_var('SELECT MAX(id) FROM ' . $wpdb->prefix . 'wdsslide');















403	}
404	else {
405	+ $wpdb->update($wpdb->prefix . 'wdsslide', $data, array('id' => $slide_id));
406	+ $slide_id_pr = $slide_id;
407	+ }
408	+ if ( !WD_S_FREE ) {
409	+ $this->save_layer_db($slide_id, $slide_id_pr, $params_array);









410	}
411	}
412	}

467	$hotp_border_radius = ((isset($params_array_layer['hotp_border_radius'])) ? esc_html(stripslashes($params_array_layer['hotp_border_radius'])) : '');
468	$hotp_text_position = ((isset($params_array_layer['hotp_text_position'])) ? esc_html(stripslashes($params_array_layer['hotp_text_position'])) : '');
469	$google_fonts = ((isset($params_array_layer['google_fonts'])) ? (int) esc_html(stripslashes($params_array_layer['google_fonts'])) : 0);
470	+ $attr_width = ((isset($params_array_layer['attr_width'])) ? esc_html(stripslashes($params_array_layer['attr_width'])) : '');
471	+ $attr_height = ((isset($params_array_layer['attr_height'])) ? esc_html(stripslashes($params_array_layer['attr_height'])) : '');
472	$add_class = ((isset($params_array_layer['add_class'])) ? esc_html(stripslashes($params_array_layer['add_class'])) : '');
473	+ $layer_video_loop = ((isset($params_array_layer['layer_video_loop'])) ? (int) esc_html(stripslashes($params_array_layer['layer_video_loop'])) : 0);
474	+ $youtube_rel_layer_video = ((isset($params_array_layer['youtube_rel_layer_video'])) ? (int) esc_html(stripslashes($params_array_layer['youtube_rel_layer_video'])) : 0);
475	+ $hotspot_animation = ((isset($params_array_layer['hotspot_animation'])) ? (int) esc_html(stripslashes($params_array_layer['hotspot_animation'])) : 1);
476	$layer_callback_list = ((isset($params_array_layer['layer_callback_list'])) ? esc_html(stripslashes($params_array_layer['layer_callback_list'])) : '');
477	+ $hotspot_text_display = ((isset($params_array_layer['hotspot_text_display'])) ? esc_html(stripslashes($params_array_layer['hotspot_text_display'])) : 'hover');
478	$hover_color_text = ((isset($params_array_layer['hover_color_text'])) ? esc_html(stripslashes($params_array_layer['hover_color_text'])) : '');
479	$text_alignment = ((isset($params_array_layer['text_alignment'])) ? esc_html(stripslashes($params_array_layer['text_alignment'])) : 'center');
480	$link_to_slide = ((isset($params_array_layer['link_to_slide'])) ? (int) esc_html(stripslashes($params_array_layer['link_to_slide'])) : 0);

483	$infinite_in = ((isset($params_array_layer['infinite_in'])) ? (int) esc_html(stripslashes($params_array_layer['infinite_in'])) : 1);
484	$infinite_out = ((isset($params_array_layer['infinite_out'])) ? (int) esc_html(stripslashes($params_array_layer['infinite_out'])) : 1);
485	$min_size = ((isset($params_array_layer['min_size'])) ? (int) esc_html(stripslashes($params_array_layer['min_size'])) : 11);
486	+ $title_dimension = array();
487	+ $title_dimension['title'] = $title;
488	+ $title_dimension['attr_width'] = $attr_width;
489	+ $title_dimension['attr_height'] = $attr_height;
490	+ $title_dimension = json_encode($title_dimension);
491	if ($title) {
492	if (strpos($layer_id, 'pr_') !== FALSE \|\| $save_as_copy) {
493	$save = $wpdb->insert($wpdb->prefix . 'wdslayer', array(
494	'slide_id' => $slide_id_pr,
495	+ 'title' => $title_dimension,
496	'type' => $type,
497	'depth' => $depth,
498	'text' => $text,

536	'hotp_text_position' => $hotp_text_position,
537	'google_fonts' => $google_fonts,
538	'add_class' => $add_class,
539	+ 'layer_video_loop' => $layer_video_loop,
540	+ 'youtube_rel_layer_video' => $youtube_rel_layer_video,
541	+ 'hotspot_animation' => $hotspot_animation,
542	'layer_callback_list' => $layer_callback_list,
543	+ 'hotspot_text_display' => $hotspot_text_display,
544	'hover_color_text' => $hover_color_text,
545	'text_alignment' => $text_alignment,
546	'link_to_slide' => $link_to_slide,

553	}
554	else {
555	$save = $wpdb->update($wpdb->prefix . 'wdslayer', array(
556	+ 'title' => $title_dimension,
557	'type' => $type,
558	'depth' => $depth,
559	'text' => $text,

597	'hotp_text_position' => $hotp_text_position,
598	'google_fonts' => $google_fonts,
599	'add_class' => $add_class,
600	+ 'layer_video_loop' => $layer_video_loop,
601	+ 'youtube_rel_layer_video' => $youtube_rel_layer_video,
602	+ 'hotspot_animation' => $hotspot_animation,
603	'layer_callback_list' => $layer_callback_list,
604	+ 'hotspot_text_display' => $hotspot_text_display,
605	'hover_color_text' => $hover_color_text,
606	'text_alignment' => $text_alignment,
607	'link_to_slide' => $link_to_slide,

723	echo WDW_S_Library::message('Changes must be saved.', 'wd_error');
724	$view->edit($slider_id, TRUE);
725	}
726	+
727	+ public function duplicate($id) {
728	+ $duplicated = $this->duplicate_tables($id);
729	+ if ($duplicated) {
730	+ echo WDW_S_Library::message('Items Succesfully Duplicated.', 'wd_updated');
731	+ }
732	+ else {
733	+ echo WDW_S_Library::message('Failed.', 'wd_error');
734	+ }
735	+ $this->display();
736	}
737
738	+ public function duplicate_all() {
739	global $wpdb;
740	$flag = FALSE;
741	$sliders_ids_col = $wpdb->get_col('SELECT id FROM ' . $wpdb->prefix . 'wdsslider');

962	}
963	}
964	}
965	+ // TODO. need works the other version.
966	+ // $this->create_frontend_js_file( $new_slider_id );
967	return $new_slider_id;
968	}
969

1146	if ($wpdb->query($query)) {
1147	$query_image = $wpdb->prepare('DELETE t1., t2. FROM ' . $wpdb->prefix . 'wdsslide as t1 LEFT JOIN ' . $wpdb->prefix . 'wdslayer as t2 ON t1.id=t2.slide_id WHERE t1.slider_id="%d"', $id);
1148	$wpdb->query($query_image);
1149	+ // TODO. need works the other version.
1150	+ // $this->remove_frontend_js_file( $id );
1151	echo WDW_S_Library::message('Item Succesfully Deleted.', 'wd_updated');
1152	}
1153	else {

1165	$flag = TRUE;
1166	$query = $wpdb->prepare('DELETE FROM ' . $wpdb->prefix . 'wdsslider WHERE id="%d"', $slider_id);
1167	$wpdb->query($query);
1168	+ // TODO. need works the other version.
1169	+ // $this->remove_frontend_js_file( $slider_id );
1170	$query_image = $wpdb->prepare('DELETE t1., t2. FROM ' . $wpdb->prefix . 'wdsslide as t1 LEFT JOIN ' . $wpdb->prefix . 'wdslayer as t2 ON t1.id=t2.slide_id WHERE t1.slider_id="%d"', $slider_id);
1171	$wpdb->query($query_image);
1172	}

1382	return $slider_id;
1383	}
1384
1385	+ /**
1386	+ * create frontend js file.
1387	+ *
1388	+ * @param int $id
1389	+ * @retunr bool
1390	+ */
1391	+ private function create_frontend_js_file( $id ) {
1392	+ require_once WD_S_DIR . "/admin/models/WDSModelSliders_wds.php";
1393	+ $model = new WDSModelSliders_wds();
1394	+ return $model->create_frontend_js_file( $id );
1395	+ }
1396	+
1397	+ /**
1398	+ * Remove frontend js file.
1399	+ *
1400	+ * @param int $id
1401	+ */
1402	+ private function remove_frontend_js_file( $id ) {
1403	+ $wp_upload_dir = wp_upload_dir();
1404	+ if ( is_file($wp_upload_dir['basedir'] . '/slider-wd-scripts/script-' . $id . '.js') ){
1405	+ unlink( $wp_upload_dir['basedir'] . '/slider-wd-scripts/script-' . $id . '.js' );
1406	+ }
1407	+ }
1408	}

admin/controllers/WDSControllerUninstall_wds.php CHANGED Viewed

@@ -1,31 +1,19 @@
             <?php
             class WDSControllerUninstall_wds {
-            -
              ////////////////////////////////////////////////////////////////////////////////////////
-            -
              // Events                                                                             //
-            -
              ////////////////////////////////////////////////////////////////////////////////////////
-            -
              ////////////////////////////////////////////////////////////////////////////////////////
-            -
              // Constants                                                                          //
-            -
              ////////////////////////////////////////////////////////////////////////////////////////
-            -
              ////////////////////////////////////////////////////////////////////////////////////////
-            -
              // Variables                                                                          //
-            -
              ////////////////////////////////////////////////////////////////////////////////////////
-            -
              ////////////////////////////////////////////////////////////////////////////////////////
-            -
              // Constructor & Destructor                                                           //
-            -
              ////////////////////////////////////////////////////////////////////////////////////////
               public function __construct() {
-            -
                global $wds_options;
-            -
                if (!class_exists("DoradoWebConfig")) {
-            -
                  include_once(WD_S_DIR . "/wd/config.php");
+                }
-            -
                $config = new DoradoWebConfig();
-            -
                $config->set_options($wds_options);
-            -
                $deactivate_reasons = new DoradoWebDeactivate($config);
-            -
                $deactivate_reasons->submit_and_deactivate();
+              }
-            -
              ////////////////////////////////////////////////////////////////////////////////////////
-            -
              // Public Methods                                                                     //
-            -
              ////////////////////////////////////////////////////////////////////////////////////////
               public function execute() {
                 $task = ((isset($_POST['task'])) ? esc_html(stripslashes($_POST['task'])) : '');
                 if (method_exists($this, $task)) {
@@ -54,13 +42,4 @@ class WDSControllerUninstall_wds {
                 $view = new WDSViewUninstall_wds($model);
                 $view->uninstall();
+              }
-            -
              ////////////////////////////////////////////////////////////////////////////////////////
-            -
              // Getters & Setters                                                                  //
-            -
              ////////////////////////////////////////////////////////////////////////////////////////
-            -
              ////////////////////////////////////////////////////////////////////////////////////////
-            -
              // Private Methods                                                                    //
-            -
              ////////////////////////////////////////////////////////////////////////////////////////
-            -
              ////////////////////////////////////////////////////////////////////////////////////////
-            -
              // Listeners                                                                          //
-            -
              ////////////////////////////////////////////////////////////////////////////////////////
-            -
            }


1	<?php
2
3	class WDSControllerUninstall_wds {












4	public function __construct() {
5	+ if ( WD_S_FREE ) {
6	+ global $wds_options;
7	+ if ( !class_exists("DoradoWebConfig") ) {
8	+ include_once(WD_S_DIR . "/wd/config.php");
9	+ }
10	+ $config = new DoradoWebConfig();
11	+ $config->set_options($wds_options);
12	+ $deactivate_reasons = new DoradoWebDeactivate($config);
13	+ $deactivate_reasons->submit_and_deactivate();
14	}




15	}
16	+


17	public function execute() {
18	$task = ((isset($_POST['task'])) ? esc_html(stripslashes($_POST['task'])) : '');
19	if (method_exists($this, $task)) {

42	$view = new WDSViewUninstall_wds($model);
43	$view->uninstall();
44	}
45	+ }

admin/controllers/WDSControllerWDSExport.php ADDED Viewed

	@@ -0,0 +1,46 @@


1	+ <?php
2	+
3	+ class WDSControllerWDSExport {
4	+ ////////////////////////////////////////////////////////////////////////////////////////
5	+ // Events //
6	+ ////////////////////////////////////////////////////////////////////////////////////////
7	+ ////////////////////////////////////////////////////////////////////////////////////////
8	+ // Constants //
9	+ ////////////////////////////////////////////////////////////////////////////////////////
10	+ ////////////////////////////////////////////////////////////////////////////////////////
11	+ // Variables //
12	+ ////////////////////////////////////////////////////////////////////////////////////////
13	+ ////////////////////////////////////////////////////////////////////////////////////////
14	+ // Constructor & Destructor //
15	+ ////////////////////////////////////////////////////////////////////////////////////////
16	+ public function __construct() {
17	+ }
18	+ ////////////////////////////////////////////////////////////////////////////////////////
19	+ // Public Methods //
20	+ ////////////////////////////////////////////////////////////////////////////////////////
21	+ public function execute() {
22	+ // $task = WDW_S_Library::get('task');
23	+ // $id = WDW_S_Library::get('slider_id', 0);
24	+ $this->display();
25	+ }
26	+
27	+ public function display() {
28	+ require_once WD_S_DIR . "/admin/models/WDSModelWDSExport.php";
29	+ $model = new WDSModelWDSExport();
30	+
31	+ require_once WD_S_DIR . "/admin/views/WDSViewWDSExport.php";
32	+ $view = new WDSViewWDSExport($model);
33	+ $slider_id = WDW_S_Library::get('current_id');
34	+ $view->display($slider_id);
35	+ }
36	+
37	+ ////////////////////////////////////////////////////////////////////////////////////////
38	+ // Getters & Setters //
39	+ ////////////////////////////////////////////////////////////////////////////////////////
40	+ ////////////////////////////////////////////////////////////////////////////////////////
41	+ // Private Methods //
42	+ ////////////////////////////////////////////////////////////////////////////////////////
43	+ ////////////////////////////////////////////////////////////////////////////////////////
44	+ // Listeners //
45	+ ////////////////////////////////////////////////////////////////////////////////////////
46	+ }

admin/controllers/WDSControllerWidgetSlideshow.php CHANGED Viewed

	@@ -18,12 +18,12 @@ class WDSControllerWidgetSlideshow extends WP_Widget {
18	public function __construct() {
19	$widget_ops = array(
20	'classname' => 'wdslider',
21	- 'description' => 'Add Slider to Your widget area.'
22	);
23	// Widget Control Settings.
24	$control_ops = array('id_base' => 'wdslider');
25	// Create the widget.
26	- parent::__construct('wdslider', 'Slider WD', $widget_ops, $control_ops);
27	require_once WD_S_DIR . "/admin/models/WDSModelWidgetSlideshow.php";
28	$this->model = new WDSModelWidgetSlideshow();
29


18	public function __construct() {
19	$widget_ops = array(
20	'classname' => 'wdslider',
21	+ 'description' => __('Add Slider to Your widget area.', 'wds'),
22	);
23	// Widget Control Settings.
24	$control_ops = array('id_base' => 'wdslider');
25	// Create the widget.
26	+ parent::__construct('wdslider', __('Slider WD', 'wds'), $widget_ops, $control_ops);
27	require_once WD_S_DIR . "/admin/models/WDSModelWidgetSlideshow.php";
28	$this->model = new WDSModelWidgetSlideshow();
29

admin/controllers/embed.php ADDED Viewed

	@@ -0,0 +1,19 @@


1	+ <?php
2	+
3	+ /**
4	+ * Class WDSControllerembed
5	+ */
6	+ class WDSControllerembed {
7	+ public function execute() {
8	+ $this->display();
9	+ }
10	+
11	+ /**
12	+ * Display.
13	+ */
14	+ public function display() {
15	+ require_once WD_S_DIR . "/admin/views/embed.php";
16	+ $view = new WDSViewembed();
17	+ $view->display();
18	+ }
19	+ }

admin/controllers/posts.php ADDED Viewed

	@@ -0,0 +1,22 @@


1	+ <?php
2	+
3	+ /**
4	+ * Class WDSControllerposts
5	+ */
6	+ class WDSControllerposts {
7	+ public function execute() {
8	+ $this->display();
9	+ }
10	+
11	+ /**
12	+ * Display.
13	+ */
14	+ public function display() {
15	+ require_once WD_S_DIR . "/admin/models/posts.php";
16	+ $model = new WDSModelposts();
17	+
18	+ require_once WD_S_DIR . "/admin/views/posts.php";
19	+ $view = new WDSViewposts($model);
20	+ $view->display();
21	+ }
22	+ }

admin/models/WDSModelGoptions_wds.php CHANGED Viewed

	@@ -1,3 +1,2 @@
1	<?php
2	-
3	class WDSModelGoptions_wds {}


1	<?php

2	class WDSModelGoptions_wds {}

admin/models/WDSModelSliders_wds.php CHANGED Viewed

@@ -1,23 +1,8 @@
             <?php
-            -
             class WDSModelSliders_wds {
-            -
              ////////////////////////////////////////////////////////////////////////////////////////
-            -
              // Events                                                                             //
-            -
              ////////////////////////////////////////////////////////////////////////////////////////
-            -
              ////////////////////////////////////////////////////////////////////////////////////////
-            -
              // Constants                                                                          //
-            -
              ////////////////////////////////////////////////////////////////////////////////////////
-            -
              ////////////////////////////////////////////////////////////////////////////////////////
-            -
              // Variables                                                                          //
-            -
              ////////////////////////////////////////////////////////////////////////////////////////
-            -
              ////////////////////////////////////////////////////////////////////////////////////////
-            -
              // Constructor & Destructor                                                           //
-            -
              ////////////////////////////////////////////////////////////////////////////////////////
               public function __construct() {
+              }
-            -
              ////////////////////////////////////////////////////////////////////////////////////////
-            -
              // Public Methods                                                                     //
-            -
              ////////////////////////////////////////////////////////////////////////////////////////
               public function get_slides_count($slider_id) {
                 global $wpdb;
@@ -30,26 +15,23 @@ class WDSModelSliders_wds {
                 $rows = $wpdb->get_results($wpdb->prepare("SELECT * FROM " . $wpdb->prefix . "wdsslide WHERE slider_id='%d' ORDER BY `order` ASC", $slider_id));
                 if (!$rows) {
                   $rows = array();
-            -
                  $rows[0] = new stdClass();
-            -
                  $rows[0]->id = 'pr1';
-            -
                  $rows[0]->title = 'Slide 1';
-            -
                  $rows[0]->type = 'image';
-            -
                  $rows[0]->image_url = '';
-            -
                  $rows[0]->thumb_url = '';
-            -
                  $rows[0]->published = 1;
-            -
                  $rows[0]->link = '';
-            -
                  $rows[0]->order = 1;
-            -
                  $rows[0]->target_attr_slide = 1;
-            -
                  $rows[0]->att_width = 0;
-            -
                  $rows[0]->att_height = 0;
-            -
                  $rows[0]->youtube_rel_video = 0;
-            -
                  $rows[0]->video_loop = 0;
-            -
                  $rows[0]->video_duration = 0;
+                }
                 else {
                   foreach ($rows as $row) {
                     $row->image_url = $row->image_url ? str_replace('{site_url}', site_url(), $row->image_url) : WD_S_URL . '/images/no-image.png';
                     $row->thumb_url = $row->thumb_url ? str_replace('{site_url}', site_url(), $row->thumb_url) : WD_S_URL . '/images/no-image.png';
+                  }
+                }
                 return $rows;
@@ -60,6 +42,16 @@ class WDSModelSliders_wds {
                 $rows = $wpdb->get_results($wpdb->prepare("SELECT * FROM " . $wpdb->prefix . "wdslayer WHERE slide_id='%d' ORDER BY `depth` ASC", $slide_id));
                 foreach ($rows as $row) {
                   $row->image_url = $row->image_url ? str_replace('{site_url}', site_url(), $row->image_url) : WD_S_URL . '/images/no-image.png';
+                }
                 return $rows;
+              }
@@ -127,8 +119,8 @@ class WDSModelSliders_wds {
                     $row->name = '';
+                  }
                   $row->id = $id;
-            -
                  $row->width = 800;
-            -
                  $row->height = 300;
                   $row->full_width = 0;
                   $row->bg_fit = 'cover';
                   $row->align = 'center';
@@ -262,13 +254,53 @@ class WDSModelSliders_wds {
                 return $page_nav;
+              }
-            -
              ////////////////////////////////////////////////////////////////////////////////////////
-            -
              // Getters & Setters                                                                  //
-            -
              ////////////////////////////////////////////////////////////////////////////////////////
-            -
              ////////////////////////////////////////////////////////////////////////////////////////
-            -
              // Private Methods                                                                    //
-            -
              ////////////////////////////////////////////////////////////////////////////////////////
-            -
              ////////////////////////////////////////////////////////////////////////////////////////
-            -
              // Listeners                                                                          //
-            -
              ////////////////////////////////////////////////////////////////////////////////////////
+            }


1	<?php

2	class WDSModelSliders_wds {
3	+











4	public function __construct() {
5	}



6
7	public function get_slides_count($slider_id) {
8	global $wpdb;

15	$rows = $wpdb->get_results($wpdb->prepare("SELECT * FROM " . $wpdb->prefix . "wdsslide WHERE slider_id='%d' ORDER BY `order` ASC", $slider_id));
16	if (!$rows) {
17	$rows = array();















18	}
19	else {
20	foreach ($rows as $row) {
21	$row->image_url = $row->image_url ? str_replace('{site_url}', site_url(), $row->image_url) : WD_S_URL . '/images/no-image.png';
22	$row->thumb_url = $row->thumb_url ? str_replace('{site_url}', site_url(), $row->thumb_url) : WD_S_URL . '/images/no-image.png';
23	+ $title_dimension = json_decode($row->title);
24	+ if ($title_dimension) {
25	+ $row->att_width = isset($title_dimension->att_width) ? $title_dimension->att_width : 0;
26	+ $row->att_height = isset($title_dimension->att_height) ? $title_dimension->att_height : 0;
27	+ $row->video_duration = isset($title_dimension->video_duration) ? $title_dimension->video_duration : 0;
28	+ $row->title = isset($title_dimension->title) ? $title_dimension->title : '';
29	+ }
30	+ else {
31	+ $row->att_width = 0;
32	+ $row->att_height = 0;
33	+ $row->video_duration = 0;
34	+ }
35	}
36	}
37	return $rows;

42	$rows = $wpdb->get_results($wpdb->prepare("SELECT * FROM " . $wpdb->prefix . "wdslayer WHERE slide_id='%d' ORDER BY `depth` ASC", $slide_id));
43	foreach ($rows as $row) {
44	$row->image_url = $row->image_url ? str_replace('{site_url}', site_url(), $row->image_url) : WD_S_URL . '/images/no-image.png';
45	+ $title_dimension = json_decode($row->title);
46	+ if ($title_dimension) {
47	+ $row->attr_width = $title_dimension->attr_width;
48	+ $row->attr_height = $title_dimension->attr_height;
49	+ $row->title = $title_dimension->title;
50	+ }
51	+ else {
52	+ $row->attr_width = 0;
53	+ $row->attr_height = 0;
54	+ }
55	}
56	return $rows;
57	}

119	$row->name = '';
120	}
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';

254	return $page_nav;
255	}
256
257	+ /**
258	+ * Create Preview Slider post.
259	+ *
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 "";
290	+ }
291	+ }
292	+ }
293	+
294	+ /*
295	+ * Create frontend js file.
296	+ *
297	+ * @param int int
298	+ * @return bool
299	+ */
300	+ public function create_frontend_js_file( $id ) {
301	+ $create_js = WDW_S_Library::create_frontend_js_file( $id );
302	+ global $wpdb;
303	+ $update = $wpdb->update( $wpdb->prefix . 'wdsslider', array('jsversion' => rand()), array('id' => $id) );
304	+ return $update;
305	+ }
306	}

admin/models/WDSModelUninstall_wds.php CHANGED Viewed

	@@ -5,6 +5,7 @@ class WDSModelUninstall_wds {
5	}
6	public function delete_db_tables() {
7	global $wpdb;

8	$wpdb->query("DROP TABLE " . $wpdb->prefix . "wdsslider");
9	$wpdb->query("DROP TABLE " . $wpdb->prefix . "wdsslide");
10	$wpdb->query("DROP TABLE " . $wpdb->prefix . "wdslayer");
	@@ -13,5 +14,8 @@ class WDSModelUninstall_wds {
13	delete_option("wds_theme_version");
14	delete_option("wds_global_options");
15	delete_option("wds_subscribe_done");



16	}
17	}


5	}
6	public function delete_db_tables() {
7	global $wpdb;
8	+
9	$wpdb->query("DROP TABLE " . $wpdb->prefix . "wdsslider");
10	$wpdb->query("DROP TABLE " . $wpdb->prefix . "wdsslide");
11	$wpdb->query("DROP TABLE " . $wpdb->prefix . "wdslayer");

14	delete_option("wds_theme_version");
15	delete_option("wds_global_options");
16	delete_option("wds_subscribe_done");
17	+
18	+ $wds_post_type = $wpdb->get_var("SELECT id FROM " . $wpdb->prefix . "posts WHERE post_type = 'wds-slider'");
19	+ wp_delete_post($wds_post_type);
20	}
21	}

admin/models/WDSModelWDSExport.php ADDED Viewed

	@@ -0,0 +1,115 @@


1	+ <?php
2	+
3	+ class WDSModelWDSExport {
4	+ ////////////////////////////////////////////////////////////////////////////////////////
5	+ // Events //
6	+ ////////////////////////////////////////////////////////////////////////////////////////
7	+ ////////////////////////////////////////////////////////////////////////////////////////
8	+ // Constants //
9	+ ////////////////////////////////////////////////////////////////////////////////////////
10	+ ////////////////////////////////////////////////////////////////////////////////////////
11	+ // Variables //
12	+ ////////////////////////////////////////////////////////////////////////////////////////
13	+ ////////////////////////////////////////////////////////////////////////////////////////
14	+ // Constructor & Destructor //
15	+ ////////////////////////////////////////////////////////////////////////////////////////
16	+ public function __construct() {
17	+ }
18	+ ////////////////////////////////////////////////////////////////////////////////////////
19	+ // Public Methods //
20	+ ////////////////////////////////////////////////////////////////////////////////////////
21	+
22	+ public function export_one() {
23	+ global $wpdb;
24	+ $slider_id = WDW_S_Library::get('current_id', 0);
25	+ $sliders_to_export = $wpdb->get_results($wpdb->prepare('SELECT * FROM ' . $wpdb->prefix . 'wdsslider where id="%d"', $slider_id));
26	+ foreach ($sliders_to_export as $slider) {
27	+ $slider->music_url = str_replace('{site_url}', site_url(), $slider->music_url);
28	+ $slider->built_in_watermark_url = str_replace('{site_url}', site_url(), $slider->built_in_watermark_url);
29	+ $slider->right_butt_url = str_replace('{site_url}', site_url(), $slider->right_butt_url);
30	+ $slider->left_butt_url = str_replace('{site_url}', site_url(), $slider->left_butt_url);
31	+ $slider->right_butt_hov_url = str_replace('{site_url}', site_url(), $slider->right_butt_hov_url);
32	+ $slider->left_butt_hov_url = str_replace('{site_url}', site_url(), $slider->left_butt_hov_url);
33	+ $slider->bullets_img_main_url = str_replace('{site_url}', site_url(), $slider->bullets_img_main_url);
34	+ $slider->bullets_img_hov_url = str_replace('{site_url}', site_url(), $slider->bullets_img_hov_url);
35	+ $slider->play_butt_url = str_replace('{site_url}', site_url(), $slider->play_butt_url);
36	+ $slider->play_butt_hov_url = str_replace('{site_url}', site_url(), $slider->play_butt_hov_url);
37	+ $slider->paus_butt_url = str_replace('{site_url}', site_url(), $slider->paus_butt_url);
38	+ $slider->paus_butt_hov_url = str_replace('{site_url}', site_url(), $slider->paus_butt_hov_url);
39	+ $slides = $wpdb->get_results($wpdb->prepare('SELECT * FROM ' . $wpdb->prefix . 'wdsslide WHERE slider_id="%d"', $slider->id));
40	+
41	+ if ($slides) {
42	+ foreach ($slides as $slide) {
43	+ $slide->image_url = str_replace('{site_url}', site_url(), $slide->image_url);
44	+ $slide->thumb_url = str_replace('{site_url}', site_url(), $slide->thumb_url);
45	+
46	+ $slidelayers = $wpdb->get_results($wpdb->prepare('SELECT * FROM ' . $wpdb->prefix . 'wdslayer WHERE slide_id="%d"', $slide->id));
47	+ foreach ($slidelayers as $layer) {
48	+ $layer->image_url = str_replace('{site_url}', site_url(), $layer->image_url);
49	+ }
50	+ $slide->slidelayers = $slidelayers;
51	+ }
52	+ }
53	+ $slider->slides = $slides;
54	+ }
55	+ return $sliders_to_export;
56	+ }
57	+
58	+ public function export_full() {
59	+ global $wpdb;
60	+ $slider_ids_string = WDW_S_Library::get('slider_ids', 0);
61	+ $slider_ids_string = rtrim($slider_ids_string, ",");
62	+ $slider_ids = explode(',', $slider_ids_string);
63	+ $sliders_to_export = array();
64	+ if ($slider_ids_string == 'all') {
65	+ $sliders = $wpdb->get_results('SELECT * FROM ' . $wpdb->prefix . 'wdsslider');
66	+ }
67	+ else {
68	+ $sliders = $wpdb->get_results('SELECT * FROM ' . $wpdb->prefix . 'wdsslider WHERE id IN (' . $slider_ids_string . ')');
69	+ }
70	+ foreach ($sliders as $slider) {
71	+ array_push($sliders_to_export, $slider);
72	+ }
73	+ foreach ($sliders_to_export as $slider) {
74	+ $slider->music_url = str_replace('{site_url}', site_url(), $slider->music_url);
75	+ $slider->built_in_watermark_url = str_replace('{site_url}', site_url(), $slider->built_in_watermark_url);
76	+ $slider->right_butt_url = str_replace('{site_url}', site_url(), $slider->right_butt_url);
77	+ $slider->left_butt_url = str_replace('{site_url}', site_url(), $slider->left_butt_url);
78	+ $slider->right_butt_hov_url = str_replace('{site_url}', site_url(), $slider->right_butt_hov_url);
79	+ $slider->left_butt_hov_url = str_replace('{site_url}', site_url(), $slider->left_butt_hov_url);
80	+ $slider->bullets_img_main_url = str_replace('{site_url}', site_url(), $slider->bullets_img_main_url);
81	+ $slider->bullets_img_hov_url = str_replace('{site_url}', site_url(), $slider->bullets_img_hov_url);
82	+ $slider->play_butt_url = str_replace('{site_url}', site_url(), $slider->play_butt_url);
83	+ $slider->play_butt_hov_url = str_replace('{site_url}', site_url(), $slider->play_butt_hov_url);
84	+ $slider->paus_butt_url = str_replace('{site_url}', site_url(), $slider->paus_butt_url);
85	+ $slider->paus_butt_hov_url = str_replace('{site_url}', site_url(), $slider->paus_butt_hov_url);
86	+ $slides = $wpdb->get_results($wpdb->prepare('SELECT * FROM ' . $wpdb->prefix . 'wdsslide WHERE slider_id="%d"', $slider->id));
87	+
88	+ $slides = $wpdb->get_results($wpdb->prepare('SELECT * FROM ' . $wpdb->prefix . 'wdsslide WHERE slider_id="%d"', $slider->id));
89	+ if ($slides) {
90	+ foreach ($slides as $slide) {
91	+ $slide->image_url = str_replace('{site_url}', site_url(), $slide->image_url);
92	+ $slide->thumb_url = str_replace('{site_url}', site_url(), $slide->thumb_url);
93	+
94	+ $slidelayers = $wpdb->get_results($wpdb->prepare('SELECT * FROM ' . $wpdb->prefix . 'wdslayer WHERE slide_id="%d"', $slide->id));
95	+ foreach ($slidelayers as $layer) {
96	+ $layer->image_url = str_replace('{site_url}', site_url(), $layer->image_url);
97	+ }
98	+ $slide->slidelayers = $slidelayers;
99	+ }
100	+ }
101	+ $slider->slides = $slides;
102	+ }
103	+ return $sliders_to_export;
104	+ }
105	+
106	+ ////////////////////////////////////////////////////////////////////////////////////////
107	+ // Getters & Setters //
108	+ ////////////////////////////////////////////////////////////////////////////////////////
109	+ ////////////////////////////////////////////////////////////////////////////////////////
110	+ // Private Methods //
111	+ ////////////////////////////////////////////////////////////////////////////////////////
112	+ ////////////////////////////////////////////////////////////////////////////////////////
113	+ // Listeners //
114	+ ////////////////////////////////////////////////////////////////////////////////////////
115	+ }

admin/models/posts.php ADDED Viewed

	@@ -0,0 +1,65 @@


1	+ <?php
2	+
3	+ /**
4	+ * Class WDSModelposts
5	+ */
6	+ class WDSModelposts {
7	+ public function get_rows_data() {
8	+ $search_value = ((isset($_POST['search_value'])) ? esc_html(stripslashes($_POST['search_value'])) : '');
9	+ $category_id = ((isset($_POST['category_id']) && esc_html(stripslashes($_POST['category_id'])) != -1) ? esc_html(stripslashes($_POST['category_id'])) : '');
10	+ $category_name = $category_id ? get_the_category_by_ID($category_id) : '';
11	+ $asc_or_desc = ((isset($_POST['asc_or_desc'])) ? esc_html(stripslashes($_POST['asc_or_desc'])) : 'ASC');
12	+ $order_by = (isset($_POST['order_by']) ? esc_html(stripslashes($_POST['order_by'])) : 'date');
13	+ if (isset($_POST['page_number']) && $_POST['page_number']) {
14	+ $limit = ((int) $_POST['page_number'] - 1) * 20;
15	+ }
16	+ else {
17	+ $limit = 0;
18	+ }
19	+ $page_limit = (int) ($limit / 20 + 1);
20	+ $args = array(
21	+ 'posts_per_page' => 255,
22	+ 'category_name' => $category_name,
23	+ 'orderby' => $order_by,
24	+ 'order' => $asc_or_desc,
25	+ 'post_status' => 'publish',
26	+ );
27	+
28	+ $posts = get_posts($args);
29	+ $row = array();
30	+ $counter = 0;
31	+ for ($i = 0; $i < count($posts); $i++) {
32	+ $post = $posts[$i];
33	+ if (has_post_thumbnail($post->ID) && (!$search_value \|\| (stristr($post->post_title, $search_value) !== FALSE))) {
34	+ $counter++;
35	+ if ($counter > $limit && $counter <= $limit + 20) {
36	+ $row[$post->ID] = new stdClass();
37	+ $row[$post->ID]->id = $post->ID;
38	+ $image_url = wp_get_attachment_image_src(get_post_thumbnail_id($post->ID), 'full');
39	+ $row[$post->ID]->image_url = $image_url[0];
40	+ $thumb_url = wp_get_attachment_image_src(get_post_thumbnail_id($post->ID), 'thumbnail');
41	+ $row[$post->ID]->thumb_url = $thumb_url[0] ? $thumb_url[0] : $image_url[0];
42	+ $row[$post->ID]->title = $post->post_title;
43	+ $row[$post->ID]->date = $post->post_date;
44	+ $row[$post->ID]->modified = $post->post_modified;
45	+ $row[$post->ID]->type = $post->post_type;
46	+ $row[$post->ID]->author = get_the_author_meta('display_name', $post->post_author);
47	+ $row[$post->ID]->link = get_permalink($post->ID);
48	+ $row[$post->ID]->content = $this->add_more_link(strip_tags($post->post_content), 250);
49	+ }
50	+ }
51	+ }
52	+
53	+ return array($row, $counter, $page_limit);
54	+ }
55	+
56	+ public function add_more_link($content, $charlength) {
57	+ if (mb_strlen($content) > $charlength) {
58	+ $subex = mb_substr($content, 0, $charlength);
59	+ return $subex . '<a target="_blank" class="wds_more"> ...</a>';
60	+ }
61	+ else {
62	+ return $content;
63	+ }
64	+ }
65	+ }

admin/views/WDSViewGoptions_wds.php CHANGED Viewed

@@ -1,28 +1,13 @@
             <?php
-            -
             class WDSViewGoptions_wds {
-            -
              ////////////////////////////////////////////////////////////////////////////////////////
-            -
              // Events                                                                             //
-            -
              ////////////////////////////////////////////////////////////////////////////////////////
-            -
              ////////////////////////////////////////////////////////////////////////////////////////
-            -
              // Constants                                                                          //
-            -
              ////////////////////////////////////////////////////////////////////////////////////////
-            -
              ////////////////////////////////////////////////////////////////////////////////////////
-            -
              // Variables                                                                          //
-            -
              ////////////////////////////////////////////////////////////////////////////////////////
               private $model;
-            -
              ////////////////////////////////////////////////////////////////////////////////////////
-            -
              // Constructor & Destructor                                                           //
-            -
              ////////////////////////////////////////////////////////////////////////////////////////
               public function __construct($model) {
                 $this->model = $model;
+              }
-            -
              ////////////////////////////////////////////////////////////////////////////////////////
-            -
              // Public Methods                                                                     //
-            -
              ////////////////////////////////////////////////////////////////////////////////////////
-            -
              public function display() {
                 $default_layer_fweights = array(
                   'lighter' => __('Lighter', 'wds'),
                   'normal' => __('Normal', 'wds'),
@@ -128,201 +113,187 @@ class WDSViewGoptions_wds {
                   $global_options->loading_gif = get_option("wds_loading_gif", 0);
                   $global_options->register_scripts = get_option("wds_register_scripts", 0);
+                }
-            -
                 ?>
-            -
                <div class="clear"></div>
-            -
                <form class="wrap wds_form" id="sliders_form" method="post" action="admin.php?page=goptions_wds" style="width: 98%;" enctype="multipart/form-data">
                   <?php wp_nonce_field('nonce_wd', 'nonce_wd'); ?>
-            -
                  <div class="wds-options-page-banner">
-            -
                    <div class="wds-options-logo"></div>
-            -
            				<div class="wds-options-logo-title">
-            -
            					<?php _e('Global Options', 'wds'); ?>
             				</div>
-            -
                    <div class="wds-page-actions">
-            -
            			   <button class="wds_button-secondary wds_save_slider" onclick="spider_set_input_value('task', 'save');">
-            -
                      <span></span>
-            -
                      <?php _e('Save', 'wds'); ?>
-            -
            				 </button>
-            -
            		  	</div>
-            -
                  </div>
-            -
                  <table>
-            -
            			  <tbody>
-            -
                      <tr>
-            -
                        <td class="spider_label"><label><?php _e('Include scripts/styles only on necessary pages', 'wds'); ?>:</label></td>
-            -
                           <td>
-            -
                            <input type="radio" id="register_scripts1" name="register_scripts" <?php echo (($global_options->register_scripts == 1)? "checked='checked'" : ""); ?> value="1" /><label <?php echo ($global_options->register_scripts ? 'class="selected_color"' : ''); ?> for="register_scripts1"><?php _e('Yes', 'wds'); ?></label>
-            -
                            <input type="radio" id="register_scripts0" name="register_scripts" <?php echo (($global_options->register_scripts == 0)? "checked='checked'" : ""); ?> value="0" /><label <?php echo ($global_options->register_scripts ? '' : 'class="selected_color"'); ?> for="register_scripts0"><?php _e('No', 'wds'); ?></label>
-            -
                            <div class="spider_description"><?php _e('Helps to decrease page load time. Might not function with some custom themes.', 'wds'); ?></div>
-            -
                         </td>
-            -
                      </tr>
-            -
                      <tr>
-            -
                        <td class="spider_label">
-            -
                          <label for="loading_gif"><?php _e('Loading icon:', 'wds'); ?></label>
-            -
                        </td>
-            -
                        <td>
-            -
                          <select class="select_icon select_icon_320 select_gif" name="loading_gif" id="loading_gif" onchange="wds_loading_gif(jQuery(this).val(), '<?php echo WD_S_URL ?>')">
-            -
                            <?php
-            -
                            foreach ($loading_gifs as $key => $loading_gif) {
-            -
                              ?>
-            -
                          <option value="<?php echo $key; ?>" <?php if ($global_options->loading_gif == $key) echo 'selected="selected"'; ?>><?php echo $loading_gif; ?></option>
-            -
                              <?php
-            -
                            }
-            -
                            ?>
-            -
                          </select>
-            -
                          <fieldset class="wds_fieldset wds_center">
-            -
                            <legend><?php _e('Preview', 'wds'); ?></legend>
-            -
                            <img id="load_gif_img" class="load_gif_img" src="<?php echo WD_S_URL . '/images/loading/' . $global_options->loading_gif . '.gif'; ?>" />
-            -
                          </fieldset>
-            -
                          <div class="spider_description"></div>
-            -
                        </td>
-            -
                      </tr>
-            -
                      <tr>
-            -
                        <td class="spider_label"><label><?php _e('Turn SliderWD Media Upload', 'wds'); ?>:</label></td>
-            -
                        <td>
-            -
                          <input type="radio" id="spider_uploader1" name="spider_uploader" <?php echo (($global_options->spider_uploader == 1)? "checked='checked'" : ""); ?> value="1" /><label <?php echo ($global_options->spider_uploader ? 'class="selected_color"' : ''); ?> for="spider_uploader1"><?php _e('Yes', 'wds'); ?></label>
-            -
                          <input type="radio" id="spider_uploader0" name="spider_uploader" <?php echo (($global_options->spider_uploader == 0)? "checked='checked'" : ""); ?> value="0" /><label <?php echo ($global_options->spider_uploader ? '' : 'class="selected_color"'); ?> for="spider_uploader0"><?php _e('No', 'wds'); ?></label>
-            -
                          <div class="spider_description"><?php _e('Choose the option to use the custom media upload instead of the WordPress default for adding images.', 'wds'); ?></div>
-            -
                        </td>
-            -
                      </tr>
-            -
                      <tr>
-            -
                        <td class="spider_label"><label for="possib_add_ffamily_input"><?php _e('Add font-family:', 'wds'); ?> </label></td>
-            -
                        <td>
-            -
                          <input type="text" id="possib_add_ffamily_input" value="" class="spider_box_input"/>
-            -
                          <input type="hidden" id="possib_add_ffamily" name="possib_add_ffamily" value="<?php echo $global_options->possib_add_ffamily; ?>"/>
-            -
                          <input type="hidden" id="possib_add_ffamily_google" name="possib_add_ffamily_google" value="<?php echo $global_options->possib_add_ffamily_google; ?>"/>
-            -
                          <input id="possib_add_google_fonts" type="checkbox" name="possib_add_google_fonts" value="1"/><label for="possib_add_google_fonts"><?php _e('Add to Google fonts', 'wds'); ?></label>
-            -
                          <input id="add_font_family" class="wds_not_image_buttons" type="button" onclick="set_ffamily_value();spider_set_input_value('task', 'save_font_family');spider_form_submit(event, 'sliders_form')" value="<?php _e('Add font-family', 'wds'); ?>"/>
-            -
                          <div class="spider_description"><?php _e('The added font family will appear in the drop-down list of fonts.', 'wds'); ?></div>
-            -
                        </td>
-            -
                      </tr>
-            -
                    </tbody>
-            -
                  </table>
-            -
                  <fieldset class="wds_fieldset" disabled="disabled">
-            -
                    <legend><?php _e('Default options for layers', 'wds'); ?></legend>
-            -
                    <div class="wd_error" style="padding: 5px; font-size: 14px; color: #000000 !important;"><?php _e('This functionality is disabled in free version.', 'wds'); ?></div>
-            -
                    <table>
-            -
                      <tbody>
-            -
                        <tr>
-            -
                          <td class="spider_label">
-            -
                            <label for="default_layer_ffamily"><?php _e('Font family:', 'wds'); ?></label>
-            -
                          </td>
-            -
                          <td>
-            -
                            <select class="select_icon select_icon_320" style="width: 200px;" id="default_layer_ffamily" onchange="wds_change_fonts('', 1)" name="default_layer_ffamily">
-            -
                              <?php
-            -
                              $fonts = (isset($global_options->default_layer_google_fonts) && $global_options->default_layer_google_fonts) ? $google_fonts : $font_families;
-            -
                              foreach ($fonts as $key => $font_family) {
-            -
                                ?>
-            -
                                <option value="<?php echo $key; ?>" <?php echo (($global_options->default_layer_ffamily == $key) ? 'selected="selected"' : ''); ?>><?php echo $font_family; ?></option>
-            -
                                <?php
-            -
                              }
-            -
                              ?>
-            -
                            </select>
-            -
                            <input id="default_layer_google_fonts1" type="radio" name="default_layer_google_fonts" value="1" <?php echo (($global_options->default_layer_google_fonts) ? 'checked="checked"' : ''); ?> onchange="wds_change_fonts()" />
-            -
                            <label for="default_layer_google_fonts1"><?php __('Google fonts', 'wds'); ?></label>
-            -
                            <input id="default_layer_google_fonts0" type="radio" name="default_layer_google_fonts" value="0" <?php echo (($global_options->default_layer_google_fonts) ? '' : 'checked="checked"'); ?> onchange="wds_change_fonts()" />
-            -
                            <label for="default_layer_google_fonts0"><?php _e('Default', 'wds'); ?></label>
-            -
                            <div class="spider_description"></div>
-            -
                          </td>
-            -
                        </tr>
-            -
                        <tr>
-            -
                          <td class="spider_label">
-            -
                            <label for="default_layer_fweight"><?php _e('Font weight:', 'wds'); ?></label>
-            -
                          </td>
-            -
                          <td>
-            -
                            <select class="select_icon select_icon_320" style="width:70px" id="default_layer_fweight"  name="default_layer_fweight">
-            -
                              <?php
-            -
                              foreach ($default_layer_fweights as $key => $default_layer_fweight) {
-            -
                                ?>
-            -
                                <option value="<?php echo $key; ?>" <?php echo (($global_options->default_layer_fweight == $key) ? 'selected="selected"' : ''); ?>><?php echo $default_layer_fweight; ?></option>
-            -
                                <?php
-            -
                              }
-            -
                              ?>
-            -
                            </select>
-            -
                            <div class="spider_description"></div>
-            -
                          </td>
-            -
                        </tr>
-            -
                        <tr>
-            -
                          <td class="spider_label">
-            -
                            <label for="default_layer_effect_in"><?php _e('Effect In:' , 'wds'); ?></label>
-            -
                          </td>
-            -
                          <td>
-            -
                            <span style="display: table-cell;">
-            -
                              <input id="default_layer_start" class="spider_int_input" type="text" value="<?php echo $global_options->default_layer_start; ?>" name="default_layer_start"/><?php _e('ms' , 'wds'); ?>
-            -
                              <div class="spider_description"><?php __('Start', 'wds'); ?></div>
-            -
                            </span>
-            -
                            <span style="display: table-cell;">
-            -
                              <select class="select_icon select_icon_320" name="default_layer_effect_in" id="default_layer_effect_in" style="width:150px;">
-            -
                              <?php
-            -
                              foreach ( $default_layer_effects_in as $key => $default_layer_effect_in ) {
-            -
                                ?>
-            -
                                <option value="<?php echo $key; ?>" <?php if ( $global_options->default_layer_effect_in == $key ) {
-            -
                                  echo 'selected="selected"';
-            -
                                } ?>><?php echo $default_layer_effect_in; ?></option>
-            -
                                <?php
-            -
                              }
-            -
                              ?>
-            -
                              </select>
-            -
                              <div class="spider_description"><?php _e('Effect', 'wds'); ?></div>
-            -
                            </span>
-            -
                            <span style="display: table-cell;">
-            -
                              <input id="default_layer_duration_eff_in" class="spider_int_input" type="text" value="<?php echo $global_options->default_layer_duration_eff_in; ?>" name="default_layer_duration_eff_in"/><?php _e('ms' , 'wds'); ?>
-            -
                              <div class="spider_description"><?php _e('Duration', 'wds'); ?></div>
-            -
                            </span>
-            -
                            <span style="display: table-cell;">
-            -
                              <input id="default_layer_infinite_in" type="text" name="default_layer_infinite_in" value="<?php echo $global_options->default_layer_infinite_in; ?>" class="spider_int_input" title="0 for play infinte times" />
-            -
                              <div class="spider_description"><?php _e('Iteration', 'wds'); ?></div>
-            -
                            </span>
-            -
                          </td>
-            -
                        </tr>
-            -
                        <tr>
-            -
                          <td class="spider_label">
-            -
                            <label for="default_layer_effect_out"><?php _e('Effect Out:','wds'); ?></label>
-            -
                          </td>
-            -
                          <td>
-            -
                            <span style="display: table-cell;">
-            -
                              <input id="default_layer_end" class="spider_int_input" type="text" value="<?php echo $global_options->default_layer_end; ?>" name="default_layer_end"><?php _e('ms' , 'wds'); ?>
-            -
                              <div class="spider_description"><?php _e('Start', 'wds'); ?></div>
-            -
                            </span>
-            -
                            <span style="display: table-cell;">
-            -
                              <select class="select_icon select_icon_320" name="default_layer_effect_out" id="default_layer_effect_out" style="width:150px;">
-            -
                              <?php
-            -
                              foreach ($default_layer_effects_out as $key => $default_layer_effect_out) {
-            -
                                ?>
-            -
                                <option value="<?php echo $key; ?>" <?php if ($global_options->default_layer_effect_out == $key) echo 'selected="selected"'; ?>><?php echo $default_layer_effect_out; ?></option>
-            -
                                <?php
-            -
                              }
-            -
                              ?>
-            -
                              </select>
-            -
                              <div class="spider_description"><?php _e('Effect', 'wds'); ?></div>
-            -
                            </span>
-            -
                            <span style="display: table-cell;">
-            -
                              <input id="default_layer_duration_eff_out" class="spider_int_input" type="text" onkeypress="return spider_check_isnum(event)" value="<?php echo $global_options->default_layer_duration_eff_out; ?>" name="default_layer_duration_eff_out">ms
-            -
                              <div class="spider_description"><?php _e('Duration', 'wds'); ?></div>
-            -
                            </span>
-            -
                            <span style="display: table-cell;">
-            -
                              <input id="default_layer_infinite_out" type="text" name="default_layer_infinite_out" value="<?php echo $global_options->default_layer_infinite_out; ?>" class="spider_int_input" title="0 for play infinte times" />
-            -
                              <div class="spider_description"><?php _e('Iteration', 'wds'); ?></div>
-            -
                            </span>
-            -
                          </td>
-            -
                        </tr>
-            -
                        <tr>
-            -
                          <td title="Add class" class="spider_label">
-            -
                            <label for="default_layer_add_class"><?php _e('Add class:', 'wds'); ?> </label>
-            -
                          </td>
-            -
                          <td>
-            -
                            <input id="default_layer_add_class" class="spider_char_input" type="text" value="<?php echo $global_options->default_layer_add_class; ?>" name="default_layer_add_class" />
-            -
                         </td>
-            -
                        </tr>
-            -
                        <tr>
-            -
                          <td colspan="2" style="text-align: right;">
-            -
                            <input type="button" class="wds_buttons_320 action_buttons add_posts wds_free_button button_padding" value="<?php _e('Apply to existing layers', 'wds'); ?>"/>
-            -
                          </td>
-            -
                        </tr>
-            -
                      </tbody>
-            -
                    </table>
-            -
                  </fieldset>
-            -
                  <input id="task" name="task" type="hidden" value="" />
-            -
                </form>
                 <?php
+              }
+            }


1	<?php

2	class WDSViewGoptions_wds {
3	+








4	private $model;
5



6	public function __construct($model) {
7	$this->model = $model;
8	}



9
10	+ public function display($sliders) {
11	$default_layer_fweights = array(
12	'lighter' => __('Lighter', 'wds'),
13	'normal' => __('Normal', 'wds'),

113	$global_options->loading_gif = get_option("wds_loading_gif", 0);
114	$global_options->register_scripts = get_option("wds_register_scripts", 0);
115	}
116	+ $uninstall_href = add_query_arg( array( 'page' => 'uninstall_wds'), admin_url('admin.php') );
117	?>
118	+ <div class="clear"></div>
119	+ <div class="wrap">
120	+ <form id="sliders_form" class="wds_options_form" method="post" action="admin.php?page=goptions_wds" enctype="multipart/form-data">
121	<?php wp_nonce_field('nonce_wd', 'nonce_wd'); ?>
122	+ <div class="wds-options-page-banner">
123	+ <div class="wds-options-logo"></div>
124	+ <div class="wds-options-logo-title"><?php _e('Options', 'wds'); ?></div>
125	+ <div class="wds-page-actions">
126	+ <button class="button button-primary" onclick="spider_set_input_value('task', 'save');"><?php _e('Save', 'wds'); ?></button>
127	+ </div>
128	+ </div>
129	+ <div class="wd-table">
130	+ <div class="wd-table-col wd-table-col-50 wd-table-col-left">
131	+ <div class="wd-box-section">
132	+ <div class="wd-box-title">
133	+ <strong><?php _e('Global Options', 'wds'); ?></strong>
134	+ </div>
135	+ <div class="wd-box-content">
136	+ <div class="wd-group">
137	+ <label class="wd-label"><?php _e('Enable WD Media Uploader', 'wds'); ?></label>
138	+ <input type="radio" id="spider_uploader1" name="spider_uploader" <?php echo (($global_options->spider_uploader == 1)? "checked='checked'" : ""); ?> value="1" /><label <?php echo ($global_options->spider_uploader ? 'class="selected_color"' : ''); ?> for="spider_uploader1"><?php _e('Yes', 'wds'); ?></label>
139	+ <input type="radio" id="spider_uploader0" name="spider_uploader" <?php echo (($global_options->spider_uploader == 0)? "checked='checked'" : ""); ?> value="0" /><label <?php echo ($global_options->spider_uploader ? '' : 'class="selected_color"'); ?> for="spider_uploader0"><?php _e('No', 'wds'); ?></label>
140	+ <p class="description"><?php _e('Enabling this option lets you use custom media uploader to add images, instead of WordPress Media Library.', 'wds'); ?></p>
141	+ </div>
142	+ <div class="wd-group">
143	+ <label for="loading_gif" class="wd-label"><?php _e('Loading icon', 'wds'); ?></label>
144	+ <select class="select_icon select_icon_320 select_gif" name="loading_gif" id="loading_gif" onchange="wds_loading_gif(jQuery(this).val(), '<?php echo WD_S_URL ?>')">
145	+ <?php foreach ($loading_gifs as $key => $loading_gif) { ?>
146	+ <option value="<?php echo $key; ?>" <?php if ($global_options->loading_gif == $key) echo 'selected="selected"'; ?>><?php echo $loading_gif; ?></option>
147	+ <?php } ?>
148	+ </select>
149	+ <span class="button wds_fieldset_img_preview" onclick="wds_loading_preview()"><?php _e('Preview', 'wds'); ?></span>
150	+ <div class="wds_fieldset_img">
151	+ <img id="load_gif_img" src="<?php echo WD_S_URL . '/images/loading/' . $global_options->loading_gif . '.gif'; ?>" />
152	+ </div>
153	+ </div>
154	+ <div class="wd-group">
155	+ <label class="wd-label"><?php _e('Uninstall Slider WD', 'wds'); ?></label>
156	+ <a class="button" href="<?php echo $uninstall_href ?>"><?php _e('Uninstall', 'wds'); ?></a>
157	+ </div>
158	+ </div>
159	+ </div>
160	+ </div>
161	+ <div class="wd-table-col wd-table-col-50 wd-table-col-right">
162	+ <div class="wd-box-section">
163	+ <div class="wd-box-title">
164	+ <strong><?php _e('Default options for layers', 'wds'); ?></strong>
165	+ </div>
166	+ <div class="wd-box-content<?php echo (WD_S_FREE ? ' wd-free' : ''); ?>">
167	+ <?php
168	+ if ( WD_S_FREE ) {
169	+ echo WDW_S_Library::message_id(0, __('This functionality is disabled in free version.', 'wds'), 'error');
170	+ }
171	+ ?>
172	+ <div class="wd-group">
173	+ <label class="wd-label" for="default_layer_ffamily"><?php _e('Font', 'wds'); ?></label>
174	+ <input <?php echo (WD_S_FREE ? 'disabled="disabled" title="' . __('This functionality is disabled in free version.', 'wds') . '"' : ''); ?> id="default_layer_google_fonts1" type="radio" name="default_layer_google_fonts" value="1" <?php echo (($global_options->default_layer_google_fonts) ? 'checked="checked"' : ''); ?> onchange="wds_change_fonts()" />
175	+ <label for="default_layer_google_fonts1"><?php _e('Google fonts', 'wds'); ?></label>
176	+ <input <?php echo (WD_S_FREE ? 'disabled="disabled" title="' . __('This functionality is disabled in free version.', 'wds') . '"' : ''); ?> id="default_layer_google_fonts0" type="radio" name="default_layer_google_fonts" value="0" <?php echo (($global_options->default_layer_google_fonts) ? '' : 'checked="checked"'); ?> onchange="wds_change_fonts()" />
177	+ <label for="default_layer_google_fonts0"><?php _e('Default', 'wds'); ?></label>
178	+ </div>
179	+ <div class="wd-group">
180	+ <label class="wd-label wds_default_label" for="default_layer_ffamily"><?php _e('Font family', 'wds'); ?></label>
181	+ <select <?php echo (WD_S_FREE ? 'disabled="disabled" title="' . __('This functionality is disabled in free version.', 'wds') . '"' : ''); ?> class="select_icon select_icon_320" id="default_layer_ffamily" onchange="wds_change_fonts('', 1)" name="default_layer_ffamily">
182	+ <?php
183	+ $fonts = (isset($global_options->default_layer_google_fonts) && $global_options->default_layer_google_fonts) ? $google_fonts : $font_families;
184	+ foreach ($fonts as $key => $font_family) {
185	+ ?>
186	+ <option value="<?php echo $key; ?>" <?php echo (($global_options->default_layer_ffamily == $key) ? 'selected="selected"' : ''); ?>><?php echo $font_family; ?></option>
187	+ <?php } ?>
188	+ </select>
189	+ </div>
190	+ <div class="wd-group">
191	+ <label class="wd-label" for="possib_add_ffamily_input"><?php _e('Add font-family', 'wds'); ?></label>
192	+ <input <?php echo (WD_S_FREE ? 'disabled="disabled" title="' . __('This functionality is disabled in free version.', 'wds') . '"' : ''); ?> type="text" id="possib_add_ffamily_input" value="" class="spider_box_input"/>
193	+ <input type="hidden" id="possib_add_ffamily" name="possib_add_ffamily" value="<?php echo $global_options->possib_add_ffamily; ?>"/>
194	+ <input type="hidden" id="possib_add_ffamily_google" name="possib_add_ffamily_google" value="<?php echo $global_options->possib_add_ffamily_google; ?>"/>
195	+ <input <?php echo (WD_S_FREE ? 'disabled="disabled" title="' . __('This functionality is disabled in free version.', 'wds') . '"' : ''); ?> id="possib_add_google_fonts" type="checkbox" name="possib_add_google_fonts" value="1"/><label for="possib_add_google_fonts"><?php _e('Add to Google fonts', 'wds'); ?></label>
196	+ <input <?php echo (WD_S_FREE ? 'disabled="disabled" title="' . __('This functionality is disabled in free version.', 'wds') . '"' : ''); ?> id="add_font_family" class="button button-primary" type="button" onclick="set_ffamily_value();spider_set_input_value('task', 'save_font_family');spider_form_submit(event, 'sliders_form')" value="<?php _e('Add font-family', 'wds'); ?>"/>
197	+ <p class="description"><?php _e('The added font family will appear in the drop-down list of fonts.', 'wds'); ?></p>
198	+ </div>
199	+ <div class="wd-group">
200	+ <label class="wd-label wds_default_label" for="default_layer_fweight"><?php _e('Font weight', 'wds'); ?></label>
201	+ <select <?php echo (WD_S_FREE ? 'disabled="disabled" title="' . __('This functionality is disabled in free version.', 'wds') . '"' : ''); ?> class="select_icon select_icon_320" id="default_layer_fweight" name="default_layer_fweight">
202	+ <?php foreach ($default_layer_fweights as $key => $default_layer_fweight) { ?>
203	+ <option value="<?php echo $key; ?>" <?php echo (($global_options->default_layer_fweight == $key) ? 'selected="selected"' : ''); ?>><?php echo $default_layer_fweight; ?></option>
204	+ <?php } ?>
205	+ </select>
206	+ </div>
207	+ <div class="wd-group">
208	+ <label class="wd-label wds_default_label" for="default_layer_effect_in"><?php _e('Effect In', 'wds'); ?></label>
209	+ <span style="display: inline-block;">
210	+ <input <?php echo (WD_S_FREE ? 'disabled="disabled" title="' . __('This functionality is disabled in free version.', 'wds') . '"' : ''); ?> id="default_layer_start" class="spider_int_input" type="text" value="<?php echo $global_options->default_layer_start; ?>" name="default_layer_start"/> ms
211	+ <p class="description"><?php _e('Start', 'wds'); ?></p>
212	+ </span>
213	+ <span style="display: inline-block;">
214	+ <select <?php echo (WD_S_FREE ? 'disabled="disabled" title="' . __('This functionality is disabled in free version.', 'wds') . '"' : ''); ?> class="select_icon select_icon_320" name="default_layer_effect_in" id="default_layer_effect_in">
215	+ <?php foreach ( $default_layer_effects_in as $key => $default_layer_effect_in ) { ?>
216	+ <option value="<?php echo $key; ?>" <?php echo ( $global_options->default_layer_effect_in == $key ) ? 'selected="selected"' : '' ?>><?php echo $default_layer_effect_in; ?></option>
217	+ <?php } ?>
218	+ </select>
219	+ <p class="description"><?php _e('Effect', 'wds'); ?></p>
220	+ </span>
221	+ <span style="display: inline-block;">
222	+ <input <?php echo (WD_S_FREE ? 'disabled="disabled" title="' . __('This functionality is disabled in free version.', 'wds') . '"' : ''); ?> id="default_layer_duration_eff_in" class="spider_int_input" type="text" value="<?php echo $global_options->default_layer_duration_eff_in; ?>" name="default_layer_duration_eff_in"/>ms
223	+ <p class="description"><?php _e('Duration', 'wds'); ?></p>
224	+ </span>
225	+ <span style="display: inline-block;">
226	+ <input <?php echo (WD_S_FREE ? 'disabled="disabled" title="' . __('This functionality is disabled in free version.', 'wds') . '"' : ''); ?> id="default_layer_infinite_in" type="text" name="default_layer_infinite_in" value="<?php echo $global_options->default_layer_infinite_in; ?>" class="spider_int_input" title="<?php _e('0 for play infinte times', 'wds');?>" />
227	+ <p class="description"><?php _e('Iteration', 'wds'); ?></p>
228	+ </span>
229	+ </div>
230	+ <div class="wd-group">
231	+ <label class="wd-label wds_default_label" for="default_layer_effect_out"><?php _e('Effect Out', 'wds'); ?></label>
232	+ <span style="display: inline-block;">
233	+ <input <?php echo (WD_S_FREE ? 'disabled="disabled" title="' . __('This functionality is disabled in free version.', 'wds') . '"' : ''); ?> id="default_layer_end" class="spider_int_input" type="text" value="<?php echo $global_options->default_layer_end; ?>" name="default_layer_end">ms
234	+ <p class="description"><?php _e('Start', 'wds'); ?></p>
235	+ </span>
236	+ <span style="display: inline-block;">
237	+ <select <?php echo (WD_S_FREE ? 'disabled="disabled" title="' . __('This functionality is disabled in free version.', 'wds') . '"' : ''); ?> class="select_icon select_icon_320" name="default_layer_effect_out" id="default_layer_effect_out" style="width:150px;">
238	+ <?php foreach ($default_layer_effects_out as $key => $default_layer_effect_out) { ?>
239	+ <option value="<?php echo $key; ?>" <?php echo ( $global_options->default_layer_effect_out == $key ) ? 'selected="selected"' : '' ?>><?php echo $default_layer_effect_out; ?></option>
240	+ <?php
241	+ }
242	+ ?>
243	+ </select>
244	+ <p class="description"><?php _e('Effect', 'wds'); ?></p>
245	+ </span>
246	+ <span style="display: inline-block;">
247	+ <input <?php echo (WD_S_FREE ? 'disabled="disabled" title="' . __('This functionality is disabled in free version.', 'wds') . '"' : ''); ?> id="default_layer_duration_eff_out" class="spider_int_input" type="text" onkeypress="return spider_check_isnum(event)" value="<?php echo $global_options->default_layer_duration_eff_out; ?>" name="default_layer_duration_eff_out">ms
248	+ <p class="description"><?php _e('Duration', 'wds'); ?></p>
249	+ </span>
250	+ <span style="display: inline-block;">
251	+ <input <?php echo (WD_S_FREE ? 'disabled="disabled" title="' . __('This functionality is disabled in free version.', 'wds') . '"' : ''); ?> id="default_layer_infinite_out" type="text" name="default_layer_infinite_out" value="<?php echo $global_options->default_layer_infinite_out; ?>" class="spider_int_input" title="<?php _e('0 for play infinte times', 'wds'); ?>" />
252	+ <p class="description"><?php _e('Iteration', 'wds'); ?></p>
253	+ </span>
254	+ </div>
255	+ <div class="wd-group">
256	+ <label class="wd-label wds_default_label" for="default_layer_add_class"><?php _e('Add class', 'wds'); ?></label>
257	+ <input <?php echo (WD_S_FREE ? 'disabled="disabled" title="' . __('This functionality is disabled in free version.', 'wds') . '"' : ''); ?> id="default_layer_add_class" class="spider_char_input" type="text" value="<?php echo $global_options->default_layer_add_class; ?>" name="default_layer_add_class" />
258	+ </div>
259	+ <div class="wd-group">
260	+ <input <?php echo (WD_S_FREE ? 'disabled="disabled" title="' . __('This functionality is disabled in free version.', 'wds') . '"' : ''); ?> type="button" class="button button-primary" onclick="wds_set_one(); wds_invent_default_layer_check();" value="<?php _e('Apply to existing layers', 'wds'); ?>" />
261	+ </div>
262	+ </div>
263	</div>
264	+ </div>
265	+ </div>
266	+ <div class="wds_opacity_set" onclick="jQuery('.wds_opacity_set').hide();jQuery('.wds_set').hide();"></div>
267	+ <div class="wds_set">
268	+ <table>
269	+ <tbody class="choose_slider_tbody">
270	+ <tr>
271	+ <td colspan="2">
272	+ <select class="select_icon select_icon_320" id="choose_slider" name="choose_slider">
273	+ <?php foreach ($sliders as $key => $slider) { ?>
274	+ <option value="<?php echo $slider->id; ?>"><?php echo $slider->name; ?></option>
275	+ <?php } ?>
276	+ </select>
277	+ <p class="description"><?php _e('Select slider to apply.', 'wds'); ?></p>
278	+ </td>
279	+ </tr>
280	+ <tr class="wds_template_class">
281	+ <td><label class="spider_label"></label></td>
282	+ <td align="right"><input class="wds_check" type="checkbox" value="1" /></td>
283	+ </tr>
284	+ <tr>
285	+ <td colspan="2" align="right">
286	+ <br>
287	+ <input type="button" class="button button-primary" onclick="spider_set_input_value('task', 'change_layer_options'); wds_checked_options(event);" value="<?php _e('Apply', 'wds'); ?>" />
288	+ <input type="button" class="button" onclick="jQuery('.wds_set').hide(); jQuery('.wds_opacity_set').hide(); return false;" value="<?php _e('Cancel', 'wds'); ?>" />
289	+ </td>
290	+ </tr>
291	+ <tbody>
292	+ </table>
293	+ </div>
294	+ <input id="task" name="task" type="hidden" value="" />
295	+ </form>
296	+ </div>
























































































































































297	<?php
298	}
299	}

admin/views/WDSViewSliders_wds.php CHANGED Viewed

@@ -1,39 +1,18 @@
             <?php
             class WDSViewSliders_wds {
-            -
              ////////////////////////////////////////////////////////////////////////////////////////
-            -
              // Events                                                                             //
-            -
              ////////////////////////////////////////////////////////////////////////////////////////
-            -
              ////////////////////////////////////////////////////////////////////////////////////////
-            -
              // Constants                                                                          //
-            -
              ////////////////////////////////////////////////////////////////////////////////////////
-            -
              ////////////////////////////////////////////////////////////////////////////////////////
-            -
              // Variables                                                                          //
-            -
              ////////////////////////////////////////////////////////////////////////////////////////
               private $model;
-            -
-            -
-            -
              ////////////////////////////////////////////////////////////////////////////////////////
-            -
              // Constructor & Destructor                                                           //
-            -
              ////////////////////////////////////////////////////////////////////////////////////////
               public function __construct($model) {
                 $this->model = $model;
+              }
-            -
              ////////////////////////////////////////////////////////////////////////////////////////
-            -
              // Public Methods                                                                     //
-            -
              ////////////////////////////////////////////////////////////////////////////////////////
-            -
               public function display() {
                 $rows_data = $this->model->get_rows_data();
                 $page_nav = $this->model->page_nav();
                 $search_value = ((isset($_POST['search_value'])) ? esc_html(stripslashes($_POST['search_value'])) : '');
-            -
                $search_select_value = ((isset($_POST['search_select_value'])) ? (int) $_POST['search_select_value'] : 0);
                 $asc_or_desc = ((isset($_POST['asc_or_desc'])) ? esc_html(stripslashes($_POST['asc_or_desc'])) : 'asc');
                 $order_by = (isset($_POST['order_by']) ? esc_html(stripslashes($_POST['order_by'])) : 'id');
                 $order_class = 'manage-column column-title sorted ' . $asc_or_desc;
                 $ids_string = '';
                 $header_title = __('Sliders', 'wds');
-            -
            	$functionality_disabled_version = __('This functionality is disabled in free version.', 'wds');
-            -
            	$option_disabled_version = __('This option is disabled in free version.', 'wds');
                 $slider_button_array = array(
                   'publish_all' => __('Publish', 'wds'),
                   'unpublish_all' => __('Unpublish', 'wds'),
@@ -44,7 +23,7 @@ class WDSViewSliders_wds {
                 );
                 global $wp_version;
                 if (version_compare($wp_version, '4','<')) {
-            -
                    ?>
                 <style>
                   #wpwrap {
                     background-color: #F1F1F1;
@@ -68,36 +47,30 @@ class WDSViewSliders_wds {
                   <?php
+                  }
                 ?>
-            -
                <form class="wrap wds_form" id="sliders_form" method="post" action="admin.php?page=sliders_wds" style="float: left; width: 98%;">
-            -
                  <?php wp_nonce_field('nonce_wd', 'nonce_wd'); ?>
                   <div class="wds_opacity_export" onclick="jQuery('.wds_opacity_export').hide();jQuery('.wds_exports').hide();"></div>
                   <div class="wds_exports">
                     <input type="checkbox" name="imagesexport" id="imagesexport" checked="checked" />
-            -
                    <label for="imagesexport"><?php _e('Check the box to export the images included within sliders.', 'wds'); ?></label>
                     <a class="button-secondary wds_export" type="button" href="<?php echo add_query_arg(array('action' => 'WDSExport'), admin_url('admin-ajax.php')); ?>" onclick="wds_get_checked()"><?php _e('Export', 'wds'); ?></a>
-            -
                    <input type="button" class="button-secondary" onclick="jQuery('.wds_exports').hide();jQuery('.wds_opacity_export').hide(); return false;" value="Cancel" />
                   </div>
                   <div class="wds_opacity_merge" onclick="jQuery('.wds_opacity_merge').hide();jQuery('.wds_merge').hide();"></div>
                   <div class="wds_merge">
                     <select class="select_icon select_icon_320" style="width:200px" name="select_slider_merge" id="select_slider_merge" style="margin-bottom: 6px;">
-            -
                     <?php
-            -
                      foreach ($rows_data as $row_data) {
                         ?>
-            -
                      <option value="<?php echo $row_data->id; ?>"><?php echo $row_data->name; ?></option>
                         <?php
+                      }
                       ?>
                     </select>
-            -
                    <input class="button-secondary" type="submit" onclick="spider_set_input_value('task', 'merge_sliders');"  value="Merge" />
                     <input type="button" class="button-secondary" onclick="jQuery('.wds_merge').hide();jQuery('.wds_opacity_merge').hide(); return false;" value="<?php _e('Cancel', 'wds'); ?>" />
-            -
                    <div class="spider_description"><?php _e('Select slider to use settings from.', 'wds'); ?></div>
-            -
                  </div>
-            -
                  <div class="wds_opacity_import" onclick="jQuery('.wds_opacity_import').hide();jQuery('.wds_imports').hide();"></div>
-            -
                  <div class="wds_imports">
-            -
                    <input type="file" name="fileimport" id="fileimport" />
-            -
                    <input class="button-secondary" type="submit" onclick="if(wds_getfileextension(document.getElementById('fileimport').value)){spider_set_input_value('task', 'import');} else return false;"  value="<?php _e('Import', 'wds'); ?>" />
-            -
                    <input type="button" class="button-secondary" onclick="jQuery('.wds_imports').hide();jQuery('.wds_opacity_import').hide(); return false;" value="<?php _e('Cancel', 'wds'); ?>" />
-            -
                    <div class="spider_description"><?php _e('Choose file (use .zip format).', 'wds'); ?></div>
                   </div>
                   <div>
                     <span class="slider-icon"></span>
@@ -106,16 +79,13 @@ class WDSViewSliders_wds {
                       <a href="" class="add-new-h2" onclick="spider_set_input_value('task', 'add'); spider_form_submit(event, 'sliders_form')"><?php _e('Add new', 'wds'); ?></a>
                     </h2>
                   </div>
-            -
                  <div class="buttons_div_right">
-            -
                    <input type="button" class="wds_button-secondary wds_import" onclick="alert('<?php echo $functionality_disabled_version; ?>')" value="<?php _e('Import', 'wds'); ?>" />
-            -
                  </div>
                   <?php WDW_S_Library::search( __('Name', 'wds'), $search_value, 'sliders_form'); ?>
-            -
                  <div class="tablenav bottom buttons_div buttons_div_left">
-            -
                    <span class="wds_button-secondary non_selectable wds_check_all" onclick="spider_check_all_items()">
                       <input type="checkbox" id="check_all_items" name="check_all_items" onclick="spider_check_all_items_checkbox()"  style="margin: 0; vertical-align: middle;" />
-            -
                      <span style="vertical-align: middle;"><?php _e('Select All', 'wds'); ?></span>
                     </span>
-            -
                    <select class="select_icon bulk_action" style="margin-bottom: 6px;">
                       <option value=""><?php _e('Bulk Actions', 'wds'); ?></option>
                       <?php
                       foreach ($slider_button_array as $key => $value) {
@@ -125,99 +95,100 @@ class WDSViewSliders_wds {
+                      }
                       ?>
                     </select>
-            -
                    <input class="wds_button-secondary wds_apply_slider" type="button" title="<?php _e('Apply', 'wds'); ?>" onclick="if (!wds_bulk_actions('.bulk_action')) {return false}" value="<?php _e('Apply', 'wds'); ?>" />
                     <?php WDW_S_Library::html_page_nav($page_nav['total'], $page_nav['limit'], 'sliders_form'); ?>
                   </div>
-            -
                  <table class="wp-list-table widefat fixed pages">
                     <thead>
-            -
                      <th class="manage-column column-cb check-column table_small_col"><input id="check_all" type="checkbox" onclick="spider_check_all(this)" style="margin:0;" /></th>
-            -
                      <th class="sortable table_small_col <?php if ($order_by == 'id') {echo $order_class;} ?>">
-            -
                        <a onclick="spider_set_input_value('task', '');
-            -
                                    spider_set_input_value('order_by', 'id');
-            -
                                    spider_set_input_value('asc_or_desc', '<?php echo ((isset($_POST['asc_or_desc']) && isset($_POST['order_by']) && (esc_html(stripslashes($_POST['order_by'])) == 'id') && esc_html(stripslashes($_POST['asc_or_desc'])) == 'asc') ? 'desc' : 'asc'); ?>');
-            -
                                    spider_form_submit(event, 'sliders_form')" href="">
-            -
                          <span>ID</span><span class="sorting-indicator"></span>
-            -
                        </a>
-            -
                      </th>
-            -
                      <th class="mobile_hide table_big_col"><?php _e('Slider', 'wds'); ?></th>
-            -
                      <th class="sortable <?php if ($order_by == 'name') {echo $order_class;} ?>">
                         <a onclick="spider_set_input_value('task', '');
                                     spider_set_input_value('order_by', 'name');
                                     spider_set_input_value('asc_or_desc', '<?php echo ((isset($_POST['asc_or_desc']) && isset($_POST['order_by']) && (esc_html(stripslashes($_POST['order_by'])) == 'name') && esc_html(stripslashes($_POST['asc_or_desc'])) == 'asc') ? 'desc' : 'asc'); ?>');
                                     spider_form_submit(event, 'sliders_form')" href="">
-            -
                          <span><?php _e('Name', 'wds'); ?></span><span class="sorting-indicator"></span>
-            -
                        </a>
-            -
                      </th>
-            -
                      <th class="mobile_hide table_big_col"><?php _e('Slides', 'wds'); ?></th>
-            -
                      <th class="table_big_col"><?php _e('Shortcode', 'wds'); ?></th>
-            -
                      <th class="mobile_hide table_large_col"><?php _e('PHP function', 'wds'); ?></th>
-            -
                      <th class="sortable mobile_hide table_bigger_col <?php if ($order_by == 'published') {echo $order_class;} ?>">
-            -
                        <a onclick="spider_set_input_value('task', '');
-            -
                                    spider_set_input_value('order_by', 'published');
-            -
                                    spider_set_input_value('asc_or_desc', '<?php echo ((isset($_POST['asc_or_desc']) && isset($_POST['order_by']) && (esc_html(stripslashes($_POST['order_by'])) == 'published') && esc_html(stripslashes($_POST['asc_or_desc'])) == 'asc') ? 'desc' : 'asc'); ?>');
-            -
                                    spider_form_submit(event, 'sliders_form')" href="">
-            -
                          <span><?php _e('Published', 'wds'); ?></span><span class="sorting-indicator"></span>
                         </a>
                       </th>
-            -
                      <th  class="mobile_hide table_big_col wds_table_big_col_action" colspan="3"><?php _e('Action', 'wds'); ?></th>
                     </thead>
                     <tbody id="tbody_arr">
                       <?php
                       if ($rows_data) {
-            -
                        $alternate = '';
                         foreach ($rows_data as $row_data) {
-            -
                          $alternate = ($alternate == 'class="wds_alternate"') ? '' : 'class="wds_alternate"';
-            -
                          $published_image = (($row_data->published) ? 'publish_slide' : 'unpublish_slide');
                           $published = (($row_data->published) ? 'unpublish' : 'publish');
                           $prev_img_url = $this->model->get_slider_prev_img($row_data->id);
                           $slides_count = $this->model->get_slides_count($row_data->id);
                           ?>
                           <tr id="tr_<?php echo $row_data->id; ?>" <?php echo $alternate; ?>>
-            -
                            <td class="table_small_col check-column"><input id="check_<?php echo $row_data->id; ?>" name="check_<?php echo $row_data->id; ?>" onclick="spider_check_all(this)" type="checkbox" /></td>
-            -
                            <td class="table_small_col"><?php echo $row_data->id; ?></td>
-            -
                            <td class="mobile_hide table_big_col">
-            -
                              <img title="<?php echo $row_data->name; ?>" style="border: 1px solid #CCCCCC; max-width: 70px; max-height: 50px;" src="<?php echo add_query_arg('date', date('Y-m-y H:i:s'), $prev_img_url); ?>">
-            -
                            </td>
-            -
                            <td class="wds_640">
-            -
                              <a onclick="spider_set_input_value('task', 'edit');
-            -
                                            spider_set_input_value('page_number', '1');
-            -
                                            spider_set_input_value('search_value', '');
-            -
                                            spider_set_input_value('search_or_not', '');
-            -
                                            spider_set_input_value('asc_or_desc', 'asc');
-            -
                                            spider_set_input_value('order_by', 'order');
-            -
                                            spider_set_input_value('current_id', '<?php echo $row_data->id; ?>');
-            -
                                            spider_form_submit(event, 'sliders_form')" href="" title="Edit"><?php echo $row_data->name; ?>
-            -
                              </a>
-            -
                            </td>
-            -
                            <td class="mobile_hide table_big_col"><?php echo $slides_count; ?></td>
-            -
                            <td class="table_big_col" style="padding-left: 0; padding-right: 0;">
-            -
                              <input type="text" value='[wds id="<?php echo $row_data->id; ?>"]' onclick="spider_select_value(this)" size="11" readonly="readonly" style="padding-left: 1px; padding-right: 1px;" />
-            -
                            </td>
-            -
                            <td class="mobile_hide table_large_col" style="padding-left: 0; padding-right: 0;">
-            -
                              <input type="text" value="&#60;?php wd_slider(<?php echo $row_data->id; ?>); ?&#62;" onclick="spider_select_value(this)" size="23" readonly="readonly" style="padding-left: 1px; padding-right: 1px;" />
                             </td>
-            -
                            <td class="mobile_hide table_bigger_col">
-            -
                              <a onclick="spider_set_input_value('task', '<?php echo $published; ?>');spider_set_input_value('current_id', '<?php echo $row_data->id; ?>');spider_form_submit(event, 'sliders_form')" href=""><img src="<?php echo WD_S_URL . '/images/sliderwdpng/' . $published_image . '.png'; ?>"></img></a>
                             </td>
-            -
                            <td class="mobile_hide table_big_col" colspan="3">
-            -
                              <div class="slider_edit_buttons">
-            -
                                <div class="slider_edit">
-            -
                                  <input type="button" value="<?php _e('Edit', 'wds'); ?>" class="action_buttons edit_slider" onclick="spider_set_input_value('task', 'edit');
-            -
                                                                    spider_set_input_value('page_number', '1');
-            -
                                                                    spider_set_input_value('search_value', '');
-            -
                                                                    spider_set_input_value('search_or_not', '');
-            -
                                                                    spider_set_input_value('asc_or_desc', 'asc');
-            -
                                                                    spider_set_input_value('order_by', 'order');
-            -
                                                                    spider_set_input_value('current_id', '<?php echo $row_data->id; ?>');
-            -
                                                                    spider_form_submit(event, 'sliders_form')" />
-            -
                                </div>
-            -
                                <div class="slider_delete">
-            -
                                  <input type="button" value="<?php _e('Delete', 'wds'); ?>" class="action_buttons wds_delete_slider" onclick="if (confirm('<?php echo _e('Do you want to delete selected items?', 'wds'); ?>')) {spider_set_input_value('task', 'delete');
-            -
                                                                    spider_set_input_value('current_id', '<?php echo $row_data->id; ?>');
-            -
                                  spider_form_submit(event, 'sliders_form')} else {return false;}" />
-            -
                                </div>
-            -
                                <div class="clear"></div>
-            -
                              </div>
                             </td>
                           </tr>
                           <?php
@@ -243,365 +214,92 @@ class WDSViewSliders_wds {
                 $wds_global_options = get_option("wds_global_options", 0);
                 $global_options = json_decode($wds_global_options);
                 $spider_uploader = isset($global_options->spider_uploader) ? $global_options->spider_uploader : 0;
-            -
-            -
                $query_url = add_query_arg(array('action' => 'addImage', 'width' => '700', 'height' => '550', 'extensions' => 'jpg,jpeg,png,gif', 'callback' => 'bwg_add_preview_image'), admin_url('admin-ajax.php'));
-            -
                $query_url = wp_nonce_url($query_url, 'addImage', 'nonce_wd');
                 $row = $this->model->get_row_data($id, $reset);
                 $slides_row = $this->model->get_slides_row_data($id);
                 $slide_ids_string = '';
                 $sub_tab_type = WDW_S_Library::get('sub_tab', '');
-            -
            	$functionality_disabled_version = __('This functionality is disabled in free version.', 'wds');
-            -
            	$option_disabled_version = __('This option is disabled in free version.', 'wds');
-            -
                $page_title = (($id != 0) ? 'Edit slider ' . $row->name : 'Create new slider');
-            -
                $aligns = array(
-            -
                  'left' => __('Left', 'wds'),
-            -
                  'center' => __('Center', 'wds'),
-            -
                  'right' => __('Right', 'wds'),
-            -
                );
-            -
                $border_styles = array(
-            -
                  'none' => __('None', 'wds'),
-            -
                  'solid' => __('Solid', 'wds'),
-            -
                  'dotted' => __('Dotted', 'wds'),
-            -
                  'dashed' => __('Dashed', 'wds'),
-            -
                  'double' => __('Double', 'wds'),
-            -
                  'groove' => __('Groove', 'wds'),
-            -
                  'ridge' => __('Ridge', 'wds'),
-            -
                  'inset' => __('Inset', 'wds'),
-            -
                  'outset' => __('Outset', 'wds'),
-            -
                );
-            -
                $button_styles = array(
-            -
                  'fa-chevron' => __('Chevron', 'wds'),
-            -
                  'fa-angle' => __('Angle', 'wds'),
-            -
                  'fa-angle-double' => __('Double', 'wds'),
-            -
                );
-            -
                $bull_styles = array(
-            -
                  'fa-circle-o' => __('Circle O', 'wds'),
-            -
                  'fa-circle' => __('Circle', 'wds'),
-            -
                  'fa-minus' => __('Minus', 'wds'),
-            -
                  'fa-square-o' => __('Square O', 'wds'),
-            -
                  'fa-square' => __('Square', 'wds'),
-            -
                );
-            -
                $font_families = WDW_S_Library::get_font_families();
-            -
                $google_fonts = WDW_S_Library::get_google_fonts();
-            -
-            -
                $font_weights = array(
-            -
                  'lighter' => __('Lighter', 'wds'),
-            -
                  'normal' => __('Normal', 'wds'),
-            -
                  'bold' => __('Bold', 'wds'),
-            -
                );
-            -
                $social_buttons = array(
-            -
                  'facebook' => __('Facebook', 'wds'),
-            -
                  'google-plus' => __('Google+', 'wds'),
-            -
                  'twitter' => __('Twitter', 'wds'),
-            -
                  'pinterest' => __('Pinterest', 'wds'),
-            -
                  'tumblr' => __('Tumblr', 'wds'),
-            -
                );
-            -
                $free_effects = array('none', 'fade', 'sliceH', 'fan', 'scaleIn');
-            -
                $effects = array(
-            -
                  'none' => __('None', 'wds'),
-            -
                  'fade' => __('Fade', 'wds'),
-            -
                  'sliceH' => __('Slice Horizontal', 'wds'),
-            -
                  'fan' => __('Fan', 'wds'),
-            -
                  'scaleIn' => __('Scale In', 'wds'),
-            -
                  'zoomFade' => __('Zoom Fade', 'wds'),
-            -
                  'parallelSlideH' => __('Parallel Slide Horizontal', 'wds'),
-            -
                  'parallelSlideV' => __('Parallel Slide Vertical', 'wds'),
-            -
                  'slic3DH' => __('Slice 3D Horizontal', 'wds'),
-            -
                  'slic3DV' => __('Slice 3D Vertical', 'wds'),
-            -
                  'slicR3DH' => __('Slice 3D Horizontal Random', 'wds'),
-            -
                  'slicR3DV' => __('Slice 3D Vertical Random', 'wds'),
-            -
                  'blindR' => __('Blind', 'wds'),
-            -
                  'tilesR' => __('Tiles', 'wds'),
-            -
                  'blockScaleR' => __('Block Scale Random', 'wds'),
-            -
                  'cubeH' => __('Cube Horizontal', 'wds'),
-            -
                  'cubeV' => __('Cube Vertical', 'wds'),
-            -
                  'cubeR' => __('Cube Random', 'wds'),
-            -
                  'sliceV' => __('Slice Vertical', 'wds'),
-            -
                  'slideH' => __('Slide Horizontal', 'wds'),
-            -
                  'slideV' => __('Slide Vertical', 'wds'),
-            -
                  'scaleOut' => __('Scale Out', 'wds'),
-            -
                  'blockScale' => __('Block Scale', 'wds'),
-            -
                  'kaleidoscope' => __('Kaleidoscope', 'wds'),
-            -
                  'blindH' => __('Blind Horizontal', 'wds'),
-            -
                  'blindV' => __('Blind Vertical', 'wds'),
-            -
                  'random' => __('Random', 'wds'),
-            -
                  '3Drandom' => __('3D Random', 'wds'),
-            -
                );
-            -
                $free_layer_effects = array('none', 'bounce', 'tada', 'bounceInDown', 'bounceOutUp', 'fadeInLeft', 'fadeOutRight');
-            -
                $layer_effects_in = array(
-            -
                  'none' => __('None', 'wds'),
-            -
                  'bounce' => __('Bounce', 'wds'),
-            -
                  'tada' => __('Tada', 'wds'),
-            -
                  'bounceInDown' => __('BounceInDown', 'wds'),
-            -
                  'fadeInLeft' => __('FadeInLeft', 'wds'),
-            -
                  'flash' => __('Flash', 'wds'),
-            -
                  'pulse' => __('Pulse', 'wds'),
-            -
                  'rubberBand' => __('RubberBand', 'wds'),
-            -
                  'shake' => __('Shake', 'wds'),
-            -
                  'swing' => __('Swing', 'wds'),
-            -
                  'wobble' => __('Wobble', 'wds'),
-            -
                  'hinge' => __('Hinge', 'wds'),
-            -
-            -
                  'lightSpeedIn' => __('LightSpeedIn', 'wds'),
-            -
                  'rollIn' => __('RollIn', 'wds'),
-            -
-            -
                  'bounceIn' => __('BounceIn', 'wds'),
-            -
                  'bounceInLeft' => __('BounceInLeft', 'wds'),
-            -
                  'bounceInRight' => __('BounceInRight', 'wds'),
-            -
                  'bounceInUp' => __('BounceInUp', 'wds'),
-            -
-            -
                  'fadeIn' => __('FadeIn', 'wds'),
-            -
                  'fadeInDown' => __('FadeInDown', 'wds'),
-            -
                  'fadeInDownBig' => __('FadeInDownBig', 'wds'),
-            -
                  'fadeInLeftBig' => __('FadeInLeftBig', 'wds'),
-            -
                  'fadeInRight' => __('FadeInRight', 'wds'),
-            -
                  'fadeInRightBig' => __('FadeInRightBig', 'wds'),
-            -
                  'fadeInUp' => __('FadeInUp', 'wds'),
-            -
                  'fadeInUpBig' => __('FadeInUpBig', 'wds'),
-            -
-            -
                  'flip' => __('Flip', 'wds'),
-            -
                  'flipInX' => __('FlipInX', 'wds'),
-            -
                  'flipInY' => __('FlipInY', 'wds'),
-            -
-            -
                  'rotateIn' => __('RotateIn', 'wds'),
-            -
                  'rotateInDownLeft' => __('RotateInDownLeft', 'wds'),
-            -
                  'rotateInDownRight' => __('RotateInDownRight', 'wds'),
-            -
                  'rotateInUpLeft' => __('RotateInUpLeft', 'wds'),
-            -
                  'rotateInUpRight' => __('RotateInUpRight', 'wds'),
-            -
-            -
                  'zoomIn' => __('ZoomIn', 'wds'),
-            -
                  'zoomInDown' => __('ZoomInDown', 'wds'),
-            -
                  'zoomInLeft' => __('ZoomInLeft', 'wds'),
-            -
                  'zoomInRight' => __('ZoomInRight', 'wds'),
-            -
                  'zoomInUp' => __('ZoomInUp', 'wds'),
-            -
                );
-            -
                $layer_effects_out = array(
-            -
                  'none' => __('None', 'wds'),
-            -
                  'bounce' => __('Bounce', 'wds'),
-            -
                  'tada' => __('Tada', 'wds'),
-            -
                  'bounceOutUp' => __('BounceOutUp', 'wds'),
-            -
                  'fadeOutRight' => __('FadeOutRight', 'wds'),
-            -
                  'flash' => __('Flash', 'wds'),
-            -
                  'pulse' => __('Pulse', 'wds'),
-            -
                  'rubberBand' => __('RubberBand', 'wds'),
-            -
                  'shake' => __('Shake', 'wds'),
-            -
                  'swing' => __('Swing', 'wds'),
-            -
                  'wobble' => __('Wobble', 'wds'),
-            -
                  'hinge' => __('Hinge', 'wds'),
-            -
-            -
                  'lightSpeedOut' => __('LightSpeedOut', 'wds'),
-            -
                  'rollOut' => __('RollOut', 'wds'),
-            -
-            -
                  'bounceOut' => __('BounceOut', 'wds'),
-            -
                  'bounceOutDown' => __('BounceOutDown', 'wds'),
-            -
                  'bounceOutLeft' => __('BounceOutLeft', 'wds'),
-            -
                  'bounceOutRight' =>__('BounceOutRight', 'wds'),
-            -
-            -
                  'fadeOut' => __('FadeOut', 'wds'),
-            -
                  'fadeOutDown' => __('FadeOutDown', 'wds'),
-            -
                  'fadeOutDownBig' => __('FadeOutDownBig', 'wds'),
-            -
                  'fadeOutLeft' => __('FadeOutLeft', 'wds'),
-            -
                  'fadeOutLeftBig' => __('FadeOutLeftBig', 'wds'),
-            -
                  'fadeOutRightBig' => __('FadeOutRightBig', 'wds'),
-            -
                  'fadeOutUp' => __('FadeOutUp', 'wds'),
-            -
                  'fadeOutUpBig' => __('FadeOutUpBig', 'wds'),
-            -
-            -
                  'flip' => __('Flip', 'wds'),
-            -
                  'flipOutX' => __('FlipOutX', 'wds'),
-            -
                  'flipOutY' => __('FlipOutY', 'wds'),
-            -
-            -
                  'rotateOut' => __('RotateOut', 'wds'),
-            -
                  'rotateOutDownLeft' => __('RotateOutDownLeft', 'wds'),
-            -
                  'rotateOutDownRight' => __('RotateOutDownRight', 'wds'),
-            -
                  'rotateOutUpLeft' => __('RotateOutUpLeft', 'wds'),
-            -
                  'rotateOutUpRight' => __('RotateOutUpRight', 'wds'),
-            -
-            -
                  'zoomOut' => __('ZoomOut', 'wds'),
-            -
                  'zoomOutDown' => __('ZoomOutDown', 'wds'),
-            -
                  'zoomOutLeft' => __('ZoomOutLeft', 'wds'),
-            -
                  'zoomOutRight' => __('ZoomOutRight', 'wds'),
-            -
                  'zoomOutUp' => __('ZoomOutUp', 'wds'),
-            -
                );
-            -
                $slider_callbacks = array(
-            -
                  'onSliderI' => __('On slider Init', 'wds'),
-            -
                  'onSliderCS' => __('On slide change start', 'wds'),
-            -
                  'onSliderCE' => __('On slide change end', 'wds'),
-            -
                  'onSliderPlay' => __('On slide play', 'wds'),
-            -
                  'onSliderPause' => __('On slide pause', 'wds'),
-            -
                  'onSliderHover' => __('On slide hover', 'wds'),
-            -
                  'onSliderBlur' => __('On slide blur', 'wds'),
-            -
                  'onSliderR' => __('On slider resize', 'wds'),
-            -
                  'onSwipeS' => __('On swipe start', 'wds'),
-            -
                );
-            -
                 $text_alignments = array(
-            -
                  'center' => __('Center', 'wds'),
-            -
                  'left' => __('Left', 'wds'),
-            -
                  'right' => __('Right', 'wds'),
-            -
                );
-            -
                $built_in_watermark_fonts = array();
-            -
                foreach (scandir(path_join(WD_S_DIR, 'fonts')) as $filename) {
-            -
                  if (strpos($filename, '.') === 0) {
-            -
                    continue;
-            -
                  }
-            -
                  else {
-            -
                    $built_in_watermark_fonts[] = $filename;
-            -
                  }
-            -
                }
-            -
                if (get_option("wds_theme_version")) {
-            -
                  $fv = TRUE;
-            -
                  $fv_class = 'spider_free_version_label';
-            -
                  $fv_disabled = 'disabled="disabled"';
-            -
                  $fv_message = '<tr><td colspan="2"><div class="wd_error" style="padding: 5px; font-size: 14px; color: #000000 !important;">'. __('Some options are disabled in free version.', 'wds').'</div></td></tr>';
-            -
                  $fv_title = ' title="'.$option_disabled_version.'"';
+                }
                 else {
-            -
                  $fv = FALSE;
-            -
                  $fv_class = '';
-            -
                  $fv_disabled = '';
-            -
                  $fv_message = '';
-            -
                  $fv_title = '';
+                }
-            -
                global $wp_version;
-            -
                if (version_compare($wp_version, '4','<')) {
-            -
                  ?>
-            -
                <style>
-            -
                  #wpwrap {
-            -
                    background-color:#F1F1F1
-            -
                  }
-            -
-            -
                  .tab_button_wrap {
-            -
                    width:46%;
-            -
                  }
-            -
-            -
                  .tab_button_wrap .wds_button-secondary {
-            -
                      margin-right: 7px;
-            -
                  }
-            -
                  @media  screen and (max-width: 640px) {
-            -
                    .buttons_div input {
-            -
                      width:31%;
-            -
                      font-size:11px
-            -
                    }
-            -
-            -
                    body{
-            -
                      min-width:inherit !Important;
-            -
                    }
-            -
-            -
                    .tablenav{
-            -
                      height:auto
-            -
                    }
-            -
-            -
                    #wpcontent{
-            -
                      margin-left:40px!important
-            -
                    }
-            -
                    .tab_button_wrap, .buttons_conteiner .wds_buttons .wds_button_wrap {
-            -
                      width:48.5%;
-            -
                    }
-            -
                    .action_buttons {
-            -
                        font-size: 10px !important;
-            -
                    }
-            -
                    .add_social_layer {
-            -
                      padding: 0 7px 1px 35px !important;
-            -
                    }
-            -
                     #TB_window{
-            -
                      top:5% !important
-            -
                    }
-            -
                    .attachments-browser .attachments{
-            -
                      right:0 !Important
-            -
                    }
-            -
                    .media-modal {
-            -
                      width: 100% !Important;
-            -
                      left:0 !Important;
-            -
                      position:fixed !important
-            -
                    }
-            -
                    .media-sidebar{
-            -
                      bottom:120% !Important;
-            -
                      padding:0 !Important
-            -
                    }
-            -
                    .media-modal-backdrop{
-            -
                      position:fixed !important
-            -
                    }
-            -
                    .uploader-inline{
-            -
                      right:0!important
-            -
                    }
-            -
                  }
-            -
                </style>
-            -
                  <?php
-            -
                }
                 ?>
                 <div class="spider_message_cont"></div>
                 <div class="spider_load">
                   <div class="spider_load_cont"></div>
                   <div class="spider_load_icon"><img class="spider_ajax_loading" src="<?php echo WD_S_URL . '/images/ajax_loader_back.gif'; ?>"></div>
                 </div>
-            -
                <form class="wrap wds_form" method="post" id="sliders_form" action="admin.php?page=sliders_wds" style="float: left; width: 98%;">
-            -
                  <?php wp_nonce_field('nonce_wd', 'nonce_wd'); ?>
                   <span class="slider-icon"></span>
                   <h2 class="wds_default"><?php echo $page_title; ?></h2>
                   <div class="buttons_conteiner">
-            -
                    <div class="slider_title_conteiner">
-            -
                      <span class="spider_label"><label for="name"><?php _e('Slider Title', 'wds'); ?> <span style="color:#FF0000;">*</span> </label></span>
-            -
                      <span><input type="text" id="name" name="name" value="<?php echo $row->name; ?>" size="20" class="wds_requried" data-name="<?php _e('Slider title', 'wds'); ?>" /></span>
-            -
                    </div>
                     <div class="wds_buttons">
-            -
                      <div class="wds_button_wrap">
-            -
                        <input class="wds_button-secondary wds_save_slider" type="button" onclick="spider_set_input_value('task', 'save'); spider_ajax_save('sliders_form', event);" value="<?php _e('Save', 'wds'); ?>" />
-            -
                      </div>
-            -
                      <div class="wds_button_wrap">
-            -
                        <input class="wds_button-secondary wds_apply_slider" type="button" onclick="spider_set_input_value('task', 'apply'); spider_ajax_save('sliders_form', event);" value="<?php _e('Apply', 'wds'); ?>" />
-            -
                      </div>
-            -
                      <div class="wds_button_wrap">
-            -
                        <input class="wds_button-secondary wds_dublicate_slide" type="button" value="<?php _e('Save as Copy', 'wds'); ?>" onclick="if (!wds_check_required()) {return false;};
-            -
                                                                                                      spider_set_input_value('current_id', '0' );
-            -
                                                                                                      spider_set_input_value('save_as_copy', '1');
-            -
                                                                                                      spider_set_input_value('task', 'apply');
-            -
                                                                                                      spider_ajax_save('sliders_form', event);"
-            -
                               />
-            -
                      </div>
-            -
                      <div class="wds_button_wrap">
-            -
                        <input id="wds_preview" type="button" class="action_buttons" value="<?php _e('Preview', 'wds'); ?>" onclick="spider_set_input_value('task', 'preview'); spider_ajax_save('sliders_form', event); return false;" />
-            -
                      </div>
-            -
                      <div class="wds_button_wrap">
-            -
                        <input type="button" class="wds_button-secondary wds_export_one" onclick="alert('<?php echo $functionality_disabled_version; ?>')" value="<?php _e('Export', 'wds'); ?>" />
-            -
                      </div>
-            -
                      <div class="wds_button_wrap">
-            -
                        <input class="wds_button-secondary last wds_cancel" type="submit" onclick="spider_set_input_value('task', 'cancel')" value="<?php _e('Cancel', 'wds'); ?>" />
-            -
                      </div>
                     </div>
-            -
                    <div class="wds_clear"></div>
                   </div>
                   <div>
-            -
                    <div class="wds_reset_button">
-            -
                      <input class="reset_settings" type="button" onclick="spider_set_input_value('task', 'reset'); spider_ajax_save('sliders_form', event);" value="<?php _e('Reset Settings', 'wds'); ?>" />
                     </div>
                     <!--------------Settings tab----------->
                     <div class="wds_box wds_settings_box">
-            -
                      <table>
-            -
            			<thead>
-            -
            				<tr>
-            -
            					<td colspan="4">
-            -
            						<div class="tab_conteiner">
-            -
            							<div class="tab_button_wrap setting_tab_button_wrap" onclick="wds_change_tab(this, 'wds_settings_box')">
-            -
            								<a class="wds_button-secondary wds_settings" href="#">
-            -
            									<span tab_type="settings" class="wds_tab_label"><?php _e('Settings', 'wds'); ?></span>
-            -
            								</a>
-            -
            							</div>
-            -
            							<div class="tab_button_wrap slides_tab_button_wrap" onclick="wds_change_tab(this, 'wds_slides_box')">
-            -
            								<a class="wds_button-secondary wds_slides" href="#">
-            -
            									<span tab_type="slides" class="wds_tab_label"><?php _e('Slides', 'wds'); ?></span>
-            -
            								</a>
-            -
            							</div>
-            -
            							<div class="clear"></div>
-            -
            						</div>
-            -
            					</td>
-            -
            				</tr>
-            -
            			</thead>
-            -
                      </table>
-            -
                      <div class="wds_nav_tabs">
-            -
            			<div class="wds_menu_icon" onclick="jQuery('.wds_nav_tabs ul').slideToggle(500);"></div>
                         <ul>
                           <li tab_type="global" onclick="wds_change_nav(this, 'wds_nav_global_box')">
                             <a href="#"><?php _e('Global', 'wds'); ?></a>
@@ -634,772 +332,531 @@ class WDSViewSliders_wds {
                       </div>
                       <div>
                         <div class="wds_nav_box wds_nav_global_box">
-            -
                          <table>
-            -
                            <tbody>
-            -
                              <tr>
-            -
                                <td class="spider_label"><label><?php _e('Dimensions:', 'wds'); ?> </label></td>
-            -
                                <td>
-            -
                                  <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
-            -
                                  <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
-            -
                                  <div class="spider_description"><?php _e('Maximum width and height for slider.', 'wds'); ?></div>
-            -
                                </td>
-            -
                              </tr>
-            -
                              <tr>
-            -
                                <td class="spider_label"><label for="hide_on_mobile"><?php _e('Hide on small screens:', 'wds'); ?> </label></td>
-            -
                                <td>
-            -
                                  <input type="text" id="hide_on_mobile" name="hide_on_mobile" value="<?php echo $row->hide_on_mobile; ?>" class="spider_int_input" onkeypress="return spider_check_isnum(event)" /> px
-            -
                                  <div class="spider_description"><?php _e('Hide slider when resolution is smaller than.', 'wds'); ?></div>
-            -
                                </td>
-            -
                              </tr>
-            -
                              <tr>
-            -
                                <td class="spider_label"><label><?php _e('Full width:', 'wds'); ?> </label></td>
-            -
                                <td>
-            -
                                  <input type="radio" 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>
-            -
                                  <input type="radio" 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>
-            -
                                  <input type="text" name="ratio" id="ratio" value="" class="spider_int_input" onchange="wds_whr('ratio')" onkeypress="return spider_check_isnum(event)" /><label for="ratio"><?php _e('Ratio', 'wds'); ?></label>
-            -
                                  <div class="spider_description"><?php _e('The image will stretch to the page width, taking the height based on dimensions ratio.', 'wds'); ?></div>
-            -
                                </td>
-            -
                              </tr>
-            -
                              <tr>
-            -
                                <td class="spider_label"><label for="full_width_for_mobile"><?php _e('Full width on small screens:', 'wds'); ?> </label></td>
-            -
                                <td>
-            -
                                  <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
-            -
                                  <div class="spider_description"><?php _e('Full width slider when resolution is smaller than.', 'wds'); ?></div>
-            -
                                </td>
-            -
                              </tr>
-            -
                              <tr>
-            -
                                <td class="spider_label"><label><?php _e('Background fit:', 'wds'); ?> </label></td>
-            -
                                <td>
-            -
                                  <input onClick="bwg_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">Cover</label>
-            -
                                  <input onClick="bwg_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>
-            -
                                  <input onClick="bwg_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>
-            -
                                </td>
-            -
                              </tr>
-            -
                              <tr id="tr_smart_crop">
-            -
                                <td class="spider_label"><label><?php _e('Smart Crop', 'wds'); ?></label></td>
-            -
                                <td>
-            -
                                  <input onClick="bwg_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>
-            -
                                  <input onClick="bwg_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>
-            -
                                  <div class="spider_description"></div>
-            -
                                </td>
-            -
                              </tr>
-            -
                              <tr id="tr_crop_pos">
-            -
                                <td class="spider_label_options">
-            -
                                  <label for="smart_crop"><?php _e('Crop Image Position', 'wds'); ?></label>
-            -
                                </td>
-            -
                                <td>
-            -
                                  <table class="wds_position_table">
-            -
                                    <tbody>
-            -
                                      <tr>
-            -
                                        <td class="wds_position_td"><input type="radio" value="left top" name="crop_image_position" <?php if ($row->crop_image_position == "left top") echo 'checked="checked"'; ?> ></td>
-            -
                                        <td class="wds_position_td"><input type="radio" value="center top" name="crop_image_position" <?php if ($row->crop_image_position == "center top") echo 'checked="checked"'; ?> ></td>
-            -
                                        <td class="wds_position_td"><input type="radio" value="right top" name="crop_image_position" <?php if ($row->crop_image_position == "right top") echo 'checked="checked"'; ?> ></td>
-            -
                                      </tr>
-            -
                                      <tr>
-            -
                                        <td class="wds_position_td"><input type="radio" value="left center" name="crop_image_position" <?php if ($row->crop_image_position == "left center") echo 'checked="checked"'; ?> ></td>
-            -
                                        <td class="wds_position_td"><input type="radio" value="center center" name="crop_image_position" <?php if ($row->crop_image_position == "center center") echo 'checked="checked"'; ?> ></td>
-            -
                                        <td class="wds_position_td"><input type="radio" value="right center" name="crop_image_position" <?php if ($row->crop_image_position == "right center") echo 'checked="checked"'; ?> ></td>
-            -
                                      </tr>
-            -
                                      <tr>
-            -
                                        <td class="wds_position_td"><input type="radio" value="left bottom" name="crop_image_position" <?php if ($row->crop_image_position == "left bottom") echo 'checked="checked"'; ?> ></td>
-            -
                                        <td class="wds_position_td"><input type="radio" value="center bottom" name="crop_image_position" <?php if ($row->crop_image_position == "center bottom") echo 'checked="checked"'; ?> ></td>
-            -
                                        <td class="wds_position_td"><input type="radio" value="right bottom" name="crop_image_position" <?php if ($row->crop_image_position == "right bottom") echo 'checked="checked"'; ?> ></td>
-            -
                                      </tr>
-            -
                                    </tbody>
-            -
                                  </table>
-            -
                                </td>
-            -
                              </tr>
-            -
                              <tr>
-            -
                                <td class="spider_label"><label><?php _e('Fixed background:', 'wds'); ?></label></td>
-            -
                                <td>
-            -
                                  <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>
-            -
                                  <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>
-            -
                                  <div class="spider_description"></div>
-            -
                                </td>
-            -
                              </tr>
-            -
                              <tr>
-            -
                                <td class="spider_label"><label><?php _e('Slides order direction:', 'wds'); ?></label></td>
-            -
                                <td>
-            -
                                  <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">Ascending</label>
-            -
                                  <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">Descending</label>
-            -
                                  <div class="spider_description"></div>
-            -
                                </td>
-            -
                              </tr>
-            -
                              <tr>
-            -
                                <td class="spider_label"><label for="align"><?php _e('Align:', 'wds'); ?></label></td>
-            -
                                <td>
-            -
                                  <select class="select_icon select_icon_320" name="align" id="align">
-            -
                                    <?php
-            -
                                    foreach ($aligns as $key => $align) {
-            -
                                      ?>
-            -
                                      <option value="<?php echo $key; ?>" <?php echo (($row->align == $key) ? 'selected="selected"' : ''); ?>><?php echo $align; ?></option>
                                       <?php
-            -
                                    }
-            -
                                    ?>
-            -
                                  </select>
-            -
                                  <div class="spider_description"><?php _e('Set the alignment of the slider.', 'wds'); ?></div>
-            -
                                </td>
-            -
                              </tr>
-            -
                              <tr>
-            -
                                <td class="spider_label_options">
-            -
                                  <label for="effect"><?php _e('Effect:', 'wds'); ?></label>
-            -
                                </td>
-            -
                                <td>
-            -
                                  <select class="select_icon select_icon_320" name="effect" id="effect">
-            -
                                    <?php
-            -
                                    foreach ($effects as $key => $effect) {
                                       ?>
-            -
                                      <option value="<?php echo $key; ?>" <?php echo (!in_array($key, $free_effects)) ? 'disabled="disabled" title="'.__('This effect is disabled in free version.', 'wds').'"' : ''; ?> <?php if ($row->effect == $key) echo 'selected="selected"'; ?>><?php echo $effect; ?></option>
                                       <?php
-            -
                                    }
-            -
                                    ?>
-            -
                                  </select>
-            -
                                  <div class="spider_description spider_free_version"><?php _e('Some effects are disabled in free version.', 'wds'); ?></div>
-            -
                                </td>
-            -
                              </tr>
-            -
                              <tr>
-            -
                                <td class="spider_label"><label for="effect_duration"><?php _e('Effect duration:', 'wds'); ?></label></td>
-            -
                                <td>
-            -
                                  <input type="text" id="effect_duration" name="effect_duration" value="<?php echo $row->effect_duration; ?>" class="spider_int_input" onkeypress="return spider_check_isnum(event)" /> <?php _e('ms', 'wds'); ?>
-            -
                                  <div class="spider_description"><?php _e('Define the time for the effect.', 'wds'); ?></div>
-            -
                                </td>
-            -
                              </tr>
-            -
                              <tr>
-            -
                                <td class="spider_label spider_free_version_label"><label><?php _e('Parallax Effect:', 'wds'); ?></label></td>
-            -
                                <td title="<?php echo $option_disabled_version; ?>">
-            -
                                  <input disabled="disabled" type="radio" id="parallax_effect1" name="parallax_effect" <?php echo (($row->parallax_effect) ? 'checked="checked"' : ''); ?> value="1" /><label for="parallax_effect1"><?php _e('Yes', 'wds'); ?></label>
-            -
                                  <input disabled="disabled" type="radio" id="parallax_effect0" name="parallax_effect" <?php echo (($row->parallax_effect) ? '' : 'checked="checked"'); ?> value="0" /><label for="parallax_effect0"><?php _e('No', 'wds'); ?></label>
-            -
                                  <div class="spider_description"><?php _e('The direction of the movement, as well as the layer moving pace depend on the z-index value.', 'wds'); ?></div>
-            -
                                </td>
-            -
                              </tr>
-            -
                              <tr>
-            -
                                <td class="spider_label"><label><?php _e('Autoplay:', 'wds'); ?></label></td>
-            -
                                <td>
-            -
                                  <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>
-            -
                                  <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>
-            -
                                  <div class="spider_description"><?php _e('Choose whether to autoplay the sliders or not.', 'wds'); ?></div>
-            -
                                </td>
-            -
                              </tr>
-            -
                              <tr>
-            -
                                <td class="spider_label"><label><?php _e('Two way slideshow:', 'wds'); ?></label></td>
-            -
                                <td>
-            -
                                  <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>
-            -
                                  <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>
-            -
                                  <div class="spider_description"><?php _e('Slideshow can go backwards if someone switch to a previous slide.', 'wds'); ?></div>
-            -
                                </td>
-            -
                              </tr>
-            -
                              <tr>
-            -
                                <td class="spider_label"><label><?php _e('Enable loop:', 'wds'); ?></label></td>
-            -
                                <td>
-            -
                                  <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>
-            -
                                  <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>
-            -
                                  <div class="spider_description"></div>
-            -
                                </td>
-            -
                              </tr>
-            -
                              <tr>
-            -
                                <td class="spider_label"><label for="time_intervval"><?php _e('Time Interval:', 'wds'); ?></label></td>
-            -
                                <td>
-            -
                                  <input type="text" id="time_intervval" name="time_intervval" value="<?php echo $row->time_intervval; ?>" class="spider_int_input" onkeypress="return spider_check_isnum(event)" /> <?php _e('sec.', 'wds'); ?>
-            -
                                  <div class="spider_description"><?php _e('Set the time interval for the change of the sliders when autoplay is on.', 'wds'); ?></div>
-            -
                                </td>
-            -
                              </tr>
-            -
                              <tr>
-            -
                                <td class="spider_label"><label><?php _e('Stop on hover:', 'wds'); ?></label></td>
-            -
                                <td>
-            -
                                  <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>
-            -
                                  <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>
-            -
                                  <div class="spider_description"><?php _e('The option works when autoplay is on.', 'wds'); ?></div>
-            -
                                </td>
-            -
                              </tr>
-            -
                              <tr>
-            -
                                <td class="spider_label"><label><?php _e('Shuffle:', 'wds'); ?></label></td>
-            -
                                <td>
-            -
                                  <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>
-            -
                                  <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>
-            -
                                  <div class="spider_description"><?php _e('Choose whether to have the slides change in a random manner or to keep the original sequence.', 'wds'); ?></div>
-            -
                                </td>
-            -
                              </tr>
-            -
                              <tr>
-            -
                                <td class="spider_label"><label for="start_slide_num"><?php _e('Start with slide:', 'wds'); ?></label></td>
-            -
                                <td>
-            -
                                  <input type="text" name="start_slide_num" id="start_slide_num" value="<?php echo $row->start_slide_num; ?>" class="spider_int_input" onkeypress="return spider_check_isnum(event)" />
-            -
                                  <div class="spider_description"><?php _e('The slider will start with the specified slide. You can use the value 0 for random.', 'wds'); ?></div>
-            -
                                </td>
-            -
                              </tr>
-            -
                              <tr>
-            -
                                <td class="spider_label"><label><?php _e('Music:', 'wds'); ?></label></td>
-            -
                                <td>
-            -
                                  <input type="radio" id="music1" name="music" <?php echo (($row->music) ? 'checked="checked"' : ''); ?> value="1" onClick="bwg_enable_disable('', 'tr_music_url', 'music1')" /><label <?php echo (($row->music) ? 'class="selected_color"' : ''); ?> for="music1"><?php _e('Yes', 'wds'); ?></label>
-            -
                                  <input type="radio" id="music0" name="music" <?php echo (($row->music) ? '' : 'checked="checked"'); ?> value="0" onClick="bwg_enable_disable('none', 'tr_music_url', 'music0')" /><label <?php echo (($row->music) ? '' : 'class="selected_color"'); ?> for="music0"><?php _e('No', 'wds'); ?></label>
-            -
                                  <div class="spider_description"><?php _e('Choose whether to have music/audio track playback with the slider or not.', 'wds'); ?></div>
-            -
                                </td>
-            -
                              </tr>
-            -
                              <tr id="tr_music_url">
-            -
                                <td class="spider_label_options">
-            -
                                  <label for="music_url"><?php _e('Music url:', 'wds'); ?></label>
-            -
                                </td>
-            -
                                <td>
-            -
                                  <input type="text" id="music_url" name="music_url" size="39" value="<?php echo $row->music_url; ?>" style="display:inline-block;" />
-            -
                                  <input id="add_music_url" class="wds_not_image_buttons" type="button" onclick="spider_media_uploader('music', event, false); return false;" value="<?php _e('Add music', 'wds'); ?>" />
-            -
                                  <div class="spider_description"><?php _e('Only .aac,.m4a,.f4a,.mp3,.ogg,.oga formats are supported.', 'wds'); ?></div>
-            -
                                </td>
-            -
                              </tr>
-            -
                              <tr>
-            -
                                <td class="spider_label"><label><?php _e('Smart Load:', 'wds'); ?></label></td>
-            -
                                <td>
-            -
                                  <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>
-            -
                                  <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>
-            -
                                  <div class="spider_description"><?php _e('Choose to have faster load for the first few images and process the rest meanwhile.', 'wds'); ?></div>
-            -
                                </td>
-            -
                              </tr>
-            -
                              <tr>
-            -
                                <td class="spider_label"><label for="background_color"><?php _e('Background color:', 'wds'); ?></label></td>
-            -
                                <td>
-            -
                                  <input type="text" name="background_color" id="background_color" value="<?php echo $row->background_color; ?>" class="color" onchange="jQuery('div[id^=\'wds_preview_image\']').css({backgroundColor: wds_hex_rgba(jQuery(this).val(), 100 - jQuery('#background_transparent').val())})" />
-            -
                                  <input id="background_transparent" name="background_transparent" class="spider_int_input" type="text" onchange="jQuery('div[id^=\'wds_preview_image\']').css({backgroundColor: wds_hex_rgba(jQuery('#background_color').val(), 100 - jQuery(this).val())})" onkeypress="return spider_check_isnum(event)" value="<?php echo $row->background_transparent; ?>" /> %
-            -
                                  <div class="spider_description"><?php _e('Transparency value must be between 0 to 100.', 'wds'); ?></div>
-            -
                                </td>
-            -
                              </tr>
-            -
                              <tr>
-            -
                                <td class="spider_label"><label for="glb_border_width"><?php _e('Border:', 'wds'); ?></label></td>
-            -
                                <td>
-            -
                                  <input type="text" name="glb_border_width" id="glb_border_width" value="<?php echo $row->glb_border_width; ?>" class="spider_int_input" onkeypress="return spider_check_isnum(event)" /> px
-            -
                                  <select class="select_icon select_icon_320" name="glb_border_style" id="glb_border_style">
-            -
                                    <?php
-            -
                                    foreach ($border_styles as $key => $border_style) {
                                       ?>
-            -
                                      <option value="<?php echo $key; ?>" <?php echo (($row->glb_border_style == $key) ? 'selected="selected"' : ''); ?>><?php echo $border_style; ?></option>
                                       <?php
-            -
                                    }
-            -
                                    ?>
-            -
                                  </select>
-            -
                                  <input type="text" name="glb_border_color" id="glb_border_color" value="<?php echo $row->glb_border_color; ?>" class="color" />
-            -
                                  <div class="spider_description"><?php _e('Set the border width, type and the color.', 'wds'); ?></div>
-            -
                                </td>
-            -
                              </tr>
-            -
                              <tr>
-            -
                                <td class="spider_label"><label for="glb_border_radius"><?php _e('Border radius:', 'wds'); ?></label></td>
-            -
                                <td>
-            -
                                  <input type="text" name="glb_border_radius" id="glb_border_radius" value="<?php echo $row->glb_border_radius; ?>" class="spider_char_input" />
-            -
                                  <div class="spider_description"><?php _e('Use CSS type values.', 'wds'); ?></div>
-            -
                                </td>
-            -
                              </tr>
-            -
                              <tr>
-            -
                                <td class="spider_label"><label for="glb_margin"><?php _e('Margin:', 'wds'); ?></label></td>
-            -
                                <td>
-            -
                                  <input type="text" name="glb_margin" id="glb_margin" value="<?php echo $row->glb_margin; ?>" class="spider_int_input" onkeypress="return spider_check_isnum(event)" /> px
-            -
                                  <div class="spider_description"><?php _e('Set a margin for the slider.', 'wds'); ?></div>
-            -
                                </td>
-            -
                              </tr>
-            -
                              <tr>
-            -
                                <td class="spider_label"><label for="glb_box_shadow"><?php _e('Shadow:', 'wds'); ?></label></td>
-            -
                                <td>
-            -
                                  <input type="text" name="glb_box_shadow" id="glb_box_shadow" value="<?php echo $row->glb_box_shadow; ?>" class="spider_box_input" />
-            -
                                  <div class="spider_description"><?php _e('Use CSS type values (e.g. 10px 10px 5px #888888).', 'wds'); ?></div>
-            -
                                </td>
-            -
                              </tr>
-            -
                              <tr>
-            -
                                <td class="spider_label_options">
-            -
                                  <label><?php _e('Right click protection:', 'wds'); ?></label>
-            -
                                </td>
-            -
                                <td>
-            -
                                  <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>
-            -
                                  <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>
-            -
                                  <div class="spider_description"><?php _e('Disable image right click possibility.', 'wds'); ?></div>
-            -
                                </td>
-            -
                              </tr>
-            -
                              <tr>
-            -
                                <td class="spider_label_options">
-            -
                                  <label><?php _e('Layer out on next:', 'wds'); ?></label>
-            -
                                </td>
-            -
                                <td>
-            -
                                  <input 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>
-            -
                                  <input 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>
-            -
                                  <div class="spider_description"><?php _e('Choose whether to have the layer effect out regardless of the timing between the hit to the next slider or skip the effect out and get to the next image.', 'wds'); ?></div>
-            -
                                </td>
-            -
                              </tr>
-            -
                              <tr>
-            -
                                <td class="spider_label"><label><?php _e('Published:', 'wds'); ?></label></td>
-            -
                                <td>
-            -
                                  <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>
-            -
                                  <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>
-            -
                                  <div class="spider_description"><?php _e('Choose whether to publish the mentioned slider or not.', 'wds'); ?></div>
-            -
                                </td>
-            -
                              </tr>
-            -
                            </tbody>
-            -
                          </table>
-            -
                        </div>
-            -
                        <div class="wds_nav_box wds_nav_carousel_box spider_free_version_label" title="<?php echo $functionality_disabled_version; ?>">
-            -
                          <table>
-            -
                            <tbody>
-            -
                              <tr>
-            -
                                <td colspan="2">
-            -
                                  <div class="wd_error" style="padding: 5px; font-size: 14px; color: #000000 !important;"><?php _e('Carousel is disabled in free version.', 'wds'); ?></div>
-            -
                                </td>
-            -
                              </tr>
-            -
                              <tr>
-            -
                                <td class="spider_label"><label><?php _e('Carousel:', 'wds'); ?></label></td>
-            -
                                <td>
-            -
                                  <input disabled="disabled" type="radio" id="carousel1" name="carousel" <?php echo (($row->carousel) ? 'checked="checked"' : ''); ?> value="1" onClick="showhide_for_carousel_fildes(1)" /><label for="carousel1"><?php _e('Yes', 'wds'); ?></label>
-            -
                                  <input disabled="disabled" type="radio" id="carousel0" name="carousel" <?php echo (($row->carousel) ? '' : 'checked="checked"'); ?> value="0" onClick="showhide_for_carousel_fildes(0)" /><label for="carousel0"><?php _e('No', 'wds'); ?></label>
-            -
                                  <div class="spider_description"><?php _e('If you activate this feature the effects you had chosen in Global settings for your slider will not play.', 'wds'); ?></div>
-            -
                                </td>
-            -
                              </tr>
-            -
                            </tbody>
-            -
                            <tbody id="carousel_fildes">
-            -
                              <tr>
-            -
                                <td class="spider_label"><label for="carousel_image_counts"><?php _e('Number of images for carousel:', 'wds'); ?></label></td>
-            -
                                <td>
-            -
                                  <input disabled="disabled" type="text" id="carousel_image_counts" name="carousel_image_counts" value="<?php echo $row->carousel_image_counts; ?>" class="spider_int_input" onkeypress="return spider_check_isnum(event)" />
-            -
                                  <div class="spider_description"></div>
-            -
                                </td>
-            -
                              </tr>
-            -
                              <tr>
-            -
                                <td class="spider_label"><label for="carousel_image_parameters"><?php _e('Carousel image ratio:', 'wds'); ?></label></td>
-            -
                                <td>
-            -
                                  <input disabled="disabled" type="text" id="carousel_image_parameters" name="carousel_image_parameters" value="<?php echo $row->carousel_image_parameters; ?>" class="spider_int_input" onkeypress="return spider_check_isnum(event)" />
-            -
                                  <div class="spider_description"><?php _e('The value must be between 0 and 1.', 'wds'); ?></div>
-            -
                                </td>
-            -
                              </tr>
-            -
                              <tr>
-            -
                                <td class="spider_label"><label><?php _e('Container fit:', 'wds'); ?></label></td>
-            -
                                <td>
-            -
                                  <input disabled="disabled" type="radio" id="carousel_fit_containerWidth1" name="carousel_fit_containerWidth" <?php echo (($row->carousel_fit_containerWidth) ? 'checked="checked"' : ''); ?> value="1" /><label for="carousel_fit_containerWidth1"><?php _e('Yes', 'wds'); ?></label>
-            -
                                  <input disabled="disabled" type="radio" id="carousel_fit_containerWidth0" name="carousel_fit_containerWidth" <?php echo (($row->carousel_fit_containerWidth) ? '' : 'checked="checked"'); ?> value="0" /><label for="carousel_fit_containerWidth0"><?php _e('No', 'wds'); ?></label>
-            -
                                  <div class="spider_description"></div>
-            -
                                </td>
-            -
                              </tr>
-            -
                              <tr>
-            -
                                <td class="spider_label"><label for="carousel_width"><?php _e('Fixed width:', 'wds'); ?></label></td>
-            -
                                <td>
-            -
                                  <input disabled="disabled" type="text" id="carousel_width" name="carousel_width" value="<?php echo $row->carousel_width; ?>" class="spider_int_input" onkeypress="return spider_check_isnum(event)" /> px
-            -
                                  <div class="spider_description"></div>
-            -
                                </td>
-            -
                              </tr>
-            -
                              <tr>
-            -
                                <td class="spider_label"><label for="carousel_degree"><?php _e('Background image angle:', 'wds'); ?></label></td>
-            -
                                <td>
-            -
                                  <input type="text" id="carousel_degree" name="carousel_degree" value="<?php echo $row->carousel_degree; ?>" class="spider_int_input" onkeypress="return spider_check_isnum(event)" /> deg
-            -
                                  <div class="spider_description"></div>
-            -
                                </td>
-            -
                              </tr>
-            -
                              <tr>
-            -
                                <td class="spider_label"><label for="carousel_grayscale"><?php _e('Background image grayscale:', 'wds'); ?></label></td>
-            -
                                <td>
-            -
                                  <input type="text" name="carousel_grayscale" id="carousel_grayscale" value="<?php echo $row->carousel_grayscale; ?>" class="spider_int_input" onkeypress="return spider_check_isnum(event)"/>%
-            -
                                  <div class="spider_description"><?php _e('You can change the color scheme for background images to grayscale. Values must be between 0 to 100', 'wds'); ?></div>
-            -
                                </td>
-            -
                              </tr>
-            -
                              <tr>
-            -
                                <td class="spider_label"><label for="carousel_transparency"><?php _e('Background image transparency:', 'wds'); ?></label></td>
-            -
                                <td>
-            -
                                  <input type="text" name="carousel_transparency" id="carousel_transparency" value="<?php echo $row->carousel_transparency; ?>" class="spider_int_input" onkeypress="return spider_check_isnum(event)"/>%
-            -
                                  <div class="spider_description"><?php _e('You can set transparency level for background images. Values should be between 0 to 100', 'wds'); ?></div>
-            -
                                </td>
-            -
                              </tr>
-            -
                            </tbody>
-            -
                          </table>
-            -
                        </div>
-            -
                        <div class="wds_nav_box wds_nav_navigation_box">
-            -
                          <table>
-            -
                            <tbody>
-            -
                              <tr>
-            -
                                <td class="spider_label_options">
-            -
                                  <label><?php _e('Next / Previous buttons:', 'wds'); ?></label>
-            -
                                </td>
-            -
                                <td>
-            -
                                  <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>
-            -
                                  <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>
-            -
                                  <div class="spider_description"><?php _e('Choose whether to display Previous and Next buttons or not.', 'wds'); ?></div>
-            -
                                </td>
-            -
                              </tr>
-            -
                              <tr>
-            -
                                <td class="spider_label_options">
-            -
                                  <label><?php _e('Mouse swipe navigation:', 'wds'); ?></label>
-            -
                                </td>
-            -
                                <td>
-            -
                                  <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>
-            -
                                  <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>
-            -
                                  <div class="spider_description"></div>
-            -
                                </td>
-            -
                              </tr>
-            -
                              <tr>
-            -
                                <td class="spider_label_options">
-            -
                                  <label><?php _e('Touch swipe navigation:', 'wds'); ?></label>
-            -
                                </td>
-            -
                                <td>
-            -
                                  <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>
-            -
                                  <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>
-            -
                                  <div class="spider_description"></div>
-            -
                                </td>
-            -
                              </tr>
-            -
                              <tr>
-            -
                                <td class="spider_label_options">
-            -
                                  <label><?php _e('Mouse wheel navigation:', 'wds'); ?></label>
-            -
                                </td>
-            -
                                <td>
-            -
                                  <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>
-            -
                                  <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>
-            -
                                  <div class="spider_description"></div>
-            -
                                </td>
-            -
                              </tr>
-            -
                              <tr>
-            -
                                <td class="spider_label_options">
-            -
                                  <label><?php _e('Keyboard navigation:', 'wds'); ?></label>
-            -
                                </td>
-            -
                                <td>
-            -
                                  <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>
-            -
                                  <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>
-            -
                                  <div class="spider_description"></div>
-            -
                                </td>
-            -
                              </tr>
-            -
                              <tr>
-            -
                                <td class="spider_label_options">
-            -
                                  <label><?php _e('Show Navigation buttons:', 'wds'); ?></label>
-            -
                                </td>
-            -
                                <td>
-            -
                                  <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>
-            -
                                  <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>
-            -
                                  <div class="spider_description"><?php _e('Select between the option of always displaying the navigation buttons or only when hovered.', 'wds'); ?></div>
-            -
                                </td>
-            -
                              </tr>
-            -
                              <tr>
-            -
                                <td class="spider_label_options">
-            -
                                  <label><?php _e('Image for Next / Previous buttons:', 'wds'); ?></label>
-            -
                                </td>
-            -
                                <td>
-            -
                                  <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>
-            -
                                  <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>
-            -
                                  <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>
-            -
                                  <input type="hidden" id="right_butt_url" name="right_butt_url" value="<?php echo $row->right_butt_url; ?>" />
-            -
                                  <input type="hidden" id="right_butt_hov_url" name="right_butt_hov_url" value="<?php echo $row->right_butt_hov_url; ?>" />
-            -
                                  <input type="hidden" id="left_butt_url" name="left_butt_url" value="<?php echo $row->left_butt_url; ?>" />
-            -
                                  <input type="hidden" id="left_butt_hov_url" name="left_butt_hov_url" value="<?php echo $row->left_butt_hov_url; ?>" />
-            -
                                  <div class="spider_description"><?php _e('Choose whether to use default navigation buttons or to upload custom ones.', 'wds'); ?></div>
-            -
                                </td>
-            -
                              </tr>
-            -
                            </tbody>
-            -
                            <tbody class="<?php echo $fv_class; ?>"<?php echo $fv_title; ?>>
-            -
                              <?php echo $fv_message; ?>
-            -
                              <tr id="right_left_butt_style">
-            -
                                <td class="spider_label <?php echo $fv_class; ?>"><label for="rl_butt_style"><?php _e('Next / Previous buttons style:', 'wds'); ?></label></td>
-            -
                                <td>
-            -
                                  <div style="display: table;">
-            -
                                    <div style="display: table-cell; vertical-align: middle;">
-            -
                                      <select class="select_icon select_icon_320" name="rl_butt_style" id="rl_butt_style" onchange="change_rl_butt_style(jQuery(this).val())">
-            -
                                      <?php
-            -
                                      foreach ($button_styles as $key => $button_style) {
                                         ?>
-            -
                                        <option value="<?php echo $key; ?>" <?php echo (($row->rl_butt_style == $key) ? 'selected="selected"' : ''); ?>><?php echo $button_style; ?></option>
                                         <?php
+                                      }
                                       ?>
-            -
                                      </select>
-            -
                                    </div>
-            -
                                    <div style="display: table-cell; vertical-align: middle; background-color: rgba(229, 229, 229, 0.62); text-align: center;">
-            -
                                      <i id="wds_left_style" class="fa <?php echo $row->rl_butt_style; ?>-left" style="color: #<?php echo $row->butts_color; ?>; display: inline-block; font-size: 40px; width: 40px; height: 40px;"></i>
-            -
                                      <i id="wds_right_style" class="fa <?php echo $row->rl_butt_style; ?>-right" style="color: #<?php echo $row->butts_color; ?>; display: inline-block; font-size: 40px; width: 40px; height: 40px;"></i>
-            -
                                    </div>
-            -
                                  </div>
-            -
                                  <div class="spider_description"><?php _e('Choose the style of the button you prefer to have as navigation buttons.', 'wds'); ?></div>
-            -
                                </td>
-            -
                              </tr>
-            -
                              <tr id="right_butt_upl">
-            -
                                <td class="spider_label_options" style="vertical-align: middle;">
-            -
                                  <label><?php _e('Upload buttons images:', 'wds'); ?></label>
-            -
                                </td>
-            -
                                <td>
-            -
                                  <div style="display: table;">
-            -
                                    <div style="display: table-cell; vertical-align: middle;" class="display_block">
-            -
                                      <input class="wds_nav_buttons wds_ctrl_btn_upload wds_free_button" type="button" value="<?php _e('Previous Button', 'wds'); ?>" onclick="alert('<?php echo $functionality_disabled_version; ?>')" />
-            -
                                      <input class="wds_nav_buttons wds_ctrl_btn_upload wds_free_button" type="button" value="<?php _e('Previous Button Hover', 'wds'); ?>" onclick="alert('<?php echo $functionality_disabled_version; ?>')" />
-            -
                                    </div>
-            -
                                    <div style="display: table-cell; vertical-align: middle;" class="display_block">
-            -
                                      <input class="wds_nav_buttons wds_ctrl_btn_upload wds_free_button" type="button" value="<?php _e('Next Button', 'wds'); ?>" onclick="alert('<?php echo $functionality_disabled_version; ?>')" />
-            -
                                      <input class="wds_nav_buttons wds_ctrl_btn_upload wds_free_button" type="button" value="<?php _e('Next Button Hover', 'wds'); ?>" onclick="alert('<?php echo $functionality_disabled_version; ?>')" />
-            -
                                    </div>
-            -
                                    <div style="width:100px; display: table-cell; vertical-align: middle; text-align: center;background-color: rgba(229, 229, 229, 0.62); padding-top: 4px; border-radius: 3px;" class="display_block">
-            -
                                      <img id="left_butt_img" src="<?php echo $row->left_butt_url; ?>" style="display:inline-block; width: 40px; height: 40px;" />
-            -
                                      <img id="right_butt_img" src="<?php echo $row->right_butt_url; ?>" style="display:inline-block; width: 40px; height: 40px;" />
-            -
                                      <img id="left_butt_hov_img" src="<?php echo $row->left_butt_hov_url; ?>" style="display:inline-block; width: 40px; height: 40px;" />
-            -
                                      <img id="right_butt_hov_img" src="<?php echo $row->right_butt_hov_url; ?>" style="display:inline-block; width: 40px; height: 40px;" />
-            -
                                    </div>
-            -
                                    <div style="display: table-cell; text-align: center; vertical-align: middle;" class="display_block wds_reverse_cont">
-            -
                                      <input type="button" class="wds_reverse_buttons button-small wds_reverse" onclick="wds_change_custom_src()" value="<?php _e('Reverse', 'wds'); ?>" />
                                     </div>
-            -
                                  </div>
-            -
                                </td>
-            -
                              </tr>
-            -
                              <script>
-            -
                                var wds_rl_butt_type = [];
-            -
                                var rl_butt_dir = '<?php echo WD_S_URL . '/images/arrow/'; ?>';
-            -
                                var type_cur_fold = '1';
-            -
                                <?php
-            -
                                $folder_names = scandir(WD_S_DIR . '/images/arrow');
-            -
                                $cur_fold_name = '';
-            -
                                $cur_type_key = '';
-            -
                                $cur_color_key = '';
-            -
                                $cur_sub_fold_names = array();
-            -
                                array_splice($folder_names, 0, 2);
-            -
                                $flag = FALSE;
-            -
                                foreach ($folder_names as $type_key => $folder_name) {
-            -
                                  if (is_dir(WD_S_DIR . '/images/arrow/' . $folder_name)) {
-            -
                                    ?>
-            -
                                    wds_rl_butt_type["<?php echo $type_key; ?>"] = [];
-            -
                                    wds_rl_butt_type["<?php echo $type_key; ?>"]["type_name"] = "<?php echo $folder_name; ?>";
-            -
                                    <?php
-            -
                                    if ($row->left_butt_url != '') {
-            -
                                      /* Getting current button's type folder and color folder.*/
-            -
                                      $check_cur_fold = explode('/' , $row->left_butt_url);
-            -
                                      if (in_array($folder_name, $check_cur_fold)) {
-            -
                                        $flag = TRUE;
-            -
                                        $cur_fold_name = $folder_name;
-            -
                                        $cur_type_key = $type_key;
-            -
                                        $cur_sub_fold_names = scandir(WD_S_DIR . '/images/arrow/' . $cur_fold_name);
-            -
                                        array_splice($cur_sub_fold_names, 0, 2);
                                         ?>
-            -
                                    type_cur_fold = '<?php echo $cur_type_key;?>';
                                         <?php
-            -
                                      }
-            -
                                    }
-            -
                                    $sub_folder_names = scandir( WD_S_DIR . '/images/arrow/' . $folder_name);
-            -
                                    array_splice($sub_folder_names, 0, 2);
-            -
                                    foreach ($sub_folder_names as $color_key => $sub_folder_name) {
-            -
                                      if (is_dir(WD_S_DIR . '/images/arrow/' . $folder_name . '/' . $sub_folder_name)) {
-            -
                                        if ($cur_fold_name == $folder_name) {
-            -
                                          /* Getting current button's color key.*/
-            -
                                          if (in_array($sub_folder_name, $check_cur_fold)) {
-            -
                                            $cur_color_key = $color_key;
-            -
                                          }
+                                        }
                                         ?>
-            -
                                        wds_rl_butt_type["<?php echo $type_key; ?>"]["<?php echo $color_key; ?>"] = "<?php echo $sub_folder_name; ?>";
                                         <?php
-            -
                                      }
-            -
                                    }
-            -
                                  }
-            -
                                  else {
-            -
                                    ?>
-            -
                                    console.log('<?php echo $folder_name . " is not a directory."; ?>');
-            -
                                    <?php
-            -
                                  }
-            -
                                }
-            -
                                ?>
-            -
                              </script>
-            -
                              <tr id="right_left_butt_select">
-            -
                                <td class="spider_label_options" style="vertical-align: middle;">
-            -
                                  <label for="right_butt_url"><?php _e('Choose buttons:', 'wds'); ?></label>
-            -
                                </td>
-            -
                                <td style="display: block;">
-            -
                                  <div style="display: table; margin-bottom: 14px;">
-            -
                                    <div style="display: table-cell; vertical-align: middle;" class="display_block">
-            -
                                      <div style="display: block; width: 180px;" class="default_buttons">
-            -
                                        <div class="spider_choose_option" onclick="wds_choose_option(this)">
-            -
                                          <div  class="spider_option_main_title"><?php _e('Choose group', 'wds'); ?></div>
-            -
                                          <div class="spider_sel_option_ic"><i class="fa fa-angle-down fa-lg" style="color: #1E8CBE"></i></div>
-            -
                                        </div>
-            -
                                        <div class="spider_options_cont">
                                         <?php
-            -
                                        foreach ($folder_names as $type_key => $folder_name) {
-            -
                                          ?>
-            -
                                          <div class="spider_option_cont wds_rl_butt_groups" value="<?php echo $type_key; ?>" <?php echo (($cur_type_key == $type_key) ? 'selected="selected" style="background-color: #3399FF;"' : ''); ?> onclick="change_rl_butt_type(this)">
-            -
                                            <div  class="spider_option_cont_title">
-            -
                                              <?php _e('Group', 'wds'); echo '-'. ++$type_key; ?>
-            -
                                            </div>
-            -
                                            <div class="spider_option_cont_img">
-            -
                                              <img class="src_top_left" style="display: inline-block; width: 14px; height: 14px;" />
-            -
                                              <img class="src_top_right" style="display: inline-block; width: 14px; height: 14px;" />
-            -
                                              <img class="src_bottom_left" style="display: inline-block; width: 14px; height: 14px;" />
-            -
                                              <img class="src_bottom_right" style="display: inline-block; width: 14px; height: 14px;" />
-            -
                                            </div>
-            -
                                          </div>
                                           <?php
+                                        }
-            -
                                        if (!$flag) {
-            -
                                          /* Folder doesn't exist.*/
                                           ?>
-            -
                                          <div class="spider_option_cont" value="0" selected="selected" disabled="disabled"><?php _e('Custom', 'wds'); ?></div>
                                           <?php
+                                        }
                                         ?>
-            -
                                        </div>
-            -
                                      </div>
-            -
                                    </div>
-            -
                                    <div style="display:table-cell;vertical-align: middle;" class="display_block">
-            -
                                      <div style="display: block; width: 180px; margin-left: 12px;" class="default_buttons">
-            -
                                        <div class="spider_choose_option" onclick="alert('<?php echo $functionality_disabled_version; ?>')">
-            -
                                          <div  class="spider_option_main_title"><?php _e('Choose color', 'wds'); ?></div>
-            -
                                          <div class="spider_sel_option_ic"><i class="fa fa-angle-down fa-lg" style="color:#1E8CBE"></i></div>
-            -
                                        </div>
                                       </div>
-            -
                                    </div>
-            -
                                    <div style="width:100px; display: table-cell; vertical-align: middle; text-align: center;" class="display_block">
-            -
                                      <div style=" display: block; margin-left: 12px; vertical-align: middle; text-align: center;background-color: rgba(229, 229, 229, 0.62); padding-top: 4px; border-radius: 3px;" class="play_buttons_cont">
-            -
                                      <img id="rl_butt_img_l" src="<?php echo $row->left_butt_url; ?>" style="display:inline-block; width: 40px; height: 40px;" />
-            -
                                      <img id="rl_butt_img_r" src="<?php echo $row->right_butt_url; ?>" style="display:inline-block; width: 40px; height: 40px;" />
-            -
                                      <img id="rl_butt_hov_img_l" src="<?php echo $row->left_butt_hov_url; ?>" style="display:inline-block; width: 40px; height: 40px;" />
-            -
                                      <img id="rl_butt_hov_img_r" src="<?php echo $row->right_butt_hov_url; ?>" style="display:inline-block; width: 40px; height: 40px;" />
                                       </div>
                                     </div>
-            -
                                    <div style="display: table-cell; text-align: center; vertical-align: middle;">
-            -
                                      <input type="button" class="wds_reverse_buttons button-small wds_reverse" onclick="change_src()" value="<?php _e('Reverse', 'wds'); ?>" />
-            -
                                    </div>
-            -
                                  </div>
-            -
                                  <div class="spider_description"><?php _e('Choose the type and color for navigation button images. The option is designed for limited preview (colors not included) purposes and can&rsquo;t be saved.', 'wds'); ?></div>
-            -
                                </td>
-            -
                              </tr>
-            -
                              <tr id="right_left_butt_size">
-            -
                                <td class="spider_label <?php echo $fv_class; ?>"><label for="rl_butt_size"><?php _e('Next / Previous buttons size:', 'wds'); ?></label></td>
-            -
                                <td>
-            -
                                  <input type="text" name="rl_butt_size" id="rl_butt_size" value="<?php echo $row->rl_butt_size; ?>" class="spider_int_input" onkeypress="return spider_check_isnum(event)" <?php echo $fv_disabled; ?> /> px
-            -
                                  <div class="spider_description"><?php _e('Set the size for the next / previous buttons.', 'wds'); ?></div>
-            -
                                </td>
-            -
                              </tr>
-            -
                              <tr>
-            -
                                <td class="spider_label_options">
-            -
                                  <label><?php _e('Play / Pause button:', 'wds'); ?></label>
-            -
                                </td>
-            -
                                <td>
-            -
                                  <input type="radio" name="play_paus_butt" id="play_paus_butt_1" value="1" <?php if ($row->play_paus_butt) echo 'checked="checked"'; ?> /><label for="play_paus_butt_1"><?php _e('Yes', 'wds'); ?></label>
-            -
                                  <input type="radio" name="play_paus_butt" id="play_paus_butt_0" value="0" <?php if (!$row->play_paus_butt) echo 'checked="checked"'; ?> /><label for="play_paus_butt_0"><?php _e('No', 'wds'); ?></label>
-            -
                                  <div class="spider_description"><?php _e('Choose whether to display Play and Pause buttons or not.', 'wds'); ?></div>
-            -
                                </td>
-            -
                              </tr>
-            -
                            </tbody>
-            -
                            <tbody>
-            -
                              <tr>
-            -
                                <td class="spider_label_options">
-            -
                                  <label><?php _e('Image for Play / Pause buttons:', 'wds'); ?></label>
-            -
                                </td>
-            -
                                <td>
-            -
                                  <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>
-            -
                                  <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>
-            -
                                  <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>
-            -
                                  <input type="hidden" id="play_butt_url" name="play_butt_url" value="<?php echo $row->play_butt_url; ?>" />
-            -
                                  <input type="hidden" id="play_butt_hov_url" name="play_butt_hov_url" value="<?php echo $row->play_butt_hov_url; ?>" />
-            -
                                  <input type="hidden" id="paus_butt_url" name="paus_butt_url" value="<?php echo $row->paus_butt_url; ?>" />
-            -
                                  <input type="hidden" id="paus_butt_hov_url" name="paus_butt_hov_url" value="<?php echo $row->paus_butt_hov_url; ?>" />
-            -
                                  <div class="spider_description"><?php _e('Choose whether to use default play/pause buttons or to upload custom ones.', 'wds'); ?></div>
-            -
                                </td>
-            -
                              </tr>
-            -
                            </tbody>
-            -
                            <tbody class="<?php echo $fv_class; ?>"<?php echo $fv_title; ?>>
-            -
                              <tr id="play_pause_butt_style">
-            -
                                <td class="spider_label"><label for="pp_butt_style"><?php _e('Play / Pause buttons style:', 'wds'); ?></label></td>
-            -
                                <td>
-            -
                                  <div style="display: table-cell; vertical-align: middle; background-color: rgba(229, 229, 229, 0.62); text-align: center;">
-            -
                                    <i id="wds_play_style" class="fa fa-play" style="color: #<?php echo $row->butts_color; ?>; display: inline-block; font-size: 40px; width: 40px; height: 40px;"></i>
-            -
                                    <i id="wds_paus_style" class="fa fa-pause" style="color: #<?php echo $row->butts_color; ?>; display: inline-block; font-size: 40px; width: 40px; height: 40px;"></i>
-            -
                                  </div>
-            -
                                </td>
-            -
                              </tr>
-            -
                              <tr id="play_pause_butt_cust">
-            -
                                <td class="spider_label_options" style="vertical-align: middle;">
-            -
                                  <label><?php _e('Upload buttons images:', 'wds'); ?></label>
-            -
                                </td>
-            -
                                <td>
-            -
                                  <div style="display: table;">
-            -
                                    <div style="display: table-cell; vertical-align: middle;" class="display_block">
-            -
                                      <input class="wds_nav_buttons wds_ctrl_btn_upload wds_free_button" type="button" value="<?php _e('Play Button', 'wds'); ?>" onclick="alert('<?php echo $functionality_disabled_version; ?>')" />
-            -
                                      <input class="wds_nav_buttons wds_ctrl_btn_upload wds_free_button" type="button" value="<?php _e('Play Button Hovern', 'wds'); ?>" onclick="alert('<?php echo $functionality_disabled_version; ?>')" />
-            -
                                    </div>
-            -
                                    <div style="display: table-cell; vertical-align: middle;" class="display_block">
-            -
                                      <input class="wds_nav_buttons wds_ctrl_btn_upload wds_free_button" type="button" value="<?php _e('Pause Button', 'wds'); ?>" onclick="alert('<?php echo $functionality_disabled_version; ?>')" />
-            -
                                      <input class="wds_nav_buttons wds_ctrl_btn_upload wds_free_button" type="button" value="<?php _e('Pause Button Hover', 'wds'); ?>" onclick="alert('<?php echo $functionality_disabled_version; ?>')" />
-            -
                                    </div>
-            -
                                    <div style="width:100px; display: table-cell; vertical-align: middle; text-align: center;background-color: rgba(229, 229, 229, 0.62); padding-top: 4px; border-radius: 3px;">
-            -
                                      <img id="play_butt_img" src="<?php echo $row->play_butt_url; ?>" style="display:inline-block; width: 40px; height: 40px;" />
-            -
                                      <img id="paus_butt_img" src="<?php echo $row->paus_butt_url; ?>" style="display:inline-block; width: 40px; height: 40px;" />
-            -
                                      <img id="play_butt_hov_img" src="<?php echo $row->play_butt_hov_url; ?>" style="display:inline-block; width: 40px; height: 40px;" />
-            -
                                      <img id="paus_butt_hov_img" src="<?php echo $row->paus_butt_hov_url; ?>" style="display:inline-block; width: 40px; height: 40px;" />
-            -
                                    </div>
-            -
                                    <div style="display: table-cell; text-align: center; vertical-align: middle;" class="display_block wds_reverse_cont">
-            -
                                      <input type="button" class="wds_reverse_buttons button-small wds_reverse" onclick="wds_change_play_paus_custom_src()" value="<?php _e('Reverse', 'wds'); ?>" />
-            -
                                    </div>
-            -
                                  </div>
-            -
                                </td>
-            -
                              </tr>
-            -
                              <script>
-            -
                                var wds_pp_butt_type = [];
-            -
                                var pp_butt_dir = '<?php echo WD_S_URL . '/images/button/'; ?>';
-            -
                                var pp_type_cur_fold = '1';
-            -
                                <?php
-            -
                                $folder_names = scandir(WD_S_DIR . '/images/button');
-            -
                                $butt_cur_fold_name = '';
-            -
                                $butt_cur_type_key = '';
-            -
                                $butt_cur_color_key = '';
-            -
                                $butt_cur_sub_fold_names = array();
-            -
                                array_splice($folder_names, 0, 2);
-            -
                                $flag = FALSE;
-            -
                                foreach ($folder_names as $type_key => $folder_name) {
-            -
                                  if (is_dir(WD_S_DIR . '/images/button/' . $folder_name)) {
-            -
                                    ?>
-            -
                                    wds_pp_butt_type["<?php echo $type_key; ?>"] = [];
-            -
                                    wds_pp_butt_type["<?php echo $type_key; ?>"]["type_name"] = "<?php echo $folder_name; ?>";
-            -
                                    <?php
-            -
                                    if ($row->play_butt_url != '') {
-            -
                                      /* Getting current button's type folder and color folder.*/
-            -
                                      $check_butt_cur_fold = explode('/' , $row->play_butt_url);
-            -
                                      if (in_array($folder_name, $check_butt_cur_fold)) {
-            -
                                        $flag = TRUE;
-            -
                                        $butt_cur_fold_name = $folder_name;
-            -
                                        $butt_cur_type_key = $type_key;
-            -
                                        $butt_cur_sub_fold_names = scandir(WD_S_DIR . '/images/button/' . $butt_cur_fold_name);
-            -
                                        array_splice($butt_cur_sub_fold_names, 0, 2);
-            -
                                        ?>
-            -
                                    pp_type_cur_fold = '<?php echo $butt_cur_type_key;?>';
-            -
                                        <?php
-            -
                                      }
-            -
                                    }
-            -
                                    $sub_folder_names = scandir( WD_S_DIR . '/images/button/' . $folder_name);
-            -
                                    array_splice($sub_folder_names, 0, 2);
-            -
                                    foreach ($sub_folder_names as $color_key => $sub_folder_name) {
-            -
                                      if (is_dir(WD_S_DIR . '/images/button/' . $folder_name . '/' . $sub_folder_name)) {
-            -
                                        if ($butt_cur_fold_name == $folder_name) {
-            -
                                          /* Getting current button's color key.*/
-            -
                                          if (in_array($sub_folder_name, $check_butt_cur_fold)) {
-            -
                                            $butt_cur_color_key = $color_key;
+                                          }
+                                        }
-            -
                                        ?>
-            -
                                        wds_pp_butt_type["<?php echo $type_key; ?>"]["<?php echo $color_key; ?>"] = "<?php echo $sub_folder_name; ?>";
-            -
                                        <?php
+                                      }
-            -
                                    }
-            -
                                  }
-            -
                                  else {
-            -
                                    ?>
-            -
                                    console.log('<?php echo $folder_name . " is not a directory."; ?>');
-            -
                                    <?php
-            -
                                  }
-            -
                                }
-            -
                                ?>
-            -
                              </script>
-            -
                              <tr id="play_pause_butt_select">
-            -
                                <td class="spider_label_options" style="vertical-align: middle;">
-            -
                                  <label for="right_butt_url"><?php _e('Choose buttons:', 'wds'); ?></label>
-            -
                                </td>
-            -
                                <td style="display: block;">
                                     <div style="display: table; margin-bottom: 14px;">
-            -
                                      <div style="display: table-cell; vertical-align: middle;" class="display_block" >
-            -
                                        <div style="display: block; width: 180px;" class="default_buttons">
-            -
                                          <div class="spider_choose_option" onclick="wds_choose_pp_option(this)">
-            -
                                            <div class="spider_option_main_title"><?php _e('Choose group', 'wds'); ?></div>
                                             <div class="spider_sel_option_ic"><i class="fa fa-angle-down fa-lg" style="color: #1E8CBE"></i></div>
                                           </div>
-            -
                                          <div class="spider_pp_options_cont">
                                           <?php
                                           foreach ($folder_names as $type_key => $folder_name) {
-            -
                                            ?>
-            -
                                            <div class="spider_option_cont wds_pp_butt_groups" value="<?php echo $type_key; ?>" <?php echo (($butt_cur_type_key == $type_key) ? 'selected="selected" style="background-color: #3399FF;"' : ''); ?> onclick="change_play_paus_butt_type(this)">
                                               <div  class="spider_option_cont_title">
-            -
                                                <?php _e('Group', 'wds');  echo '-' . ++$type_key; ?>
                                               </div>
                                               <div class="spider_option_cont_img">
-            -
                                                <img class="pp_src_top_left" style="display: inline-block; width: 14px; height: 14px;" />
-            -
                                                <img class="pp_src_top_right" style="display: inline-block; width: 14px; height: 14px;" />
-            -
                                                <img class="pp_src_bottom_left" style="display: inline-block; width: 14px; height: 14px;" />
-            -
                                                <img class="pp_src_bottom_right" style="display: inline-block; width: 14px; height: 14px;" />
                                               </div>
                                             </div>
                                             <?php
@@ -1415,900 +872,1040 @@ class WDSViewSliders_wds {
                                         </div>
                                       </div>
                                       <div style="display:table-cell;vertical-align: middle;" class="display_block">
-            -
                                        <div style="display: block; width: 180px; margin-left: 12px;" class="default_buttons">
-            -
                                          <div class="spider_choose_option" onclick="alert('<?php echo $functionality_disabled_version; ?>')">
-            -
                                            <div  class="spider_option_main_title">Choose color</div>
                                             <div class="spider_sel_option_ic"><i class="fa fa-angle-down fa-lg" style="color:#1E8CBE"></i></div>
                                           </div>
                                         </div>
                                       </div>
                                       <div style="width:100px; display: table-cell; vertical-align: middle; text-align: center;" class="display_block">
                                         <div style=" display: block; margin-left: 12px; vertical-align: middle; text-align: center;background-color: rgba(229, 229, 229, 0.62); padding-top: 4px; border-radius: 3px;" class="play_buttons_cont">
-            -
                                          <img id="pp_butt_img_play" src="<?php echo $row->play_butt_url; ?>" style="display:inline-block; width: 40px; height: 40px;" />
-            -
                                          <img id="pp_butt_img_paus" src="<?php echo $row->paus_butt_url; ?>" style="display:inline-block; width: 40px; height: 40px;" />
-            -
                                          <img id="pp_butt_hov_img_play" src="<?php echo $row->play_butt_hov_url; ?>" style="display:inline-block; width: 40px; height: 40px;" />
-            -
                                          <img id="pp_butt_hov_img_paus" src="<?php echo $row->paus_butt_hov_url; ?>" style="display:inline-block; width: 40px; height: 40px;" />
                                         </div>
                                       </div>
                                       <div style="display: table-cell; text-align: center; vertical-align: middle;">
-            -
                                        <input type="button" class="wds_reverse_buttons button-small wds_reverse" onclick="change_play_paus_src()" value="<?php _e('Reverse', 'wds'); ?>" />
                                       </div>
                                     </div>
-            -
                                  <div class="spider_description"><?php _e('Choose the type and color for navigation button images. The option is designed for limited preview (colors not included) purposes and can&rsquo;t be saved.', 'wds'); ?></div>
-            -
                                </td>
-            -
                              </tr>
-            -
                              <tr id="play_pause_butt_size">
-            -
                                <td class="spider_label <?php echo $fv_class; ?>"><label for="pp_butt_size"><?php _e('Play / Pause button size:', 'wds'); ?></label></td>
-            -
                                <td>
-            -
                                  <input type="text" name="pp_butt_size" id="pp_butt_size" value="<?php echo $row->pp_butt_size; ?>" class="spider_int_input" onkeypress="return spider_check_isnum(event)" <?php echo $fv_disabled; ?> /> px
-            -
                                  <div class="spider_description"><?php _e('Set the size for the play / pause buttons.', 'wds'); ?></div>
-            -
                                </td>
-            -
                              </tr>
-            -
                              <tr id="tr_butts_color">
-            -
                                <td class="spider_label <?php echo $fv_class; ?>"><label for="butts_color"><?php _e('Buttons color:', 'wds'); ?></label></td>
-            -
                                <td>
-            -
                                  <input type="text" name="butts_color" id="butts_color" value="<?php echo $row->butts_color; ?>" class="color" <?php echo $fv_disabled; ?> onchange="jQuery('#wds_left_style,#wds_right_style').css({color: '#' + jQuery(this).val()})" />
-            -
                                  <div class="spider_description"><?php _e('Select a color for the navigation buttons.', 'wds'); ?></div>
-            -
                                </td>
-            -
                              </tr>
-            -
                              <tr id="tr_hover_color">
-            -
                                <td class="spider_label <?php echo $fv_class; ?>"><label for="hover_color"><?php _e('Hover color:', 'wds'); ?></label></td>
-            -
                                <td>
-            -
                                  <input type="text" name="hover_color" id="hover_color" value="<?php echo $row->hover_color; ?>" class="color" <?php echo $fv_disabled; ?> />
-            -
                                  <div class="spider_description"><?php _e('Select a hover color for the navigation buttons.', 'wds'); ?></div>
-            -
                                </td>
-            -
                              </tr>
-            -
                              <tr>
-            -
                                <td class="spider_label <?php echo $fv_class; ?>"><label for="nav_border_width"><?php _e('Border:', 'wds'); ?></label></td>
-            -
                                <td>
-            -
                                  <input type="text" name="nav_border_width" id="nav_border_width" value="<?php echo $row->nav_border_width; ?>" class="spider_int_input" onkeypress="return spider_check_isnum(event)" <?php echo $fv_disabled; ?> /> px
-            -
                                  <select class="select_icon select_icon_320" name="nav_border_style" id="nav_border_style" <?php echo $fv_disabled; ?>>
-            -
                                    <?php
-            -
                                    foreach ($border_styles as $key => $border_style) {
-            -
                                      ?>
-            -
                                      <option value="<?php echo $key; ?>" <?php echo (($row->nav_border_style == $key) ? 'selected="selected"' : ''); ?>><?php echo $border_style; ?></option>
-            -
                                      <?php
-            -
                                    }
-            -
                                    ?>
-            -
                                  </select>
-            -
                                  <input type="text" name="nav_border_color" id="nav_border_color" value="<?php echo $row->nav_border_color; ?>" class="color" <?php echo $fv_disabled; ?> />
-            -
                                  <div class="spider_description"><?php _e('Select the type, size and the color of border for the navigation buttons.', 'wds'); ?></div>
-            -
                                </td>
-            -
                              </tr>
-            -
                              <tr>
-            -
                                <td class="spider_label <?php echo $fv_class; ?>"><label for="nav_border_radius"><?php _e('Border radius:', 'wds'); ?></label></td>
-            -
                                <td>
-            -
                                  <input type="text" name="nav_border_radius" id="nav_border_radius" value="<?php echo $row->nav_border_radius; ?>" class="spider_char_input" <?php echo $fv_disabled; ?> />
-            -
                                  <div class="spider_description"><?php _e('Use CSS type values.', 'wds'); ?></div>
-            -
                                </td>
-            -
                              </tr>
-            -
                              <tr>
-            -
                                <td class="spider_label <?php echo $fv_class; ?>"><label for="nav_bg_color"><?php _e('Background color:', 'wds'); ?></label></td>
-            -
                                <td>
-            -
                                  <input type="text" name="nav_bg_color" id="nav_bg_color" value="<?php echo $row->nav_bg_color; ?>" class="color" <?php echo $fv_disabled; ?> />
-            -
                                  <input type="text" name="butts_transparent" id="butts_transparent" value="<?php echo $row->butts_transparent; ?>" class="spider_int_input" onkeypress="return spider_check_isnum(event)" <?php echo $fv_disabled; ?> /> %
-            -
                                  <div class="spider_description"><?php _e('Transparency value must be between 0 to 100.', 'wds'); ?></div>
-            -
                                </td>
-            -
                              </tr>
-            -
                            </tbody>
-            -
                          </table>
-            -
                        </div>
-            -
                        <div class="wds_nav_box wds_nav_bullets_box">
-            -
                          <table>
-            -
                            <tbody>
-            -
                              <tr>
-            -
                                <td class="spider_label"><label><?php _e('Enable bullets:', 'wds'); ?></label></td>
-            -
                                <td>
-            -
                                  <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>
-            -
                                  <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>
-            -
                                  <div class="spider_description"><?php _e('Choose whether to have navigation bullets or not.', 'wds'); ?></div>
-            -
                                </td>
-            -
                              </tr>
-            -
                              <tr>
-            -
                                <td class="spider_label_options">
-            -
                                  <label><?php _e('Show bullets:', 'wds'); ?></label>
-            -
                                </td>
-            -
                                <td>
-            -
                                  <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>
-            -
                                  <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>
-            -
                                  <div class="spider_description"><?php _e('Select between the option of always displaying the bullets or only when hovered.', 'wds'); ?></div>
-            -
                                </td>
-            -
                              </tr>
-            -
                              <tr>
-            -
                                <td class="spider_label"><label><?php _e('Show thumbnail on bullet hover:', 'wds'); ?></label></td>
-            -
                                <td>
-            -
                                  <input onClick="bwg_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>
-            -
                                  <input onClick="bwg_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>
-            -
                                  <div class="spider_description"></div>
-            -
                                </td>
-            -
                              </tr>
-            -
                              <tr id="tr_thumb_size">
-            -
                                <td class="spider_label_options">
-            -
                                  <label for="wds_thumb_size"><?php _e('Thumbnail Size:', 'wds'); ?></label>
-            -
                                </td>
-            -
                                <td>
-            -
                                  <input onblur="wds_check_number()" type="text" id="wds_thumb_size" name="wds_thumb_size" size="15" value="<?php echo $row->thumb_size; ?>" style="display:inline-block;" />
-            -
                                  <div class="spider_description"><?php _e('Value must be between 0 to 1.', 'wds'); ?></div>
-            -
                                </td>
-            -
                              </tr>
-            -
                              <tr>
-            -
                                <td class="spider_label"><label><?php _e('Position:', 'wds'); ?></label></td>
-            -
                                <td>
-            -
                                  <select class="select_icon select_icon_320" name="bull_position" id="bull_position">
-            -
                                    <option value="top" <?php echo (($row->bull_position == "top") ? 'selected="selected"' : ''); ?>><?php _e('Top', 'wds'); ?></option>
-            -
                                    <option value="bottom" <?php echo (($row->bull_position == "bottom") ? 'selected="selected"' : ''); ?>><?php _e('Bottom', 'wds'); ?></option>
-            -
                                  </select>
-            -
                                  <div class="spider_description"><?php _e('Select the position for the navigation bullets.', 'wds'); ?></div>
-            -
                                </td>
-            -
                              </tr>
-            -
                              <tr>
-            -
                                <td class="spider_label_options">
-            -
                                  <label><?php _e('Bullets type:', 'wds'); ?></label>
-            -
                                </td>
-            -
                                <td>
-            -
                                  <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>
-            -
                                  <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>
-            -
                                  <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>
-            -
                                   <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>
-            -
                                  <input type="hidden" id="bullets_img_main_url" name="bullets_img_main_url" value="<?php echo $row->bullets_img_main_url; ?>" />
-            -
                                  <input type="hidden" id="bullets_img_hov_url" name="bullets_img_hov_url" value="<?php echo $row->bullets_img_hov_url; ?>" />
-            -
                                  <div class="spider_description"></div>
-            -
                                </td>
-            -
                              </tr>
-            -
                            </tbody>
-            -
                            <tbody class="<?php echo $fv_class; ?>"<?php echo $fv_title; ?>>
-            -
                              <?php echo $fv_message; ?>
-            -
                              <tr id="bullets_style">
-            -
                                <td class="spider_label <?php echo $fv_class; ?>"><label for="bull_style"><?php _e('Bullet style:', 'wds'); ?></label></td>
-            -
                                <td>
-            -
                                  <div style="display: table;">
-            -
                                    <div style="display: table-cell; vertical-align: middle;">
-            -
                                      <select class="select_icon select_icon_320" name="bull_style" id="bull_style" <?php echo $fv_disabled; ?> onchange="change_bull_style(jQuery(this).val())">
                                         <?php
-            -
                                        foreach ($bull_styles as $key => $bull_style) {
                                           ?>
-            -
                                          <option value="<?php echo $key; ?>" <?php echo (($row->bull_style == $key) ? 'selected="selected"' : ''); ?>><?php echo $bull_style; ?></option>
                                           <?php
+                                        }
                                         ?>
-            -
                                      </select>
-            -
                                    </div>
-            -
                                    <div style="display: table-cell; vertical-align: middle; background-color: rgba(229, 229, 229, 0.62); text-align: center;">
-            -
                                      <i id="wds_act_bull_style" class="fa <?php echo str_replace('-o', '', $row->bull_style); ?>" style="color: #<?php echo $row->bull_act_color; ?>; display: inline-block; font-size: 40px; width: 40px; height: 40px;"></i>
-            -
                                      <i id="wds_deact_bull_style" class="fa <?php echo $row->bull_style; ?>" style="color: #<?php echo $row->bull_color; ?>; display: inline-block; font-size: 40px; width: 40px; height: 40px;"></i>
-            -
                                    </div>
-            -
                                  </div>
-            -
                                  <div class="spider_description"><?php _e('Choose the style for the bullets.', 'wds'); ?></div>
-            -
                                </td>
-            -
                              </tr>
-            -
                              <script>
-            -
                                var wds_blt_img_type = [];
-            -
                                var blt_img_dir = '<?php echo WD_S_URL . '/images/bullet/'; ?>';
-            -
                                var bull_type_cur_fold = '1';
-            -
                                <?php
-            -
                                $folder_names = scandir(WD_S_DIR . '/images/bullet');
-            -
                                $bull_cur_fold_name = '';
-            -
                                $bull_cur_type_key = '';
-            -
                                $bull_cur_color_key = '';
-            -
                                $bull_cur_sub_fold_names = array();
-            -
                                array_splice($folder_names, 0, 2);
-            -
                                $flag = FALSE;
-            -
                                foreach ($folder_names as $type_key => $folder_name) {
-            -
                                  if (is_dir(WD_S_DIR . '/images/bullet/' . $folder_name)) {
-            -
                                    ?>
-            -
                                    wds_blt_img_type["<?php echo $type_key; ?>"] = [];
-            -
                                    wds_blt_img_type["<?php echo $type_key; ?>"]["type_name"] = "<?php echo $folder_name; ?>";
-            -
                                    <?php
-            -
                                    if ($row->bullets_img_main_url != '') {
-            -
                                      /* Getting current button's type folder and color folder.*/
-            -
                                      $check_bull_cur_fold = explode('/' , $row->bullets_img_main_url);
-            -
                                      if (in_array($folder_name, $check_bull_cur_fold)) {
-            -
                                        $flag = TRUE;
-            -
                                        $bull_cur_fold_name = $folder_name;
-            -
                                        $bull_cur_type_key = $type_key;
-            -
                                        $bull_cur_sub_fold_names = scandir(WD_S_DIR . '/images/bullet/' . $bull_cur_fold_name);
-            -
                                        array_splice($bull_cur_sub_fold_names, 0, 2);
                                         ?>
-            -
                                    bull_type_cur_fold = '<?php echo $bull_cur_type_key;?>';
-            -
                                        <?php
-            -
                                      }
-            -
                                    }
-            -
                                    $sub_folder_names = scandir(WD_S_DIR . '/images/bullet/' . $folder_name);
-            -
                                    array_splice($sub_folder_names, 0, 2);
-            -
                                    foreach ($sub_folder_names as $color_key => $sub_folder_name) {
-            -
                                      if (is_dir(WD_S_DIR . '/images/bullet/' . $folder_name . '/' . $sub_folder_name)) {
-            -
                                        if ($bull_cur_fold_name == $folder_name) {
-            -
                                          /* Getting current button's color key.*/
-            -
                                          if (in_array($sub_folder_name, $check_bull_cur_fold)) {
-            -
                                            $bull_cur_color_key = $color_key;
-            -
                                          }
+                                        }
                                         ?>
-            -
                                        wds_blt_img_type["<?php echo $type_key; ?>"]["<?php echo $color_key; ?>"] = "<?php echo $sub_folder_name; ?>";
-            -
                                        <?php
-            -
                                      }
-            -
                                    }
-            -
                                  }
-            -
                                  else {
-            -
                                    ?>
-            -
                                    console.log('<?php echo $folder_name . " is not a directory."; ?>');
-            -
                                    <?php
-            -
                                  }
-            -
                                }
-            -
                                ?>
-            -
                              </script>
-            -
                              <tr id="bullets_images_cust">
-            -
                                <td class="spider_label_options" style="vertical-align: middle;">
-            -
                                  <label><?php _e('Upload buttons images:', 'wds'); ?></label>
-            -
                                </td>
-            -
                                <td>
-            -
                                  <div style="display: table;">
-            -
                                    <div style="display: table-cell; vertical-align: middle;">
-            -
                                      <input class="wds_bull_buttons wds_ctrl_btn_upload wds_free_button" type="button" value="<?php _e('Active Button', 'wds'); ?>" onclick="alert('<?php echo $functionality_disabled_version; ?>')" />
-            -
                                    </div>
-            -
                                    <div style="display: table-cell; vertical-align: middle;">
-            -
                                      <input class="wds_bull_buttons wds_free_button" type="button" value="<?php _e('Deactive Button', 'wds'); ?>" onclick="alert('<?php echo $functionality_disabled_version; ?>')" />
-            -
                                    </div>
-            -
                                    <div style="width:100px; display: table-cell; vertical-align: middle; text-align: center;background-color: rgba(229, 229, 229, 0.62); padding-top: 4px; border-radius: 3px;">
-            -
                                      <img id="bull_img_main" src="<?php echo $row->bullets_img_main_url; ?>" style="display:inline-block; width: 40px; height: 40px;" />
-            -
                                      <img id="bull_img_hov" src="<?php echo $row->bullets_img_hov_url; ?>" style="display:inline-block; width: 40px; height: 40px;" />
-            -
                                    </div>
-            -
                                    <div style="display: table-cell; text-align: center; vertical-align: middle;">
-            -
                                      <input type="button" class="wds_reverse_buttons button-small wds_reverse" onclick="wds_change_bullets_custom_src()" value="<?php _e('Reverse', 'wds'); ?>" />
-            -
                                    </div>
-            -
                                  </div>
-            -
                                </td>
-            -
                              </tr>
-            -
                              <tr id="bullets_images_select">
-            -
                                <td class="spider_label_options" style="vertical-align: middle;">
-            -
                                  <label for="bullets_images_url"><?php _e('Choose buttons:', 'wds'); ?></label>
-            -
                                </td>
-            -
                                <td style="display: block;">
-            -
                                  <div style="display: table; margin-bottom: 14px;">
-            -
                                    <div style="display: table-cell; vertical-align: middle;" class="display_block">
-            -
                                      <div style="display: block; width: 180px;" class="default_buttons">
-            -
                                        <div class="spider_choose_option" onclick="wds_choose_bull_option(this)">
-            -
                                          <div class="spider_option_main_title"><?php _e('Choose group', 'wds'); ?></div>
-            -
                                          <div class="spider_sel_option_ic"><i class="fa fa-angle-down fa-lg" style="color: #1E8CBE;"></i></div>
-            -
                                        </div>
-            -
                                        <div class="spider_bull_options_cont">
                                         <?php
-            -
                                        foreach ($folder_names as $type_key => $folder_name) {
                                           ?>
-            -
                                          <div class="spider_option_cont wds_bull_butt_groups" value="<?php echo $type_key; ?>" <?php echo (($bull_cur_type_key == $type_key) ? 'selected="selected" style="background-color: #3399FF;"' : ''); ?> onclick="change_bullets_images_type(this)">
-            -
                                            <div class="spider_option_cont_title" style="width: 64%;">
-            -
                                              <?php _e('Group', 'wds'); echo '-' . ++$type_key; ?>
-            -
                                            </div>
-            -
                                            <div class="spider_option_cont_img">
-            -
                                              <img class="bull_src_left" style="display: inline-block; width: 14px; height: 14px;" />
-            -
                                              <img class="bull_src_right" style="display: inline-block; width: 14px; height: 14px;" />
-            -
                                            </div>
-            -
                                          </div>
                                           <?php
+                                        }
-            -
                                        if (!$flag) {
-            -
                                          /* Folder doesn't exist.*/
                                           ?>
-            -
                                          <div class="spider_option_cont" value="0" selected="selected" disabled="disabled"><?php _e('Custom', 'wds'); ?></div>
                                           <?php
+                                        }
                                         ?>
-            -
                                        </div>
-            -
                                      </div>
-            -
                                    </div>
-            -
                                    <div style="display: table-cell; vertical-align: middle;" class="display_block">
-            -
                                      <div style="display: block; width: 180px; margin-left: 12px;">
-            -
                                        <div class="spider_choose_option" onclick="alert('<?php echo $functionality_disabled_version; ?>')" >
-            -
                                          <div class="spider_option_main_title"><?php _e('Choose color', 'wds'); ?></div>
-            -
                                          <div class="spider_sel_option_ic"><i class="fa fa-angle-down fa-lg" style="color: #1E8CBE;"></i></div>
-            -
                                        </div>
                                       </div>
-            -
                                    </div>
-            -
                                    <div style="width: 100px; display: table-cell; vertical-align: middle; text-align: center;">
-            -
                                      <div style="display: block; vertical-align: middle; margin-left: 12px; text-align: center; background-color: rgba(229, 229, 229, 0.62); padding-top: 4px; border-radius: 3px;">
-            -
                                        <img id="bullets_img_main" src="<?php echo $row->bullets_img_main_url; ?>" style="display: inline-block; width: 40px; height: 40px;" />
-            -
                                        <img id="bullets_img_hov" src="<?php echo $row->bullets_img_hov_url; ?>" style="display: inline-block; width: 40px; height: 40px;" />
                                       </div>
-            -
                                    </div>
-            -
                                    <div style="display: table-cell; text-align: center; vertical-align: middle;">
-            -
                                      <input type="button" class="wds_reverse_buttons button-small wds_reverse" onclick="change_bullets_src()" value="<?php _e('Reverse', 'wds'); ?>" />
                                     </div>
-            -
                                  </div>
-            -
                                  <div class="spider_description"><?php _e('Choose the type and color for the bullets. The option is designed for limited preview (colors not included) purposes and can&rsquo;t be saved.', 'wds'); ?></div>
-            -
                                </td>
-            -
                              </tr>
-            -
                              <tr id="bullet_size">
-            -
                                <td class="spider_label <?php echo $fv_class; ?>"><label for="bull_size"><?php _e('Size:', 'wds'); ?></label></td>
-            -
                                <td>
-            -
                                  <input type="text" name="bull_size" id="bull_size" value="<?php echo $row->bull_size; ?>" class="spider_int_input" onkeypress="return spider_check_isnum(event)" <?php echo $fv_disabled; ?> /> px
-            -
                                  <div class="spider_description"><?php _e('Define the size of the navigation bullets.', 'wds'); ?></div>
-            -
                                </td>
-            -
                              </tr>
-            -
                              <tr id="bullets_color">
-            -
                                <td class="spider_label <?php echo $fv_class; ?>"><label for="bull_color"><?php _e('Color:', 'wds'); ?></label></td>
-            -
                                <td>
-            -
                                  <input type="text" name="bull_color" id="bull_color" value="<?php echo $row->bull_color; ?>" class="color" <?php echo $fv_disabled; ?> onchange="jQuery('#wds_deact_bull_style').css({color: '#' + jQuery(this).val()})" />
-            -
                                  <div class="spider_description"><?php _e('Select the color for the navigation bullets.', 'wds'); ?></div>
-            -
                                </td>
-            -
                              </tr>
-            -
                              <tr id="bullets_act_color">
-            -
                                <td class="spider_label <?php echo $fv_class; ?>"><label for="bull_act_color"><?php _e('Active color:', 'wds'); ?></label></td>
-            -
                                <td>
-            -
                                  <input type="text" name="bull_act_color" id="bull_act_color" value="<?php echo $row->bull_act_color; ?>" class="color" <?php echo $fv_disabled; ?> onchange="jQuery('#wds_act_bull_style').css({color: '#' + jQuery(this).val()})" />
-            -
                                  <div class="spider_description"><?php _e('Select the color for the bullet, which is currently displaying a corresponding image.', 'wds'); ?></div>
-            -
                                </td>
-            -
                              </tr>
-            -
                              <tr id="bullets_back_act_color">
-            -
                                <td class="spider_label <?php echo $fv_class; ?>"><label for="bull_back_act_color"><?php _e('Active Background color:', 'wds'); ?></label></td>
-            -
                                <td>
-            -
                                  <input type="text" name="bull_back_act_color" id="bull_back_act_color" value="<?php echo $row->bull_back_act_color; ?>" class="color" <?php echo $fv_disabled; ?> onchange="jQuery('#wds_back_act_bull_text').css({color: '#' + jQuery(this).val()})" />
-            -
                                  <div class="spider_description"><?php _e('Select the background color for the bullet, which is currently displaying a corresponding image.', 'wds'); ?></div>
-            -
                                </td>
-            -
                              </tr>
-            -
                               <tr id="bullets_back_color">
-            -
                                <td class="spider_label <?php echo $fv_class; ?>"><label for="bull_back_color"><?php _e('Background color:', 'wds'); ?></label></td>
-            -
                                <td>
-            -
                                  <input type="text" name="bull_back_color" id="bull_back_color" value="<?php echo $row->bull_back_color; ?>" class="color" <?php echo $fv_disabled; ?> onchange="jQuery('#wds_back_bull_text').css({color: '#' + jQuery(this).val()})" />
-            -
                                  <div class="spider_description"><?php _e('Select the background color for the bullet.', 'wds'); ?></div>
-            -
                                </td>
-            -
                              </tr>
-            -
                              <tr id="bullets_radius">
-            -
                                <td class="spider_label <?php echo $fv_class; ?>"><label for="bull_radius"><?php _e('Border radius:', 'wds'); ?></label></td>
-            -
                                <td>
-            -
                                  <input type="text" name="bull_radius" id="bull_radius" value="<?php echo $row->bull_radius; ?>" class="spider_char_input" <?php echo $fv_disabled; ?> />
-            -
                                  <div class="spider_description"><?php _e('Use CSS type values.', 'wds'); ?></div>
-            -
                                </td>
-            -
                              </tr>
-            -
                              <tr id="bullet_margin">
-            -
                                <td class="spider_label <?php echo $fv_class; ?>"><label for="bull_margin"><?php _e('Margin:', 'wds'); ?></label></td>
-            -
                                <td>
-            -
                                  <input type="text" name="bull_margin" id="bull_margin" value="<?php echo $row->bull_margin; ?>" class="spider_int_input" onkeypress="return spider_check_isnum(event)" <?php echo $fv_disabled; ?> /> px
-            -
                                  <div class="spider_description"><?php _e('Set the margin for the navigation bullets in pixels.', 'wds'); ?></div>
-            -
                                </td>
-            -
                              </tr>
-            -
                            </tbody>
-            -
                          </table>
-            -
                        </div>
-            -
                        <div class="wds_nav_box wds_nav_filmstrip_box spider_free_version_label" title="<?php echo $functionality_disabled_version; ?>">
-            -
                          <table>
-            -
                            <tbody>
-            -
                              <tr>
-            -
                                <td colspan="2">
-            -
                                  <div class="wd_error" style="padding: 5px; font-size: 14px; color: #000000 !important;"><?php _e('Filmstrip is disabled in free version.', 'wds'); ?></div>
-            -
                                </td>
-            -
                              </tr>
-            -
                              <tr>
-            -
                                <td class="spider_label spider_free_version_label"><label><?php _e('Enable filmstrip:', 'wds'); ?></label></td>
-            -
                                <td>
-            -
                                  <input disabled="disabled" type="radio" id="enable_filmstrip1" name="enable_filmstrip" <?php echo (($row->enable_filmstrip) ? 'checked="checked"' : ''); ?> value="1" /><label for="filmstrip1"><?php _e('Yes', 'wds'); ?></label>
-            -
                                  <input disabled="disabled" type="radio" id="enable_filmstrip0" name="enable_filmstrip" <?php echo (($row->enable_filmstrip) ? '' : 'checked="checked"'); ?> value="0" /><label for="filmstrip0"><?php _e('No', 'wds'); ?></label>
-            -
                                  <div class="spider_description"><?php _e('Choose whether to have thumbnails of the slides displayed as a filmstrip or not.', 'wds'); ?></div>
-            -
                                </td>
-            -
                              </tr>
-            -
                              <tr id="filmstrip_position">
-            -
                                <td class="spider_label"><label><?php _e('Position:', 'wds'); ?></label></td>
-            -
                                <td>
-            -
                                  <select class="select_icon select_icon_320" disabled="disabled" name="film_pos" id="film_pos">
-            -
                                    <option value="top" <?php echo (($row->film_pos == "top") ? 'selected="selected"' : ''); ?>><?php _e('Top', 'wds'); ?></option>
-            -
                                    <option value="right" <?php echo (($row->film_pos == "right") ? 'selected="selected"' : ''); ?>><?php _e('Right', 'wds'); ?></option>
-            -
                                    <option value="bottom" <?php echo (($row->film_pos == "bottom") ? 'selected="selected"' : ''); ?>><?php _e('Bottom', 'wds'); ?></option>
-            -
                                    <option value="left" <?php echo (($row->film_pos == "left") ? 'selected="selected"' : ''); ?>><?php _e('Left', 'wds'); ?></option>
-            -
                                  </select>
-            -
                                  <div class="spider_description"><?php _e('Set the position of the filmstrip.', 'wds'); ?></div>
-            -
                                </td>
-            -
                              </tr>
-            -
                              <tr id="filmstrip_size">
-            -
                                <td class="spider_label"><label for="film_thumb_width"><?php _e('Thumbnail dimensions:', 'wds'); ?></label></td>
-            -
                                <td>
-            -
                                  <input disabled="disabled" type="text" name="film_thumb_width" id="film_thumb_width" value="<?php echo $row->film_thumb_width; ?>" class="spider_int_input" onkeypress="return spider_check_isnum(event)" /> x
-            -
                                  <input disabled="disabled" type="text" name="film_thumb_height" id="film_thumb_height" value="<?php echo $row->film_thumb_height; ?>" class="spider_int_input" onkeypress="return spider_check_isnum(event)" /> px
-            -
                                  <div class="spider_description"><?php _e('Define the maximum width and heigth of the filmstrip thumbnails.', 'wds'); ?></div>
-            -
                                </td>
-            -
                              </tr>
-            -
                              <tr>
-            -
                                <td class="spider_label"><label for="film_bg_color"><?php _e('Background color:', 'wds'); ?></label></td>
-            -
                                <td>
-            -
                                  <input disabled="disabled" type="text" name="film_bg_color" id="film_bg_color" value="<?php echo $row->film_bg_color; ?>" class="color" />
-            -
                                  <div class="spider_description"><?php _e('Select the background color for the filmstrip.', 'wds'); ?></div>
-            -
                                </td>
-            -
                              </tr>
-            -
                              <tr id="filmstrip_thumb_margin">
-            -
                                <td class="spider_label"><label for="film_tmb_margin"><?php _e('Thumbnail separator:', 'wds'); ?></label></td>
-            -
                                <td>
-            -
                                  <input disabled="disabled" type="text" name="film_tmb_margin" id="film_tmb_margin" value="<?php echo $row->film_tmb_margin; ?>" class="spider_int_input" onkeypress="return spider_check_isnum(event)"/> px
-            -
                                  <div class="spider_description"><?php _e('Set the separator for the thumbnails.', 'wds'); ?></div>
-            -
                                </td>
-            -
                              </tr>
-            -
                              <tr>
-            -
                                <td class="spider_label"><label for="film_act_border_width"><?php _e('Active border:', 'wds'); ?></label></td>
-            -
                                <td>
-            -
                                  <input disabled="disabled" type="text" name="film_act_border_width" id="film_act_border_width" value="<?php echo $row->film_act_border_width; ?>" class="spider_int_input" onkeypress="return spider_check_isnum(event)"/> px
-            -
                                  <select class="select_icon select_icon_320" disabled="disabled" name="film_act_border_style" id="film_act_border_style">
-            -
                                    <?php
-            -
                                    foreach ($border_styles as $key => $border_style) {
-            -
                                      ?>
-            -
                                      <option value="<?php echo $key; ?>" <?php echo (($row->film_act_border_style == $key) ? 'selected="selected"' : ''); ?>><?php echo $border_style; ?></option>
                                       <?php
-            -
                                    }
-            -
                                    ?>
-            -
                                  </select>
-            -
                                  <input disabled="disabled" type="text" name="film_act_border_color" id="film_act_border_color" value="<?php echo $row->film_act_border_color; ?>" class="color"/>
-            -
                                  <div class="spider_description"><?php _e('The thumbnail for the currently displayed image will have a border. You can set its size, type and color.', 'wds'); ?></div>
-            -
                                </td>
-            -
                              </tr>
-            -
                              <tr>
-            -
                                <td class="spider_label"><label for="film_dac_transparent"><?php _e('Deactive transparency:', 'wds'); ?></label></td>
-            -
                                <td>
-            -
                                  <input disabled="disabled" 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)"/> %
-            -
                                  <div class="spider_description"><?php _e('You can set a transparency level for the inactive filmstrip items which must be between 0 to 100..', 'wds'); ?></div>
-            -
                                </td>
-            -
                              </tr>
-            -
                            </tbody>
-            -
                          </table>
-            -
                        </div>
-            -
                        <div class="wds_nav_box wds_nav_timer_bar_box">
-            -
                          <table>
-            -
                            <tbody>
-            -
                              <tr>
-            -
                                <td class="spider_label"><label><?php _e('Enable timer bar:', 'wds'); ?></label></td>
-            -
                                <td>
-            -
                                  <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>
-            -
                                  <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>
-            -
                                  <div class="spider_description"><?php _e('You can add a bar displaying the timing left to switching to the next slide on autoplay.', 'wds'); ?></div>
-            -
                                </td>
-            -
                              </tr>
-            -
                              <tr>
-            -
                                <td class="spider_label"><label for="timer_bar_type"><?php _e('Type:', 'wds'); ?></label></td>
-            -
                                <td>
-            -
                                  <select class="select_icon select_icon_320" name="timer_bar_type" id="timer_bar_type">
-            -
                                    <option value="top" <?php echo (($row->timer_bar_type == "top") ? 'selected="selected"' : ''); ?>><?php _e('Line top', 'wds'); ?></option>
-            -
                                    <option value="bottom" <?php echo (($row->timer_bar_type == "bottom") ? 'selected="selected"' : ''); ?>><?php _e('Line Bottom', 'wds'); ?></option>
-            -
                                    <option value="circle_top_left" <?php echo (($row->timer_bar_type == "circle_top_left") ? 'selected="selected"' : ''); ?>><?php _e('Circle top left', 'wds'); ?></option>
-            -
                                    <option value="circle_top_right" <?php echo (($row->timer_bar_type == "circle_top_right") ? 'selected="selected"' : ''); ?>><?php _e('Circle top right', 'wds'); ?></option>
-            -
                                    <option value="circle_bot_left" <?php echo (($row->timer_bar_type == "circle_bot_left") ? 'selected="selected"' : ''); ?>><?php _e('Circle bottom left', 'wds'); ?></option>
-            -
                                    <option value="circle_bot_right" <?php echo (($row->timer_bar_type == "circle_bot_right") ? 'selected="selected"' : ''); ?>><?php _e('Circle bottom right', 'wds'); ?></option>
-            -
                                  </select>
-            -
                                  <div class="spider_description"><?php _e('Choose the type of the timer bar to be used within the slider.', 'wds'); ?></div>
-            -
                                </td>
-            -
                              </tr>
-            -
                              <tr>
-            -
                                <td class="spider_label"><label for="timer_bar_size"><?php _e('Size:', 'wds'); ?></label></td>
-            -
                                <td>
-            -
                                  <input type="text" name="timer_bar_size" id="timer_bar_size" value="<?php echo $row->timer_bar_size; ?>" class="spider_int_input" onkeypress="return spider_check_isnum(event)" /> px
-            -
                                  <div class="spider_description"><?php _e('Define the height of the timer bar.', 'wds'); ?></div>
-            -
                                </td>
-            -
                              </tr>
-            -
                              <tr>
-            -
                                <td class="spider_label"><label for="timer_bar_color"><?php _e('Color:', 'wds'); ?></label></td>
-            -
                                <td>
-            -
                                  <input type="text" name="timer_bar_color" id="timer_bar_color" value="<?php echo $row->timer_bar_color; ?>" class="color" />
-            -
                                  <input type="text" name="timer_bar_transparent" id="timer_bar_transparent" value="<?php echo $row->timer_bar_transparent; ?>" class="spider_int_input" onkeypress="return spider_check_isnum(event)"/> %
-            -
                                  <div class="spider_description"><?php _e('Transparency value must be between 0 to 100.', 'wds'); ?></div>
-            -
                                </td>
-            -
                              </tr>
-            -
                            </tbody>
-            -
                          </table>
-            -
                        </div>
-            -
                        <div class="wds_nav_box wds_nav_watermark_box">
-            -
                          <div class="wd_updated">
-            -
                            <p>
-            -
            				<?php _e('Please note that the <b>Fill</b> and <b>Contain</b> options will work fine with <b>Watermark</b> option regardless of the image dimensions, whereas for the <b>Cover</b> option you should have the image identical to the size set in the <b>Dimensions</b> settings. If you have uploaded the image with another dimension, you will need to resize the image and upload it again.', 'wds'); ?>
-            -
                            </p>
-            -
                          </div>
-            -
                          <table>
-            -
                            <tbody>
-            -
                              <tr>
-            -
                                <td style="width: 50%; vertical-align: top; height: 100%; display: table-cell;">
-            -
                                  <table>
-            -
                                    <tbody>
-            -
                                      <tr id="tr_built_in_watermark_type">
-            -
                                        <td class="spider_label_options">
-            -
                                          <label><?php _e('Watermark type:', 'wds'); ?></label>
-            -
                                        </td>
-            -
                                        <td>
-            -
                                          <input type="radio" name="built_in_watermark_type" id="built_in_watermark_type_none" value="none" <?php if ($row->built_in_watermark_type == 'none') echo 'checked="checked"'; ?> onClick="bwg_built_in_watermark('watermark_type_none')" />
-            -
                                          <label <?php if ($row->built_in_watermark_type == 'none') echo 'class="selected_color"'; ?> for="built_in_watermark_type_none"><?php _e('None', 'wds'); ?></label>
-            -
                                          <input type="radio" name="built_in_watermark_type" id="built_in_watermark_type_text" value="text" <?php if ($row->built_in_watermark_type == 'text') echo 'checked="checked"'; ?> onClick="bwg_built_in_watermark('watermark_type_text')" onchange="preview_built_in_watermark()" />
-            -
                                          <label <?php if ($row->built_in_watermark_type == 'text') echo 'class="selected_color"'; ?> for="built_in_watermark_type_text"><?php _e('Text', 'wds'); ?></label>
-            -
                                          <input type="radio" name="built_in_watermark_type" id="built_in_watermark_type_image" value="image" <?php if ($row->built_in_watermark_type == 'image') echo 'checked="checked"'; ?> onClick="bwg_built_in_watermark('watermark_type_image')" onchange="preview_built_in_watermark()" />
-            -
                                          <label <?php if ($row->built_in_watermark_type == 'image') echo 'class="selected_color"'; ?> for="built_in_watermark_type_image"><?php _e('Image', 'wds'); ?></label>
-            -
                                          <div class="spider_description"><?php _e('Choose what kind of watermark you want to use.', 'wds'); ?></div>
-            -
                                        </td>
-            -
                                      </tr>
-            -
                                      <tr id="tr_built_in_watermark_url">
-            -
                                        <td class="spider_label_options">
-            -
                                          <label for="built_in_watermark_url"><?php _e('Watermark url:', 'wds'); ?></label>
-            -
                                        </td>
-            -
                                        <td>
-            -
                                          <input type="text" id="built_in_watermark_url" name="built_in_watermark_url" style="width: 68%;" value="<?php echo $row->built_in_watermark_url; ?>" style="display:inline-block;" onchange="preview_built_in_watermark()" />
                                           <?php
-            -
                                          if (!$spider_uploader) {
                                             ?>
-            -
                                          <input id="wat_img_add_butt" class="wds_not_image_buttons" type="button" onclick="spider_media_uploader('watermark', event, false); return false;" value="<?php _e('Add Images', 'wds'); ?>" />
                                             <?php
+                                          }
-            -
                                          else {
                                             ?>
-            -
                                          <a href="<?php echo add_query_arg(array('callback' => 'wds_add_image', 'image_for' => 'watermark', 'TB_iframe' => '1'), $query_url); ?>" class="wds_not_image_buttons thickbox thickbox-preview" title="<?php _e('Add Image', 'wds'); ?>" onclick="return false;">
-            -
                                            <?php _e('Add Image', 'wds'); ?>
-            -
                                          </a>
                                             <?php
+                                          }
                                           ?>
-            -
                                          <div class="spider_description"><?php _e('Only .png format is supported.', 'wds'); ?></div>
-            -
                                        </td>
-            -
                                      </tr>
-            -
                                      <tr id="tr_built_in_watermark_text">
-            -
                                        <td class="spider_label_options">
-            -
                                          <label for="built_in_watermark_text"><?php _e('Watermark text:', 'wds'); ?></label>
-            -
                                        </td>
-            -
                                        <td>
-            -
                                          <input type="text" name="built_in_watermark_text" id="built_in_watermark_text" style="width: 100%;" value="<?php echo $row->built_in_watermark_text; ?>" onchange="preview_built_in_watermark()" onkeypress="preview_built_in_watermark()" />
-            -
                                          <div class="spider_description"><?php _e('Provide the text which will be displayed over the slides.', 'wds'); ?></div>
-            -
                                        </td>
-            -
                                      </tr>
-            -
                                      <tr id="tr_built_in_watermark_size">
-            -
                                        <td class="spider_label_options">
-            -
                                          <label for="built_in_watermark_size"><?php _e('Watermark size:', 'wds'); ?></label>
-            -
                                        </td>
-            -
                                        <td>
-            -
                                          <input type="text" name="built_in_watermark_size" id="built_in_watermark_size" value="<?php echo $row->built_in_watermark_size; ?>" class="spider_int_input" onchange="preview_built_in_watermark()" /> %
-            -
                                          <div class="spider_description"><?php _e('Enter size of watermark in percents according to image.', 'wds'); ?></div>
-            -
                                        </td>
-            -
                                      </tr>
-            -
                                      <tr id="tr_built_in_watermark_font_size">
-            -
                                        <td class="spider_label_options">
-            -
                                          <label for="built_in_watermark_font_size"><?php _e('Watermark font size:', 'wds'); ?></label>
-            -
                                        </td>
-            -
                                        <td>
-            -
                                          <input type="text" name="built_in_watermark_font_size" id="built_in_watermark_font_size" value="<?php echo $row->built_in_watermark_font_size; ?>" class="spider_int_input" onchange="preview_built_in_watermark()" onkeypress="return spider_check_isnum(event)" /> px
-            -
                                          <div class="spider_description"><?php _e('Specify the font size of the watermark.', 'wds'); ?></div>
-            -
                                        </td>
-            -
                                      </tr>
-            -
                                        <tr id="tr_built_in_watermark_font">
-            -
                                        <td class="spider_label_options">
-            -
                                          <label for="built_in_watermark_font"><?php _e('Watermark font style:', 'wds'); ?></label>
-            -
                                        </td>
-            -
                                        <td>
-            -
                                        <select class="select_icon select_icon_320" name="built_in_watermark_font" id="built_in_watermark_font" style="width:150px;" onchange="preview_built_in_watermark()">
-            -
                                          <?php
-            -
                                          foreach ($built_in_watermark_fonts as $watermark_font) {
-            -
                                          ?>
-            -
                                          <option value="<?php echo $watermark_font; ?>" <?php if ($row->built_in_watermark_font == $watermark_font) echo 'selected="selected"'; ?>><?php echo $watermark_font; ?></option>
                                           <?php
+                                          }
                                           ?>
                                         </select>
-            -
                                        <?php
-            -
                                          foreach ($built_in_watermark_fonts as $watermark_font) {
                                           ?>
-            -
                                          <style>
-            -
                                          @font-face {
-            -
                                            font-family: <?php echo 'bwg_' . str_replace('.ttf', '', $watermark_font); ?>;
-            -
                                            src: url("<?php echo WD_S_URL . '/fonts/' . $watermark_font; ?>");
-            -
                                           }
-            -
                                          </style>
                                           <?php
+                                          }
-            -
                                        ?>
-            -
                                        <div class="spider_description"><?php _e('Specify the font family for the watermark text.', 'wds'); ?></div>
-            -
                                        </td>
-            -
                                      </tr>
-            -
                                      <tr id="tr_built_in_watermark_color">
-            -
                                        <td class="spider_label_options">
-            -
                                          <label for="built_in_watermark_color"><?php _e('Watermark color:', 'wds'); ?></label>
-            -
                                        </td>
-            -
                                        <td>
-            -
                                          <input type="text" name="built_in_watermark_color" id="built_in_watermark_color" value="<?php echo $row->built_in_watermark_color; ?>" class="color" onchange="preview_built_in_watermark()" />
-            -
                                          <input type="text" name="built_in_watermark_opacity" id="built_in_watermark_opacity" value="<?php echo $row->built_in_watermark_opacity; ?>" class="spider_int_input" onchange="preview_built_in_watermark()" /> %
-            -
                                          <div class="spider_description"><?php _e('Transparency value must be between 0 to 100.', 'wds'); ?></div>
-            -
                                        </td>
-            -
                                      </tr>
-            -
                                      <tr id="tr_built_in_watermark_position">
-            -
                                        <td class="spider_label_options">
-            -
                                          <label><?php _e('Watermark position:', 'wds'); ?></label>
-            -
                                        </td>
-            -
                                        <td>
-            -
                                          <table class="wds_position_table">
-            -
                                            <tbody>
-            -
                                              <tr>
-            -
                                                <td class="wds_position_td"><input type="radio" value="top-left" name="built_in_watermark_position" <?php if ($row->built_in_watermark_position == "top-left") echo 'checked="checked"'; ?> onchange="preview_built_in_watermark()"></td>
-            -
                                                <td class="wds_position_td"><input type="radio" value="top-center" name="built_in_watermark_position" <?php if ($row->built_in_watermark_position == "top-center") echo 'checked="checked"'; ?> onchange="preview_built_in_watermark()"></td>
-            -
                                                <td class="wds_position_td"><input type="radio" value="top-right" name="built_in_watermark_position" <?php if ($row->built_in_watermark_position == "top-right") echo 'checked="checked"'; ?> onchange="preview_built_in_watermark()"></td>
-            -
                                              </tr>
-            -
                                              <tr>
-            -
                                                <td class="wds_position_td"><input type="radio" value="middle-left" name="built_in_watermark_position" <?php if ($row->built_in_watermark_position == "middle-left") echo 'checked="checked"'; ?> onchange="preview_built_in_watermark()"></td>
-            -
                                                <td class="wds_position_td"><input type="radio" value="middle-center" name="built_in_watermark_position" <?php if ($row->built_in_watermark_position == "middle-center") echo 'checked="checked"'; ?> onchange="preview_built_in_watermark()"></td>
-            -
                                                <td class="wds_position_td"><input type="radio" value="middle-right" name="built_in_watermark_position" <?php if ($row->built_in_watermark_position == "middle-right") echo 'checked="checked"'; ?> onchange="preview_built_in_watermark()"></td>
-            -
                                              </tr>
-            -
                                              <tr>
-            -
                                                <td class="wds_position_td"><input type="radio" value="bottom-left" name="built_in_watermark_position" <?php if ($row->built_in_watermark_position == "bottom-left") echo 'checked="checked"'; ?> onchange="preview_built_in_watermark()"></td>
-            -
                                                <td class="wds_position_td"><input type="radio" value="bottom-center" name="built_in_watermark_position" <?php if ($row->built_in_watermark_position == "bottom-center") echo 'checked="checked"'; ?> onchange="preview_built_in_watermark()"></td>
-            -
                                                <td class="wds_position_td"><input type="radio" value="bottom-right" name="built_in_watermark_position" <?php if ($row->built_in_watermark_position == "bottom-right") echo 'checked="checked"'; ?> onchange="preview_built_in_watermark()"></td>
-            -
                                              </tr>
-            -
                                            </tbody>
-            -
                                          </table>
-            -
                                          <div class="spider_description"><?php _e('Choose the positioning of the watermark.', 'wds'); ?></div>
-            -
                                        </td>
-            -
                                      </tr>
-            -
                                    </tbody>
-            -
                                  </table>
-            -
                                </td>
-            -
                                <td style="width: 50%; vertical-align: top;height: 100%; display: table-cell;">
-            -
                                  <span id="preview_built_in_watermark" style='display:table-cell; background-image:url("<?php echo WD_S_URL . '/images/watermark_preview.jpg'?>"); background-size:100% 100%;width:400px;height:400px;padding-top: 4px; position:relative;'></span>
-            -
                                </td>
-            -
                              </tr>
-            -
                            </tbody>
-            -
                          </table>
-            -
                        </div>
-            -
                        <div class="wds_nav_box wds_nav_css_box">
-            -
                          <table style="width:50%">
-            -
                            <tbody>
-            -
                              <tr>
-            -
                                <td class="spider_label"><label for="css"><?php _e('Css:', 'wds'); ?></label></td>
-            -
                              </tr>
-            -
                              <tr>
-            -
                                <td style="width: 90%;">
-            -
                                  <div class="spider_description"><?php _e('Add custom CSS to apply custom changes to the slider.', 'wds'); ?></div>
-            -
                                  <textarea id="css" name="css" rows="30" style="width: 100%;"><?php echo htmlspecialchars($row->css); ?></textarea>
-            -
                                </td>
-            -
                              </tr>
-            -
                            </tbody>
-            -
                          </table>
-            -
                        </div>
-            -
                        <div class="wds_nav_box wds_nav_callbacks_box">
-            -
            			        <?php $callback_items = json_decode(htmlspecialchars_decode($row->javascript), TRUE); ?>
-            -
                          <table>
-            -
                            <tr>
-            -
                              <td class="spider_label_options callback_label_options">
-            -
                                <label for="css"><?php _e('Add new callback:', 'wds'); ?></label>
-            -
                              </td>
-            -
                              <td>
-            -
                                <div style="vertical-align: middle;">
-            -
                                  <select class="select_icon select_icon_320" name="callback_list" id="callback_list">
-            -
                                    <?php
-            -
                                    foreach ($slider_callbacks as $key => $slider_callback) {
                                       ?>
-            -
                                      <option value="<?php echo $key; ?>" <?php echo (($row->javascript == $key) ? 'selected="selected"' : ''); ?> <?php echo (isset($callback_items[$key]))? "style='display:none'" : ""; ?>><?php echo $slider_callback; ?></option>
-            -
                                      <?php
-            -
                                    }
-            -
                                    ?>
-            -
                                  </select>
-            -
-            -
                                <button type="button" id="add_callback" class="action_buttons add_callback" onclick="add_new_callback(jQuery(this).closest('tr'),jQuery(this).closest('tr').find('select'));"></button>
-            -
                                <div class="spider_description"></div>
-            -
                                </div>
-            -
                              </td>
-            -
                            </tr>
-            -
                            <tr>
-            -
                              <td colspan="2">
-            -
                              <?php
-            -
                               if (is_array($callback_items) && count($callback_items)) {
-            -
                                foreach ($callback_items as $key => $callback_item) {
-            -
                                  ?>
-            -
                                <div class="callbeck-item">
-            -
                                  <span class="spider_label_options"><?php echo $slider_callbacks[$key]; ?></span>
-            -
                                  <textarea class="callbeck-textarea" name="<?php echo $key; ?>"><?php echo $callback_item; ?></textarea>
-            -
                                  <button type="button" id="remove_callback" class="action_buttons remove_callback" onclick="remove_callback_item(this);"><?php  _e('Slider WD', 'wds');?></button>
-            -
                                </div>
-            -
                                  <?php
-            -
                                }
-            -
                               }
-            -
                              ?>
-            -
                              </td>
-            -
                            </tr>
-            -
                          </table>
-            -
                        </div>
-            -
                      </div>
-            -
                    </div>
-            -
                    <!--------------Slides tab----------->
-            -
                    <div class="wds_box wds_slides_box">
-            -
                      <table>
-            -
                        <thead>
-            -
                          <tr>
-            -
                            <td colspan="4">
-            -
                              <div class="tab_conteiner">
-            -
                                <div class="tab_button_wrap setting_tab_button_wrap" onclick="wds_change_tab(this, 'wds_settings_box')">
-            -
                                  <a class="wds_button-secondary wds_settings" href="#">
-            -
                                    <span tab_type="settings" class="wds_tab_label"><?php _e('Settings', 'wds'); ?></span>
-            -
                                  </a>
-            -
                                </div>
-            -
                                <div class="tab_button_wrap slides_tab_button_wrap" onclick="wds_change_tab(this, 'wds_slides_box')" >
-            -
                                  <a class="wds_button-secondary wds_slides" href="#">
-            -
                                    <span tab_type="slides" class="wds_tab_label"><?php _e('Slides', 'wds'); ?></span>
-            -
                                  </a>
-            -
                                </div>
-            -
                                <div class="clear"></div>
-            -
                              </div>
-            -
                              <div class="wds_buttons">
-            -
                                <?php
-            -
                                if ($spider_uploader) {
-            -
                                  ?>
-            -
            						<div class="wds_button_wrap">
-            -
            							<a href="<?php echo add_query_arg(array('callback' => 'wds_add_image', 'image_for' => 'add_slides', 'TB_iframe' => '1'), $query_url); ?>" class="wds_buttons_320 action_buttons thickbox thickbox-preview add_images" title="<?php _e('Add Images', 'wds'); ?>" onclick="return false;">
-            -
            								<?php _e('Add Images', 'wds'); ?>
-            -
            							</a>
-            -
            						</div>
-            -
                                  <?php
-            -
                                }
-            -
                                else {
-            -
                                  ?>
-            -
            						<div class="wds_button_wrap">
-            -
            							<input type="button" class="action_buttons add_images" id="button_image_url" onclick="spider_media_uploader('button_image_url', event, true); return false;" value="<?php _e('Add Images', 'wds'); ?>" />
-            -
            						</div>
-            -
                                  <?php
-            -
                                }
-            -
                                ?>
-            -
            					<div class="wds_button_wrap">
-            -
                                  <input class="wds_buttons_320 action_buttons add_posts wds_free_button" type="button" onclick="alert('<?php echo $functionality_disabled_version; ?>')" value="<?php _e('Add Posts', 'wds'); ?>" />
-            -
                                </div>
-            -
            					<div class="wds_button_wrap">
-            -
            						<input class="wds_buttons_320 action_buttons set_watermark"  type="button" onclick="spider_set_input_value('task', 'set_watermark'); spider_ajax_save('sliders_form', event);" value="<?php _e('Set Watermark', 'wds'); ?>" />
-            -
                                </div>
-            -
                                <div class="wds_button_wrap">
-            -
            						<input class="wds_buttons_320 action_buttons reset_watermark"  type="button" onclick="spider_set_input_value('task', 'reset_watermark'); spider_ajax_save('sliders_form', event);" value="<?php _e('Reset Watermark', 'wds'); ?>" />
-            -
                                </div>
-            -
                              </div>
-            -
                            </td>
-            -
                          </tr>
-            -
                        </thead>
-            -
                        <tbody style="display: block;">
-            -
                          <tr style="display: block;">
-            -
                            <td colspan="4" style="display: block;">
-            -
                              <div class="bgcolor wds_tabs wbs_subtab aui-sortable">
-            -
                              <h2 class="titles"><?php _e('Slides', 'wds'); ?></h2>
-            -
                                <?php
-            -
            						foreach ($slides_row as $key => $slide_row) {
-            -
            					?>
-            -
            						<script>
-            -
            							jQuery(function(){
-            -
            								jQuery(document).on("click","#wds_tab_image<?php echo $slide_row->id; ?>",function(){
-            -
            										wds_change_sub_tab(this, 'wds_slide<?php echo $slide_row->id; ?>');
-            -
            								});
-            -
            								jQuery(document).on("click","#wds_tab_image<?php echo $slide_row->id; ?> input",function(e){
-            -
            										e.stopPropagation();
-            -
            								});
-            -
            								jQuery(document).on("click","#title<?php echo $slide_row->id; ?>",function(){
-            -
            										wds_change_sub_tab(jQuery("#wds_tab_image<?php echo $slide_row->id; ?>"), 'wds_slide<?php echo $slide_row->id; ?>');
-            -
            										wds_change_sub_tab_title(this, 'wds_slide<?php echo $slide_row->id; ?>');
-            -
            								});
-            -
            							});
-            -
            						</script>
-            -
                                <div id="wds_subtab_wrap<?php echo $slide_row->id; ?>" class="wds_subtab_wrap connectedSortable">
-            -
                                  <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="#" >
-            -
                                    <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; ?>" >
-            -
                                      <div class="tab_buttons">
-            -
            							<div class="handle_wrap">
-            -
            								<div class="handle" title="<?php _e('Drag to re-order', 'wds'); ?>"></div>
-            -
            							</div>
-            -
            							<div class="wds_tab_title_wrap">
-            -
            								<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; ?>" />
-            -
            							</div>
-            -
                                        <input type="hidden" name="order<?php echo $slide_row->id; ?>" id="order<?php echo $slide_row->id; ?>" value="<?php echo $slide_row->order; ?>" />
-            -
                                      </div>
-            -
                                      <div class="overlay" >
-            -
                                         <div id="hover_buttons">
                                         <?php
-            -
                                        if ($spider_uploader) {
                                           ?>
-            -
                                          <a href="<?php echo add_query_arg(array('callback' => 'wds_add_image', 'image_for' => 'add_update_slide','slide_id' => $slide_row->id, 'TB_iframe' => '1'), $query_url); ?>" class="wds_change_thumbnail thickbox thickbox-preview" title="<?php _e('Add/Edit Image', 'wds'); ?>"  onclick="return false;">
-            -
                                          </a>
                                           <?php
+                                        }
                                         else {
                                           ?>
-            -
                                          <span class="wds_change_thumbnail" onclick="spider_media_uploader('<?php echo $slide_row->id; ?>', event, false); return false;" title="<?php _e('Add/Edit Image', 'wds'); ?>" value="<?php _e('Edit Image', 'wds'); ?>"></span>
                                           <?php
+                                        }
-            -
                                        ?>
-            -
                                        <span class="wds_slide_dublicate" title="Duplicate Slide" onclick="wds_duplicate_slide('<?php echo $slide_row->id; ?>');"></span>
-            -
                                        <span class="wds_tab_remove" title="Remove Slide" onclick="wds_remove_slide('<?php echo $slide_row->id; ?>')"></span>
-            -
                                        <input type="hidden" name="order<?php echo $slide_row->id; ?>" id="order<?php echo $slide_row->id; ?>" value="<?php echo $slide_row->order; ?>" />
-            -
                                        <span class="wds_clear"></span>
-            -
                                       </div>
                                       </div>
-            -
                                    </div>
-            -
                                  </div>
-            -
                                </div>
-            -
                                  <?php
-            -
                                }
-            -
                                ?>
-            -
                                <div class="wds_subtab_wrap new_tab_image">
-            -
                                  <div class="new_tab_link" onclick="wds_add_slide()"></div>
-            -
                                </div>
-            -
                                <div class="wds_clear"></div>
-            -
                              </div>
-            -
                              <?php
-            -
                              foreach ($slides_row as $key => $slide_row) {
-            -
                                ?>
-            -
                              <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; ?>">
-            -
                                <table class="ui-sortable<?php echo $slide_row->id; ?>">
-            -
                                  <thead><tr><td colspan="4">&nbsp;</td></tr></thead>
-            -
                                  <tbody>
-            -
                                    <input type="hidden" name="type<?php echo $slide_row->id; ?>" id="type<?php echo $slide_row->id; ?>" value="<?php echo $slide_row->type; ?>" />
-            -
                                    <tr class="bgcolor">
-            -
                                      <td colspan="4">
-            -
                                        <h2 class="titles"><?php _e('Edit Slide', 'wds'); ?></h2>
-            -
                                        <div id="slide_add_buttons">
                                         <?php
                                         if (!$spider_uploader) {
                                           ?>
-            -
                                          <div class="slide_add_buttons_wrap">
-            -
                                            <input type="button" class="action_buttons edit_slide" id="button_image_url<?php echo $slide_row->id; ?>" onclick="spider_media_uploader('<?php echo $slide_row->id; ?>', event, false); return false;" value="<?php _e('Add/Edit Image', 'wds'); ?>" />
-            -
                                          </div>
                                           <?php
+                                        }
                                         else {
                                           ?>
-            -
                                          <div class="slide_add_buttons_wrap">
-            -
                                            <a href="<?php echo add_query_arg(array('callback' => 'wds_add_image', 'image_for' => 'add_update_slide', 'slide_id' => $slide_row->id, 'TB_iframe' => '1'), $query_url); ?>"  class="action_buttons edit_slide thickbox thickbox-preview" title="<?php _e('Add/Edit Image', 'wds'); ?>" onclick="return false;">
-            -
                                            <?php _e('Add/Edit Image', 'wds'); ?>
-            -
                                            </a>
-            -
                                          </div>
                                           <?php
+                                        }
                                         ?>
-            -
                                        <div class="slide_add_buttons_wrap">
-            -
                                          <input type="button" class="action_buttons add_by_url"  onclick="wds_add_image_url('<?php echo $slide_row->id; ?>')" value="<?php _e('Add Image by URL', 'wds'); ?>" />
-            -
                                        </div>
-            -
                                        <div class="slide_add_buttons_wrap">
-            -
                                          <input type="button" class="action_buttons add_video wds_free_button" onclick="alert('<?php echo $functionality_disabled_version; ?>')" value="<?php _e('Add Video', 'wds'); ?>" />
-            -
                                        </div>
-            -
                                        <div class="slide_add_buttons_wrap">
-            -
                                          <input type="button" class="action_buttons embed_media wds_free_button" onclick="alert('<?php echo $functionality_disabled_version; ?>')" value="<?php _e('Embed Media', 'wds'); ?>" />
-            -
                                        </div>
-            -
                                        <div class="slide_add_buttons_wrap">
-            -
                                          <input class="action_buttons add_post wds_free_button" type="button" value="<?php _e('Add Post', 'wds'); ?>" onclick="alert('<?php echo $functionality_disabled_version; ?>')" />
-            -
                                        </div>
-            -
                                        <div class="slide_add_buttons_wrap">
-            -
                                          <input type="button" class="action_buttons delete" id="delete_image_url<?php echo $slide_row->id; ?>" onclick="wds_remove_slide('<?php echo $slide_row->id; ?>')" value="<?php _e('Delete', 'wds'); ?>" />
-            -
                                        </div>
-            -
                                        <div class="slide_add_buttons_wrap">
-            -
                                          <input type="button" class="action_buttons edit_thumb wds_free_button" id="button_image_url<?php echo $slide_row->id; ?>" onclick="alert('<?php echo $functionality_disabled_version; ?>'); return false;" value="<?php _e('Edit Thumbnail', 'wds'); ?>" />
-            -
                                        </div>
-            -
                                        <input type="hidden" id="image_url<?php echo $slide_row->id; ?>" name="image_url<?php echo $slide_row->id; ?>" value="<?php echo $slide_row->image_url; ?>" />
-            -
                                        <input type="hidden" id="thumb_url<?php echo $slide_row->id; ?>" name="thumb_url<?php echo $slide_row->id; ?>" value="<?php echo $slide_row->thumb_url; ?>" />
-            -
                                        <div class="clear"></div>
-            -
                                        </div>
-            -
                                      </td>
-            -
                                    </tr>
-            -
                                    <tr class="bgcolor">
-            -
                                      <td colspan="4">
-            -
                                        <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;">
                                           <div class="wds_preview" style="overflow: hidden; position: absolute; width: inherit; height: inherit; background-color: transparent; background-image: none; display: block;">
                                             <div id="wds_preview_image<?php echo $slide_row->id; ?>" class="wds_preview_image<?php echo $slide_row->id; ?> wds_preview_image"
                                                  style='background-color: <?php echo WDW_S_Library::spider_hex2rgba($row->background_color, (100 - $row->background_transparent) / 100); ?>;
-            -
                                                        background-image: url("<?php echo $slide_row->type != 'image'  ? $slide_row->thumb_url : $slide_row->image_url . '?date=' . date('Y-m-d H:i:s'); ?>");
                                                         background-position: <?php echo ($row->smart_crop == '1' && ($row->bg_fit == 'cover' || $row->bg_fit == 'contain')) ? $row->crop_image_position : 'center center'; ?>;
                                                         background-repeat: no-repeat;
                                                         background-size: <?php echo $row->bg_fit; ?>;
                                                         width: inherit;
-            -
                                                        height: inherit;
-            -
                                                        /*position: relative;*/'>
                                             <?php
                                             $layers_row = $this->model->get_layers_row_data($slide_row->id);
                                             if ($layers_row) {
                                               foreach ($layers_row as $key => $layer) {
                                                 $prefix = 'slide' . $slide_row->id . '_layer' . $layer->id;
                                                 $fonts = (isset($layer->google_fonts) && $layer->google_fonts) ? $google_fonts : $font_families;
                                                 switch ($layer->type) {
                                                   case 'text': {
                                                     ?>
                                                     <span id="<?php echo $prefix; ?>" class="wds_draggable_<?php echo $slide_row->id; ?> wds_draggable ui-draggable" data-type="wds_text_parent" onclick="wds_showhide_layer('<?php echo $prefix; ?>_tbody', 1)"
-            -
                                                          style="<?php echo $layer->image_width ? 'width: ' . $layer->image_width . '%; ' : ''; ?><?php echo $layer->image_height ? 'height: ' . $layer->image_height . '%; ' : ''; ?>word-break: <?php echo ($layer->image_scale ? 'normal' : 'break-all'); ?>; display: inline-block; position: absolute; left: <?php echo $layer->left; ?>px; top: <?php echo $layer->top; ?>px; z-index: <?php echo $layer->depth; ?>; color: #<?php echo $layer->color; ?>; font-size: <?php echo $layer->size; ?>px; line-height: 1.25em; font-family: <?php echo $fonts[$layer->ffamily]; ?>; font-weight: <?php echo $layer->fweight; ?>; padding: <?php echo $layer->padding; ?>; background-color: <?php echo WDW_S_Library::spider_hex2rgba($layer->fbgcolor, (100 - $layer->transparent) / 100); ?>; border: <?php echo $layer->border_width; ?>px <?php echo $layer->border_style; ?> #<?php echo $layer->border_color; ?>; border-radius: <?php echo $layer->border_radius; ?>; box-shadow: <?php echo $layer->shadow; ?>; text-align: <?php echo $layer->text_alignment; ?>"><?php echo str_replace(array("\r\n", "\r", "\n"), "<br>", $layer->text); ?></span>
                                                     <?php
                                                     break;
+                                                  }
                                                   case 'image': {
                                                     ?>
-            -
                                                    <img id="<?php echo $prefix; ?>" class="wds_draggable_<?php echo $slide_row->id; ?> wds_draggable ui-draggabe" onclick="wds_showhide_layer('<?php echo $prefix; ?>_tbody', 1)" src="<?php echo $layer->image_url; ?>"
                                                          style="opacity: <?php echo (100 - $layer->imgtransparent) / 100; ?>; filter: Alpha(opacity=<?php echo 100 - $layer->imgtransparent; ?>); position: absolute; left: <?php echo $layer->left; ?>px; top: <?php echo $layer->top; ?>px; z-index: <?php echo $layer->depth; ?>; border: <?php echo $layer->border_width; ?>px <?php echo $layer->border_style; ?> #<?php echo $layer->border_color; ?>; border-radius: <?php echo $layer->border_radius; ?>; box-shadow: <?php echo $layer->shadow; ?>; " />
                                                     <?php
                                                     break;
+                                                  }
-            -
                                                  case 'video': {
                                                     ?>
-            -
                                                    <img id="<?php echo $prefix; ?>" class="wds_draggable_<?php echo $slide_row->id; ?> wds_draggable ui-draggable" onclick="wds_showhide_layer('<?php echo $prefix; ?>_tbody', 1)" src="<?php echo $layer->image_url; ?>"
                                                          style="max-width: <?php echo $layer->image_width; ?>px; width: <?php echo $layer->image_width; ?>px; max-height: <?php echo $layer->image_height; ?>px; height: <?php echo $layer->image_height; ?>px; position: absolute; left: <?php echo $layer->left; ?>px; top: <?php echo $layer->top; ?>px; z-index: <?php echo $layer->depth; ?>; border: <?php echo $layer->border_width; ?>px <?php echo $layer->border_style; ?> #<?php echo $layer->border_color; ?>; border-radius: <?php echo $layer->border_radius; ?>; box-shadow: <?php echo $layer->shadow; ?>;" />
                                                     <?php
                                                     break;
@@ -2320,6 +1917,78 @@ class WDSViewSliders_wds {
                                                     <?php
                                                     break;
+                                                  }
                                                   default:
                                                     break;
+                                                }
@@ -2329,68 +1998,133 @@ class WDSViewSliders_wds {
                                             </div>
                                           </div>
                                         </div>
                                       </td>
                                     </tr>
                                     <tr>
                                       <td>
-            -
                                        <table class="wds_slide_radio_left">
-            -
                                          <tr>
-            -
                                            <td class="spider_label"><label><?php _e('Published:', 'wds'); ?></label></td>
-            -
                                            <td>
-            -
                                              <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>
-            -
                                              <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>
-            -
                                            </td>
-            -
                                          </tr>
-            -
                                        </table>
-            -
                                        <table class="wds_slide_radio_right">
-            -
                                          <tr id="trlink<?php echo $slide_row->id; ?>" <?php echo $slide_row->type == 'image' ? '' : 'style="display: none;"'; ?>>
-            -
                                            <td title="<?php _e('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.', 'wds'); ?>" class="wds_tooltip spider_label">
-            -
                                              <label for="link<?php echo $slide_row->id; ?>"><?php _e('Link the slide to:', 'wds'); ?></label>
-            -
                                            </td>
-            -
                                            <td>
-            -
                                              <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; ?>" />
-            -
                                              <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>
-            -
                                            </td>
-            -
                                          </tr>
-            -
                                        </table>
                                       </td>
                                     </tr>
                                     <tr class="bgcolor">
                                       <td colspan="4">
                                         <h2 class="titles"><?php _e('Layers', 'wds'); ?></h2>
                                         <div id="layer_add_buttons">
-            -
                                          <div class="layer_add_buttons_wrap">
-            -
                                            <button class="action_buttons add_text_layer <?php echo !$fv ? "" : "wds_free_button"; ?>  button-small" onclick="<?php echo !$fv ? "wds_add_layer('text', '" . $slide_row->id . "')" : "alert('". $functionality_disabled_version ."')"; ?>; return false;" ><?php _e('Add Text Layer', 'wds'); ?></button>
-            -
                                          </div>
-            -
                                        <?php
-            -
                                        if (!$spider_uploader) {
-            -
                                          ?>
                                           <div class="layer_add_buttons_wrap">
-            -
                                            <button  class="action_buttons add_image_layer <?php echo  " wds_free_button"; ?>  button-small" onclick="<?php echo "alert('". $functionality_disabled_version ."')"; ?>; return false;"><?php _e('Add Image Layer', 'wds'); ?></button>
                                           </div>
                                           <?php
-            -
                                        }
-            -
                                        else {
                                           ?>
-            -
                                          <div class="layer_add_buttons_wrap">
-            -
                                            <a href="<?php echo $fv ? add_query_arg(array('callback' => 'wds_add_image', 'image_for' => 'add_layer', 'slide_id' => $slide_row->id, 'TB_iframe' => '1'), $query_url) : ''; ?>" onclick="<?php echo "alert('". $functionality_disabled_version ."')"; ?>; return false;" class="action_buttons add_image_layer <?php echo " wds_free_button"; ?>  button-small" title="<?php _e('Add Image Layer', 'wds'); ?>">
-            -
                                              <?php _e('Add Image Layer', 'wds'); ?>
-            -
                                            </a>
-            -
                                          </div>
-            -
                                          <?php
-            -
                                        }
-            -
                                        ?>
                                           <div class="layer_add_buttons_wrap">
-            -
                                            <input type="button" class="action_buttons add_video_layer button-small wds_free_button" id="button_video_url<?php echo $slide_row->id; ?>"  onclick="alert('<?php echo  $functionality_disabled_version; ?>'); return false;" value="Add Video Layer" />
                                           </div>
                                           <div class="layer_add_buttons_wrap">
-            -
                                            <input type="button" class="action_buttons add_embed_layer button-small wds_free_button" onclick="alert('<?php echo  $functionality_disabled_version; ?>'); return false;" value="<?php _e('Embed Media Layer', 'wds'); ?>" />
                                           </div>
                                           <div class="layer_add_buttons_wrap">
-            -
                                            <button class="action_buttons add_social_layer button-small wds_free_button" onclick="alert('<?php echo  $functionality_disabled_version; ?>'); return false;"><?php _e('Social Button Layer', 'wds'); ?></button>
                                           </div>
                                           <div class="layer_add_buttons_wrap">
-            -
                                            <button class="action_buttons add_hotspot_layer button-small wds_free_button" onclick="alert('<?php echo  $functionality_disabled_version; ?>'); return false;"><?php _e('Add Hotspot Layer', 'wds'); ?></button>
                                           </div>
                                           <div class="clear"></div>
                                         </div>
@@ -2406,676 +2140,53 @@ class WDSViewSliders_wds {
                                       <tbody class="layer_table_count" id="<?php echo $prefix; ?>_tbody">
                                         <tr class="wds_layer_head_tr">
                                           <td class="wds_layer_head" colspan="4">
-            -
                                            <div class="wds_layer_left">
-            -
                                              <div class="layer_handle handle connectedSortable" title="Drag to re-order"></div>
-            -
                                              <span class="wds_layer_label" onclick="wds_showhide_layer('<?php echo $prefix; ?>_tbody', 0)"><input id="<?php echo $prefix; ?>_title" name="<?php echo $prefix; ?>_title" type="text" class="wds_layer_title"   value="<?php echo $layer->title; ?>" title="<?php _e('Layer title', 'wds'); ?>" /></span>
-            -
                                            </div>
-            -
                                            <div class="wds_layer_right">
-            -
                                              <span class="wds_layer_remove" onclick="wds_delete_layer('<?php echo $slide_row->id; ?>', '<?php echo $layer->id; ?>'); " title="Delete layer"></span>
-            -
                                              <span class="wds_layer_dublicate" onclick="wds_add_layer('<?php echo $layer->type; ?>', '<?php echo $slide_row->id; ?>', '', 1, 0); wds_duplicate_layer('<?php echo $layer->type; ?>', '<?php echo $slide_row->id; ?>', '<?php echo $layer->id; ?>');" title="Duplicate layer"></span>
-            -
                                              <input id="<?php echo $prefix; ?>_depth" class="wds_layer_depth spider_int_input" type="text" onchange="jQuery('#<?php echo $prefix; ?>').css({zIndex: jQuery(this).val()})" onkeypress="return spider_check_isnum(event)" value="<?php echo $layer->depth; ?>" prefix="<?php echo $prefix; ?>" name="<?php echo $prefix; ?>_depth" title="z-index" />
-            -
                                            </div>
-            -
                                            <div class="wds_clear"></div>
                                           </td>
                                         </tr>
                                         <?php
                                         switch ($layer->type) {
                                           /*--------text layer----------*/
                                           case 'text': {
-            -
                                            ?>
-            -
                                          <tr style="display:none">
-            -
                                            <td colspan="2">
-            -
                                              <table class="layer_table_left">
-            -
                                                <tr class="wds_layer_tr" >
-            -
                                                  <td class="spider_label">
-            -
                                                    <label for="<?php echo $prefix; ?>_text"><?php _e('Text:', 'wds'); ?></label>
-            -
                                                  </td>
-            -
                                                  <td>
-            -
                                                    <textarea id="<?php echo $prefix; ?>_text" class="wds_textarea" name="<?php echo $prefix; ?>_text" style="width: 222px; height: 60px; resize: vertical;" onkeyup="wds_new_line('<?php echo $prefix; ?>');"><?php echo $layer->text; ?></textarea>
-            -
                                                    <input type="button" class="wds_editor_btn button-secondary" onclick="alert('<?php echo  $functionality_disabled_version; ?>')" value="Editor" />
-            -
                                                    <div class="spider_description"></div>
-            -
                                                </td>
-            -
                                              </tr>
-            -
                                              <tr class="wds_layer_tr">
-            -
                                                <td class="spider_label">
-            -
                                                  <label for="<?php echo $prefix; ?>_static_layer"><?php _e('Static layer:', 'wds'); ?></label>
-            -
                                                </td>
-            -
                                                <td>
-            -
                                                  <input id="<?php echo $prefix; ?>_static_layer" type="checkbox"  name="<?php echo $prefix; ?>_static_layer" <?php echo checked(1, $layer->static_layer); ?> value="1" />
-            -
                                                  <div class="spider_description"><?php _e('The layer will be visible on all slides.', 'wds'); ?></div>
-            -
                                                  </td>
-            -
                                                </tr>
-            -
                                                <tr class="wds_layer_tr">
-            -
                                                  <td title="Leave blank to keep the initial width and height." class="wds_tooltip spider_label">
-            -
                                                    <label for="<?php echo $prefix; ?>_image_width"><?php _e('Dimensions:', 'wds'); ?></label>
-            -
                                                  </td>
-            -
                                                  <td>
-            -
                                                    <input id="<?php echo $prefix; ?>_image_width" class="spider_int_input" type="text" onchange="wds_text_width(this,'<?php echo $prefix; ?>')" value="<?php echo $layer->image_width; ?>" name="<?php echo $prefix; ?>_image_width" /> x
-            -
                                                    <input id="<?php echo $prefix; ?>_image_height" class="spider_int_input" type="text" onchange="wds_text_height(this,'<?php echo $prefix; ?>')" value="<?php echo $layer->image_height; ?>" name="<?php echo $prefix; ?>_image_height" /> %
-            -
                                                    <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 (($layer->image_scale) ? 'checked="checked"' : ''); ?> /><label for="<?php echo $prefix; ?>_image_scale"><?php _e('Break-word', 'wds'); ?></label>
-            -
                                                  </td>
-            -
                                                </tr>
-            -
                                                <tr class="wds_layer_tr" >
-            -
                                                  <td title="<?php _e('In addition you can drag and drop the layer to a desired position.', 'wds'); ?>" class="wds_tooltip spider_label">
-            -
                                                      <label><?php _e('Position:', 'wds'); ?></label>
-            -
                                                    </td>
-            -
                                                    <td>
-            -
                                                      X <input id="<?php echo $prefix; ?>_left" class="spider_int_input" type="text" <?php echo ($layer->align_layer) ? 'disabled="disabled"' : ''; ?> onchange="jQuery('#<?php echo $prefix; ?>').css({left: jQuery(this).val() + 'px'})" onkeypress="return spider_check_isnum(event)" value="<?php echo $layer->left; ?>" name="<?php echo $prefix; ?>_left" />
-            -
                                                      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 $layer->top; ?>" name="<?php echo $prefix; ?>_top" />
-            -
                                                      <input id="<?php echo $prefix; ?>_align_layer" type="checkbox"  name="<?php echo $prefix; ?>_align_layer" <?php echo checked(1, $layer->align_layer ); ?> 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>
-            -
                                                    </td>
-            -
                                                </tr>
-            -
                                                <tr class="wds_layer_tr">
-            -
                                                  <td class="spider_label">
-            -
                                                    <label for="<?php echo $prefix; ?>_size"><?php _e('Size:', 'wds'); ?> </label>
-            -
                                                  </td>
-            -
                                                  <td>
-            -
                                                    <span style="display: table-cell">
-            -
                                                      <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 $layer->size; ?>" name="<?php echo $prefix; ?>_size" /> px
-            -
                                                    </span>
-            -
                                                    <span style="display: table-cell;">
-            -
                                                      <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 $layer->min_size; ?>" name="<?php echo $prefix; ?>_min_size" /> px
-            -
                                                      <div class="spider_description"><?php _e('Minimal size must be less than the actual size.', 'wds'); ?></div>
-            -
                                                    </span>
-            -
                                                  </td>
-            -
                                                </tr>
-            -
                                                <tr class="wds_layer_tr" >
-            -
                                                  <td class="spider_label">
-            -
                                                    <label for="<?php echo $prefix; ?>_color"><?php _e('Color:', 'wds'); ?></label>
-            -
                                                  </td>
-            -
                                                  <td>
-            -
                                                    <input id="<?php echo $prefix; ?>_color" class="color" type="text" onchange="jQuery('#<?php echo $prefix; ?>').css({color: '#' + jQuery(this).val()})" value="<?php echo $layer->color; ?>" name="<?php echo $prefix; ?>_color" />
-            -
                                                    <div class="spider_description"></div>
-            -
                                                  </td>
-            -
                                                </tr>
-            -
                                                <tr class="wds_layer_tr">
-            -
                                                  <td class="spider_label">
-            -
                                                    <label for="<?php echo $prefix; ?>_hover_color_text"><?php _e('Hover Color:', 'wds'); ?></label>
-            -
                                                  </td>
-            -
                                                  <td>
-            -
                                                    <input id="<?php echo $prefix; ?>_hover_color_text" class="color" type="text" value="<?php echo $layer->hover_color_text; ?>" name="<?php echo $prefix; ?>_hover_color_text" />
-            -
                                                    <div class="spider_description"></div>
-            -
                                                 </td>
-            -
                                                </tr>
-            -
                                                <tr class="wds_layer_tr" >
-            -
                                                  <td class="spider_label">
-            -
                                                    <label for="<?php echo $prefix; ?>_ffamily"><?php _e('Font family:', 'wds'); ?></label>
-            -
                                                  </td>
-            -
                                                  <td>
-            -
                                                    <select class="select_icon select_icon_320" style="width: 200px;" id="<?php echo $prefix; ?>_ffamily" onchange="wds_change_fonts('<?php echo $prefix; ?>', 1)" name="<?php echo $prefix; ?>_ffamily">
-            -
                                                      <?php
-            -
                                                      $fonts = (isset($layer->google_fonts) && $layer->google_fonts) ? $google_fonts : $font_families;
-            -
                                                      foreach ($fonts as $key => $font_family) {
-            -
                                                        ?>
-            -
                                                        <option value="<?php echo $key; ?>" <?php echo (($layer->ffamily == $key) ? 'selected="selected"' : ''); ?>><?php echo $font_family; ?></option>
-            -
                                                        <?php
-            -
                                                      }
-            -
                                                      ?>
-            -
                                                    </select>
-            -
                                                    <input id="<?php echo $prefix; ?>_google_fonts1" type="radio" name="<?php echo $prefix;  ?>_google_fonts" value="1" <?php echo (($layer->google_fonts) ? 'checked="checked"' : ''); ?> onchange="wds_change_fonts('<?php echo $prefix; ?>')" />
-            -
                                                    <label for="<?php echo $prefix; ?>_google_fonts1"><?php _e('Google fonts', 'wds'); ?></label>
-            -
                                                    <input id="<?php echo $prefix; ?>_google_fonts0" type="radio" name="<?php echo $prefix;?>_google_fonts" value="0" <?php echo (($layer->google_fonts) ? '' : 'checked="checked"'); ?> onchange="wds_change_fonts('<?php echo $prefix; ?>')" />
-            -
                                                    <label for="<?php echo $prefix; ?>_google_fonts0"><?php _e('Default', 'wds'); ?></label>
-            -
                                                    <div class="spider_description"></div>
-            -
                                                  </td>
-            -
                                                </tr>
-            -
                                                <tr class="wds_layer_tr" >
-            -
                                                  <td class="spider_label">
-            -
                                                    <label for="<?php echo $prefix; ?>_fweight"><?php _e('Font weight:', 'wds'); ?></label>
-            -
                                                  </td>
-            -
                                                  <td>
-            -
                                                    <select class="select_icon select_icon_320" style="width:70px" id="<?php echo $prefix; ?>_fweight" onchange="jQuery('#<?php echo $prefix; ?>').css({fontWeight: jQuery(this).val()})" name="<?php echo $prefix; ?>_fweight">
-            -
                                                      <?php
-            -
                                                      foreach ($font_weights as $key => $fweight) {
-            -
                                                        ?>
-            -
                                                        <option value="<?php echo $key; ?>" <?php echo (($layer->fweight == $key) ? 'selected="selected"' : ''); ?>><?php echo $fweight; ?></option>
-            -
                                                        <?php
-            -
                                                      }
-            -
                                                      ?>
-            -
                                                    </select>
-            -
                                                    <div class="spider_description"></div>
-            -
                                                  </td>
-            -
                                                </tr>
-            -
                                                <tr class="wds_layer_tr" >
-            -
                                                  <td title="<?php _e('Use http:// and https:// for external links.', 'wds'); ?>" class="wds_tooltip spider_label">
-            -
                                                    <label for="<?php echo $prefix; ?>_link"><?php _e('Link:', 'wds'); ?></label>
-            -
                                                  </td>
-            -
                                                  <td>
-            -
                                                  <input id="<?php echo $prefix; ?>_link" class="wds_link" type="text"  value="<?php echo $layer->link; ?>" name="<?php echo $prefix; ?>_link" />
-            -
                                                    <input id="<?php echo $prefix; ?>_target_attr_layer" type="checkbox"  name="<?php echo $prefix; ?>_target_attr_layer" <?php echo (($layer->target_attr_layer) ? 'checked="checked"' : ''); ?> value="1" /><label for="<?php echo $prefix; ?>_target_attr_layer"><?php _e('Published', 'wds'); ?></label>
-            -
                                                  </td>
-            -
                                                </tr>
-            -
                                                <tr class="wds_layer_tr" >
-            -
                                                  <td class="spider_label">
-            -
                                                    <label><?php _e('Published:', 'wds'); ?></label>
-            -
                                                  </td>
-            -
                                                  <td>
-            -
                                                    <input id="<?php echo $prefix; ?>_published1" type="radio" name="<?php echo $prefix; ?>_published" value="1" <?php echo (($layer->published) ? 'checked="checked"' : ''); ?> />
-            -
                                                    <label for="<?php echo $prefix; ?>_published1"><?php _e('Yes', 'wds'); ?></label>
-            -
                                                    <input id="<?php echo $prefix; ?>_published0" type="radio" name="<?php echo $prefix; ?>_published" value="0" <?php echo (($layer->published) ? '' : 'checked="checked"'); ?> />
-            -
                                                    <label for="<?php echo $prefix; ?>_published0"><?php _e('No', 'wds'); ?></label>
-            -
                                                    <div class="spider_description"></div>
-            -
                                                  </td>
-            -
                                                </tr>
-            -
                                              </table>
-            -
                                              <table class="layer_table_right">
-            -
                                                <tr class="wds_layer_tr" >
-            -
                                                  <td class="spider_label">
-            -
                                                    <label for="<?php echo $prefix; ?>_layer_effect_in"><?php _e('Effect In:', 'wds'); ?></label>
-            -
                                                  </td>
-            -
                                                  <td>
-            -
                                                    <span style="display: table-cell;">
-            -
                                                      <input id="<?php echo $prefix; ?>_start" class="spider_int_input" type="text" value="<?php echo $layer->start; ?>" name="<?php echo $prefix; ?>_start" /><?php _e('ms', 'wds'); ?>
-            -
                                                      <div class="spider_description"><?php _e('Start', 'wds'); ?></div>
-            -
                                                    </span>
-            -
                                                    <span style="display: table-cell;">
-            -
                                                      <select class="select_icon select_icon_320" name="<?php echo $prefix; ?>_layer_effect_in" id="<?php echo $prefix; ?>_layer_effect_in" style="width:150px;" onchange="wds_trans_effect_in('<?php echo $slide_row->id; ?>', '<?php echo $prefix; ?>', 0); wds_trans_end('<?php echo $prefix; ?>', jQuery(this).val());">
-            -
                                                      <?php
-            -
                                                      foreach ($layer_effects_in as $key => $layer_effect_in) {
-            -
                                                        ?>
-            -
                                                        <option value="<?php echo $key; ?>" <?php echo (!in_array($key, $free_layer_effects)) ? 'disabled="disabled" title="'. __('This effect is disabled in free version.', 'wds') .'"' : ''; ?> <?php if ($layer->layer_effect_in == $key) echo 'selected="selected"'; ?>><?php echo $layer_effect_in; ?></option>
-            -
                                                        <?php
-            -
                                                      }
-            -
                                                      ?>
-            -
                                                      </select>
-            -
                                                      <div class="spider_description"><?php _e('Effect', 'wds'); ?></div>
-            -
                                                    </span>
-            -
                                                    <span style="display: table-cell;">
-            -
                                                      <input id="<?php echo $prefix; ?>_duration_eff_in" class="spider_int_input" type="text" onkeypress="return spider_check_isnum(event)" onchange="wds_trans_effect_in('<?php echo $slide_row->id; ?>', '<?php echo $prefix; ?>', 0); wds_trans_end('<?php echo $prefix; ?>', jQuery('#<?php echo $prefix; ?>_layer_effect_in').val());" value="<?php echo $layer->duration_eff_in; ?>" name="<?php echo $prefix; ?>_duration_eff_in" /><?php _e('ms', 'wds'); ?>
-            -
                                                      <div class="spider_description"><?php _e('Duration', 'wds'); ?></div>
-            -
                                                    </span>
-            -
                                                    <span style="display: table-cell;">
-            -
                                                    <input id="<?php echo $prefix; ?>_infinite_in" type="text" name="<?php echo $prefix; ?>_infinite_in" value="<?php echo $layer->infinite_in; ?>" class="spider_int_input" title="0 for play infinte times" <?php echo ($layer->layer_effect_in == 'none') ? 'disabled="disabled"' : ''; ?> onchange="wds_trans_effect_in('<?php echo $slide_row->id; ?>', '<?php echo $prefix; ?>', 0); wds_trans_end('<?php echo $prefix; ?>', jQuery('#<?php echo $prefix; ?>_layer_effect_in').val());" />
-            -
                                                    <div class="spider_description"><?php _e('Iteration', 'wds'); ?></div>
-            -
                                                    </span>
-            -
                                                    <div class="spider_description spider_free_version"><?php _e('Some effects are disabled in free version.', 'wds'); ?></div>
-            -
                                                  </td>
-            -
                                                </tr>
-            -
                                                <tr class="wds_layer_tr">
-            -
                                                  <td class="spider_label">
-            -
                                                    <label for="<?php echo $prefix; ?>_layer_effect_out"><?php _e('Effect Out:', 'wds'); ?></label>
-            -
                                                  </td>
-            -
                                                  <td>
-            -
                                                    <span style="display: table-cell;">
-            -
                                                      <input id="<?php echo $prefix; ?>_end" class="spider_int_input" type="text" value="<?php echo $layer->end; ?>" name="<?php echo $prefix; ?>_end"><?php _e('ms', 'wds'); ?>
-            -
                                                      <div class="spider_description"><?php _e('Start', 'wds'); ?></div>
-            -
                                                    </span>
-            -
                                                    <span style="display: table-cell;">
-            -
                                                      <select class="select_icon select_icon_320" name="<?php echo $prefix; ?>_layer_effect_out" id="<?php echo $prefix; ?>_layer_effect_out" style="width:150px;" onchange="wds_trans_effect_out('<?php echo $slide_row->id; ?>', '<?php echo $prefix; ?>', 0); wds_trans_end('<?php echo $prefix; ?>', jQuery(this).val());">
-            -
                                                      <?php
-            -
                                                      foreach ($layer_effects_out as $key => $layer_effect_out) {
-            -
                                                        ?>
-            -
                                                        <option value="<?php echo $key; ?>" <?php echo (!in_array($key, $free_layer_effects)) ? 'disabled="disabled" title="'.  __('This effect is disabled in free version.', 'wds') .'"' : ''; ?> <?php if ($layer->layer_effect_out == $key) echo 'selected="selected"'; ?>><?php echo $layer_effect_out; ?></option>
-            -
                                                        <?php
-            -
                                                      }
-            -
                                                      ?>
-            -
                                                      </select>
-            -
                                                      <div class="spider_description"><?php _e('Effect', 'wds'); ?></div>
-            -
                                                    </span>
-            -
                                                    <span style="display: table-cell;">
-            -
                                                      <input id="<?php echo $prefix; ?>_duration_eff_out" class="spider_int_input" type="text" onkeypress="return spider_check_isnum(event)" onchange="wds_trans_effect_out('<?php echo $slide_row->id; ?>', '<?php echo $prefix; ?>', 0); wds_trans_end('<?php echo $prefix; ?>', jQuery('#<?php echo $prefix; ?>_layer_effect_out').val());" value="<?php echo $layer->duration_eff_out; ?>" name="<?php echo $prefix; ?>_duration_eff_out"><?php _e('ms', 'wds'); ?>
-            -
                                                      <div class="spider_description"><?php _e('Duration', 'wds'); ?></div>
-            -
                                                    </span>
-            -
                                                    <span style="display: table-cell;">
-            -
                                                      <input id="<?php echo $prefix; ?>_infinite_out" type="text" name="<?php echo $prefix; ?>_infinite_out" value="<?php echo $layer->infinite_out; ?>" class="spider_int_input" title="0 for play infinte times" <?php echo ($layer->layer_effect_out == 'none') ? 'disabled="disabled"' : ''; ?> onchange="wds_trans_effect_out('<?php echo $slide_row->id; ?>', '<?php echo $prefix; ?>', 1); wds_trans_end('<?php echo $prefix; ?>', jQuery('#<?php echo $prefix; ?>_layer_effect_out').val());" />
-            -
                                                      <div class="spider_description"><?php _e('Iteration', 'wds'); ?></div>
-            -
                                                    </span>
-            -
                                                    <div class="spider_description spider_free_version"><?php _e('Some effects are disabled in free version.', 'wds'); ?></div>
-            -
                                                  </td>
-            -
                                                </tr>
-            -
                                                <tr class="wds_layer_tr">
-            -
                                                  <td title="Use CSS type values." class="wds_tooltip spider_label">
-            -
                                                    <label for="<?php echo $prefix; ?>_padding"><?php _e('Padding:', 'wds'); ?></label>
-            -
                                                  </td>
-            -
                                                  <td>
-            -
                                                    <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 $layer->padding; ?>" name="<?php echo $prefix; ?>_padding">
-            -
                                                  <div class="spider_description"></div>
-            -
                                                  </td>
-            -
                                                </tr>
-            -
                                                <tr class="wds_layer_tr">
-            -
                                                  <td class="spider_label">
-            -
                                                    <label for="<?php echo $prefix; ?>_fbgcolor"><?php _e('Background Color:', 'wds'); ?></label>
-            -
                                                  </td>
-            -
                                                  <td>
-            -
                                                    <input id="<?php echo $prefix; ?>_fbgcolor" class="color" type="text" onchange="jQuery('#<?php echo $prefix; ?>').css({backgroundColor: wds_hex_rgba(jQuery(this).val(), 100 - jQuery('#<?php echo $prefix; ?>_transparent').val())})" value="<?php echo $layer->fbgcolor; ?>" name="<?php echo $prefix; ?>_fbgcolor" />
-            -
                                                    <div class="spider_description"></div>
-            -
                                                  </td>
-            -
                                                </tr>
-            -
                                                <tr class="wds_layer_tr">
-            -
                                                  <td title="Value must be between 0 to 100." class="wds_tooltip spider_label">
-            -
                                                    <label for="<?php echo $prefix; ?>_transparent"><?php _e('Transparent:', 'wds'); ?></label>
-            -
                                                  </td>
-            -
                                                  <td>
-            -
                                                    <input id="<?php echo $prefix; ?>_transparent" class="spider_int_input" type="text" onchange="jQuery('#<?php echo $prefix; ?>').css({backgroundColor: wds_hex_rgba(jQuery('#<?php echo $prefix; ?>_fbgcolor').val(), 100 - jQuery(this).val())})" onkeypress="return spider_check_isnum(event)" value="<?php echo $layer->transparent; ?>" name="<?php echo $prefix; ?>_transparent"> %
-            -
                                                    <div class="spider_description"></div>
-            -
                                                  </td>
-            -
                                                </tr>
-            -
                                                <tr class="wds_layer_tr">
-            -
                                                  <td class="spider_label">
-            -
                                                    <label for="<?php echo $prefix; ?>_border_width"><?php _e('Border:', 'wds'); ?></label>
-            -
                                                  </td>
-            -
                                                  <td>
-            -
                                                    <input id="<?php echo $prefix; ?>_border_width" class="spider_int_input" type="text" onchange="jQuery('#<?php echo $prefix; ?>').css({borderWidth: jQuery(this).val()})" onkeypress="return spider_check_isnum(event)" value="<?php echo $layer->border_width; ?>" name="<?php echo $prefix; ?>_border_width"> px
-            -
                                                  <select class="select_icon select_icon_320"  id="<?php echo $prefix; ?>_border_style" onchange="jQuery('#<?php echo $prefix; ?>').css({borderStyle: jQuery(this).val()})" style="width: 80px;"  name="<?php echo $prefix; ?>_border_style">
-            -
                                                      <?php
-            -
                                                      foreach ($border_styles as $key => $border_style) {
-            -
                                                        ?>
-            -
                                                        <option value="<?php echo $key; ?>" <?php echo (($layer->border_style == $key) ? 'selected="selected"' : ''); ?>><?php echo $border_style; ?></option>
-            -
                                                        <?php
-            -
                                                      }
-            -
                                                      ?>
-            -
                                                    </select>
-            -
                                                    <input id="<?php echo $prefix; ?>_border_color" class="color" type="text" onchange="jQuery('#<?php echo $prefix; ?>').css({borderColor: '#' + jQuery(this).val()})" value="<?php echo $layer->border_color; ?>" name="<?php echo $prefix; ?>_border_color" />
-            -
                                                    <div class="spider_description"></div>
-            -
                                                  </td>
-            -
                                                </tr>
-            -
                                                <tr class="wds_layer_tr">
-            -
                                                  <td title="<?php _e('Use CSS type values.', 'wds'); ?>" class="wds_tooltip spider_label">
-            -
                                                    <label for="<?php echo $prefix; ?>_border_radius"><?php _e('Radius:', 'wds'); ?></label>
-            -
                                                  </td>
-            -
                                                  <td>
-            -
                                                    <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 $layer->border_radius; ?>" name="<?php echo $prefix; ?>_border_radius">
-            -
                                                    <div class="spider_description"></div>
-            -
                                                  </td>
-            -
                                                </tr>
-            -
                                                <tr class="wds_layer_tr">
-            -
                                                  <td title="<?php _e('Use CSS type values (e.g. 10px 10px 5px #888888).', 'wds'); ?>" class="wds_tooltip spider_label">
-            -
                                                    <label for="<?php echo $prefix; ?>_shadow"><?php _e('Shadow:', 'wds'); ?></label>
-            -
                                                  </td>
-            -
                                                  <td>
-            -
                                                    <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 $layer->shadow; ?>" name="<?php echo $prefix; ?>_shadow" />
-            -
                                                  </td>
-            -
                                                </tr>
-            -
                                                <tr class="wds_layer_tr" >
-            -
                                                  <td title="<?php _e('Add class', 'wds'); ?>" class="wds_tooltip spider_label">
-            -
                                                    <label for="<?php echo $prefix; ?>_add_class"><?php _e('Add class:', 'wds'); ?></label>
-            -
                                                  </td>
-            -
                                                  <td>
-            -
                                                    <input id="<?php echo $prefix; ?>_add_class" class="spider_char_input" type="text" value="<?php echo $layer->add_class; ?>" name="<?php echo $prefix; ?>_add_class" />
-            -
                                                  </td>
-            -
                                                </tr>
-            -
                                                <tr class="wds_layer_tr" >
-            -
                                                  <td class="spider_label">
-            -
                                                    <label for="<?php echo $prefix; ?>_text_alignment"><?php _e('Text alignment:', 'wds'); ?></label>
-            -
                                                  </td>
-            -
                                                  <td>
-            -
                                                      <select class="select_icon select_icon_320" style="width:70px" id="<?php echo $prefix; ?>_text_alignment" onchange="jQuery('#<?php echo $prefix; ?>').css({textAlign: jQuery(this).val()})" name="<?php echo $prefix; ?>_text_alignment">
-            -
                                                      <?php
-            -
                                                      foreach ($text_alignments as $key => $text_alignment) {
-            -
                                                        ?>
-            -
                                                        <option value="<?php echo $key; ?>" <?php echo (($layer->text_alignment == $key) ? 'selected="selected"' : ''); ?>><?php echo $text_alignment; ?></option>
-            -
                                                        <?php
-            -
                                                      }
-            -
                                                      ?>
-            -
                                                    </select>
-            -
                                                    <div class="spider_description"></div>
-            -
                                                  </td>
-            -
                                                </tr>
-            -
                                              </table>
-            -
                                            </td>
-            -
                                          </tr>
-            -
                                            <?php
                                             break;
+                                          }
                                           /*--------image layer----------*/
                                           case 'image': {
-            -
                                            ?>
-            -
                                          <tr style="display:none">
-            -
                                            <td>
-            -
                                            <table class="layer_table_left">
-            -
                                                <tr class="wds_layer_tr" >
-            -
                                                  <td class="spider_label">
-            -
                                                  <label for="<?php echo $prefix; ?>_static_layer"><?php _e('Static layer:', 'wds'); ?></label>
-            -
                                                </td>
-            -
                                                <td>
-            -
                                                  <input id="<?php echo $prefix; ?>_static_layer" type="checkbox"  name="<?php echo $prefix; ?>_static_layer" <?php echo checked(1, $layer->static_layer); ?> value="1" />
-            -
                                                  <div class="spider_description"><?php _e('The layer will be visible on all slides.', 'wds'); ?></div>
-            -
                                                </td>
-            -
                                              </tr>
-            -
                                              <tr class="wds_layer_tr">
-            -
                                                <td title="<?php _e('Set width and height of the image.', 'wds'); ?>" class="wds_tooltip spider_label">
-            -
                                                    <label><?php _e('Dimensions:', 'wds'); ?></label>
-            -
                                                  </td>
-            -
                                                  <td>
-            -
                                                    <input type="hidden" name="<?php echo $prefix; ?>_image_url" id="<?php echo $prefix; ?>_image_url" value="<?php echo $layer->image_url; ?>" />
-            -
                                                    <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 $layer->image_width; ?>" name="<?php echo $prefix; ?>_image_width" /> x
-            -
                                                    <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 $layer->image_height; ?>" name="<?php echo $prefix; ?>_image_height" /> px
-            -
                                                    <input id="<?php echo $prefix; ?>_image_scale" type="checkbox" onchange="wds_scale(this, '<?php echo $prefix; ?>')" name="<?php echo $prefix; ?>_image_scale" <?php echo (($layer->image_scale) ? 'checked="checked"' : ''); ?> /><label for="<?php echo $prefix; ?>_image_scale"><?php _e('Scale', 'wds'); ?></label>
-            -
                                                    <input class="wds_not_image_buttons_grey wds_free_button" type="button" value="Edit Image" onclick="alert('<?php echo  $functionality_disabled_version; ?>')" />
-            -
                                                  </td>
-            -
                                                </tr>
-            -
                                                <tr class="wds_layer_tr" >
-            -
                                                  <td title="<?php _e('Set the HTML attribute specified in the IMG tag.', 'wds'); ?>" class="wds_tooltip spider_label">
-            -
                                                    <label for="<?php echo $prefix; ?>_alt"><?php _e('Alt:', 'wds'); ?></label>
-            -
                                                  </td>
-            -
                                                  <td>
-            -
                                                    <input id="<?php echo $prefix; ?>_alt" type="text" size="39" value="<?php echo $layer->alt; ?>" name="<?php echo $prefix; ?>_alt" />
-            -
                                                  </td>
-            -
                                                </tr>
-            -
                                                <tr class="wds_layer_tr" >
-            -
                                                  <td title="<?php _e('Use http:// and https:// for external links.', 'wds'); ?>" class="wds_tooltip spider_label">
-            -
                                                    <label for="<?php echo $prefix; ?>_link"><?php _e('Link:', 'wds'); ?></label>
-            -
                                                  </td>
-            -
                                                  <td>
-            -
                                                    <input id="<?php echo $prefix; ?>_link" type="text" size="39" value="<?php echo $layer->link; ?>" name="<?php echo $prefix; ?>_link" />
-            -
                                                    <input id="<?php echo $prefix; ?>_target_attr_layer" type="checkbox"  name="<?php echo $prefix; ?>_target_attr_layer" <?php echo (($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>
-            -
                                                  </td>
-            -
                                                </tr>
-            -
                                                <tr class="wds_layer_tr" >
-            -
                                                  <td title="<?php _e('In addition you can drag and drop the layer to a desired position.', 'wds'); ?>" class="wds_tooltip spider_label">
-            -
                                                    <label><?php _e('Position:', 'wds'); ?></label>
-            -
                                                  </td>
-            -
                                                  <td>
-            -
                                                    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 $layer->left; ?>" name="<?php echo $prefix; ?>_left" />
-            -
                                                    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 $layer->top; ?>" name="<?php echo $prefix; ?>_top" />
-            -
                                                  </td>
-            -
                                                </tr>
-            -
                                                <tr class="wds_layer_tr" >
-            -
                                                  <td title="Value must be between 0 to 100." class="wds_tooltip spider_label">
-            -
                                                    <label for="<?php echo $prefix; ?>_imgtransparent"><?php _e('Transparent:', 'wds'); ?></label>
-            -
                                                  </td>
-            -
                                                  <td>
-            -
                                                    <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 $layer->imgtransparent; ?>" name="<?php echo $prefix; ?>_imgtransparent"> %
-            -
                                                  </td>
-            -
                                                </tr>
-            -
                                                <tr class="wds_layer_tr" >
-            -
                                                  <td class="spider_label">
-            -
                                                    <label><?php _e('Published:', 'wds'); ?></label>
-            -
                                                  </td>
-            -
                                                  <td>
-            -
                                                    <input id="<?php echo $prefix; ?>_published1" type="radio" name="<?php echo $prefix; ?>_published" value="1" <?php echo (($layer->published) ? 'checked="checked"' : ''); ?> />
-            -
                                                    <label for="<?php echo $prefix; ?>_published1"><?php _e('Yes', 'wds'); ?></label>
-            -
                                                    <input id="<?php echo $prefix; ?>_published0" type="radio" name="<?php echo $prefix; ?>_published" value="0" <?php echo (($layer->published) ? '' : 'checked="checked"'); ?>/>
-            -
                                                    <label for="<?php echo $prefix; ?>_published0"><?php _e('No', 'wds'); ?></label>
-            -
                                                    <div class="spider_description"></div>
-            -
                                                  </td>
-            -
                                                </tr>
-            -
                                            </table>
-            -
                                            <table class="layer_table_right">
-            -
                                              <tr class="wds_layer_tr">
-            -
                                                <td class="spider_label">
-            -
                                                  <label for="<?php echo $prefix; ?>_layer_effect_in"><?php _e('Effect In:', 'wds'); ?></label>
-            -
                                                </td>
-            -
                                                <td>
-            -
                                                  <span style="display: table-cell;">
-            -
                                                    <input id="<?php echo $prefix; ?>_start" class="spider_int_input" type="text" value="<?php echo $layer->start; ?>" name="<?php echo $prefix; ?>_start" /><?php _e('ms', 'wds'); ?>
-            -
                                                    <div class="spider_description"><?php _e('Start', 'wds'); ?></div>
-            -
                                                  </span>
-            -
                                                  <span style="display: table-cell;">
-            -
                                                    <select name="<?php echo $prefix; ?>_layer_effect_in" id="<?php echo $prefix; ?>_layer_effect_in" style="width:150px;" onchange="wds_trans_effect_in('<?php echo $slide_row->id; ?>', '<?php echo $prefix; ?>', 0); wds_trans_end('<?php echo $prefix; ?>', jQuery(this).val());">
-            -
                                                    <?php
-            -
                                                    foreach ($layer_effects_in as $key => $layer_effect_in) {
-            -
                                                      ?>
-            -
                                                      <option value="<?php echo $key; ?>" <?php echo (!in_array($key, $free_layer_effects)) ? 'disabled="disabled" title="'. __('This effect is disabled in free version.', 'wds') .'"' : ''; ?> <?php if ($layer->layer_effect_in == $key) echo 'selected="selected"'; ?>><?php echo $layer_effect_in; ?></option>
-            -
                                                      <?php
-            -
                                                    }
-            -
                                                    ?>
-            -
                                                    </select>
-            -
                                                    <div class="spider_description"><?php _e('Effect', 'wds'); ?></div>
-            -
                                                  </span>
-            -
                                                  <span style="display: table-cell;">
-            -
                                                    <input id="<?php echo $prefix; ?>_duration_eff_in" class="spider_int_input" type="text" onkeypress="return spider_check_isnum(event)" onchange="wds_trans_effect_in('<?php echo $slide_row->id; ?>', '<?php echo $prefix; ?>', 0); wds_trans_end('<?php echo $prefix; ?>', jQuery('#<?php echo $prefix; ?>_layer_effect_in').val());" value="<?php echo $layer->duration_eff_in; ?>" name="<?php echo $prefix; ?>_duration_eff_in" /><?php _e('ms', 'wds'); ?>
-            -
                                                    <div class="spider_description"><?php _e('Duration', 'wds'); ?></div>
-            -
                                                  </span>
-            -
                                                  <span style="display: table-cell;">
-            -
                                                    <input id="<?php echo $prefix; ?>_infinite_in" type="text" name="<?php echo $prefix; ?>_infinite_in" value="<?php echo $layer->infinite_in; ?>" class="spider_int_input" title="0 for play infinte times" <?php echo ($layer->layer_effect_in == 'none') ? 'disabled="disabled"' : ''; ?> onchange="wds_trans_effect_in('<?php echo $slide_row->id; ?>', '<?php echo $prefix; ?>', 0); wds_trans_end('<?php echo $prefix; ?>', jQuery('#<?php echo $prefix; ?>_layer_effect_in').val());" />
-            -
                                                    <div class="spider_description"><?php _e('Iteration', 'wds'); ?></div>
-            -
                                                   </span>
-            -
                                                  <div class="spider_description spider_free_version"><?php _e('Some effects are disabled in free version.', 'wds'); ?></div>
-            -
                                                </td>
-            -
                                              </tr>
-            -
                                              <tr class="wds_layer_tr" >
-            -
                                                <td class="spider_label">
-            -
                                                  <label for="<?php echo $prefix; ?>_layer_effect_out"><?php _e('Effect Out:', 'wds'); ?></label>
-            -
                                                </td>
-            -
                                                <td>
-            -
                                                  <span style="display: table-cell;">
-            -
                                                    <input id="<?php echo $prefix; ?>_end" class="spider_int_input" type="text" value="<?php echo $layer->end; ?>" name="<?php echo $prefix; ?>_end"><?php _e('ms', 'wds'); ?>
-            -
                                                    <div class="spider_description"><?php _e('Start', 'wds'); ?></div>
-            -
                                                  </span>
-            -
                                                  <span style="display: table-cell;">
-            -
                                                    <select name="<?php echo $prefix; ?>_layer_effect_out" id="<?php echo $prefix; ?>_layer_effect_out" style="width:150px;" onchange="wds_trans_effect_out('<?php echo $slide_row->id; ?>', '<?php echo $prefix; ?>', 0); wds_trans_end('<?php echo $prefix; ?>', jQuery(this).val());">
-            -
                                                    <?php
-            -
                                                    foreach ($layer_effects_out as $key => $layer_effect_out) {
-            -
                                                      ?>
-            -
                                                      <option value="<?php echo $key; ?>" <?php echo (!in_array($key, $free_layer_effects)) ? 'disabled="disabled" title="'. __('This effect is disabled in free version.', 'wds'). '"' : ''; ?> <?php if ($layer->layer_effect_out == $key) echo 'selected="selected"'; ?>><?php echo $layer_effect_out; ?></option>
-            -
                                                      <?php
-            -
                                                    }
-            -
                                                    ?>
-            -
                                                    </select>
-            -
                                                    <div class="spider_description"><?php _e('Effect', 'wds'); ?></div>
-            -
                                                  </span>
-            -
                                                  <span style="display: table-cell;">
-            -
                                                    <input id="<?php echo $prefix; ?>_duration_eff_out" class="spider_int_input" type="text" onkeypress="return spider_check_isnum(event)" onchange="wds_trans_effect_out('<?php echo $slide_row->id; ?>', '<?php echo $prefix; ?>', 0); wds_trans_end('<?php echo $prefix; ?>', jQuery('#<?php echo $prefix; ?>_layer_effect_out').val());" value="<?php echo $layer->duration_eff_out; ?>" name="<?php echo $prefix; ?>_duration_eff_out"><?php _e('ms', 'wds'); ?>
-            -
                                                    <div class="spider_description"><?php _e('Duration', 'wds'); ?></div>
-            -
                                                  </span>
-            -
                                                  <span style="display: table-cell;">
-            -
                                                    <input id="<?php echo $prefix; ?>_infinite_out" type="text" name="<?php echo $prefix; ?>_infinite_out" value="<?php echo $layer->infinite_out; ?>" class="spider_int_input" title="0 for play infinte times" <?php echo ($layer->layer_effect_out == 'none') ? 'disabled="disabled"' : ''; ?> onchange="wds_trans_effect_out('<?php echo $slide_row->id; ?>', '<?php echo $prefix; ?>', 1); wds_trans_end('<?php echo $prefix; ?>', jQuery('#<?php echo $prefix; ?>_layer_effect_out').val());" />
-            -
                                                      <div class="spider_description"><?php _e('Iteration', 'wds'); ?></div>
-            -
                                                  </span>
-            -
                                                  <div class="spider_description spider_free_version"><?php _e('Some effects are disabled in free version.', 'wds'); ?></div>
-            -
                                                </td>
-            -
                                              </tr>
-            -
                                              <tr class="wds_layer_tr">
-            -
                                                <td class="spider_label">
-            -
                                                  <label for="<?php echo $prefix; ?>_border_width"><?php _e('Border:', 'wds'); ?></label>
-            -
                                                </td>
-            -
                                                <td>
-            -
                                                  <input id="<?php echo $prefix; ?>_border_width" class="spider_int_input" type="text" onchange="jQuery('#<?php echo $prefix; ?>').css({borderWidth: jQuery(this).val()})" onkeypress="return spider_check_isnum(event)" value="<?php echo $layer->border_width; ?>" name="<?php echo $prefix; ?>_border_width"> px
-            -
                                                  <select id="<?php echo $prefix; ?>_border_style" onchange="jQuery('#<?php echo $prefix; ?>').css({borderStyle: jQuery(this).val()})" style="width: 80px;" name="<?php echo $prefix; ?>_border_style">
-            -
                                                    <?php
-            -
                                                    foreach ($border_styles as $key => $border_style) {
-            -
                                                      ?>
-            -
                                                      <option value="<?php echo $key; ?>" <?php echo (($layer->border_style == $key) ? 'selected="selected"' : ''); ?>><?php echo $border_style; ?></option>
-            -
                                                      <?php
-            -
                                                    }
-            -
                                                    ?>
-            -
                                                  </select>
-            -
                                                  <input id="<?php echo $prefix; ?>_border_color" class="color" type="text" onchange="jQuery('#<?php echo $prefix; ?>').css({borderColor: '#' + jQuery(this).val()})" value="<?php echo $layer->border_color; ?>" name="<?php echo $prefix; ?>_border_color" />
-            -
                                                  <div class="spider_description"></div>
-            -
                                                </td>
-            -
                                              </tr>
-            -
                                              <tr class="wds_layer_tr">
-            -
                                                <td title="<?php _e('Use CSS type values.', 'wds'); ?>" class="wds_tooltip spider_label">
-            -
                                                  <label for="<?php echo $prefix; ?>_border_radius"><?php _e('Radius:', 'wds'); ?></label>
-            -
                                                </td>
-            -
                                                <td>
-            -
                                                  <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 $layer->border_radius; ?>" name="<?php echo $prefix; ?>_border_radius">
-            -
                                                </td>
-            -
                                              </tr>
-            -
                                              <tr class="wds_layer_tr">
-            -
                                                <td class="wds_tooltip spider_label">
-            -
                                                  <label for="<?php echo $prefix; ?>_shadow"><?php _e('Shadow:', 'wds'); ?></label>
-            -
                                                </td>
-            -
                                                <td>
-            -
                                                  <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 $layer->shadow; ?>" name="<?php echo $prefix; ?>_shadow" />
-            -
                                                </td>
-            -
                                              </tr>
-            -
                                              <tr class="wds_layer_tr">
-            -
                                                <td title="<?php _e('Add class:', 'wds'); ?>" class="wds_tooltip spider_label">
-            -
                                                  <label for="<?php echo $prefix; ?>_add_class"><?php _e('Add class:', 'wds'); ?></label>
-            -
                                                </td>
-            -
                                                <td>
-            -
                                                  <input id="<?php echo $prefix; ?>_add_class" class="spider_char_input" type="text" value="<?php echo $layer->add_class; ?>" name="<?php echo $prefix; ?>_add_class" />
-            -
                                                </td>
-            -
                                              </tr>
-            -
                                            </table>
-            -
                                            </td>
-            -
                                          </tr>
-            -
                                        <?php
                                             break;
+                                          }
                                           /*--------social button layer----------*/
                                           case 'social': {
-            -
                                            ?>
-            -
                                          <tr style="display:none">
-            -
                                            <td>
-            -
                                              <table class="layer_table_left">
-            -
                                                <tr class="wds_layer_tr">
-            -
                                                  <td class="spider_label">
-            -
                                                  <label for="<?php echo $prefix; ?>_static_layer"><?php _e('Static layer:', 'wds'); ?></label>
-            -
                                                </td>
-            -
                                                <td>
-            -
                                                 <input id="<?php echo $prefix; ?>_static_layer" type="checkbox"  name="<?php echo $prefix; ?>_static_layer" <?php echo checked(1, $layer->static_layer); ?> value="1" />
-            -
                                                 <div class="spider_description"><?php _e('The layer will be visible on all slides.', 'wds'); ?></div>
-            -
                                                </td>
-            -
                                              </tr>
-            -
                                              <tr class="wds_layer_tr">
-            -
                                                <td title="<?php _e('In addition you can drag and drop the layer to a desired position.', 'wds'); ?>" class="wds_tooltip spider_label">
-            -
                                                    <label><?php _e('Position:', 'wds'); ?></label>
-            -
                                                  </td>
-            -
                                                  <td>
-            -
                                                    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 $layer->left; ?>" name="<?php echo $prefix; ?>_left" />
-            -
                                                    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 $layer->top; ?>" name="<?php echo $prefix; ?>_top" />
-            -
                                                    <div class="spider_description"><?php _e('In addition you can drag and drop the layer to a desired position.', 'wds'); ?></div>
-            -
                                                  </td>
-            -
                                                </tr>
-            -
                                                <tr class="wds_layer_tr">
-            -
                                                  <td class="spider_label">
-            -
                                                    <label for="<?php echo $prefix; ?>_social_button"><?php _e('Social button:', 'wds'); ?></label>
-            -
                                                  </td>
-            -
                                                  <td>
-            -
                                                    <select id="<?php echo $prefix; ?>_social_button" onchange="jQuery('#<?php echo $prefix; ?>').attr('class', 'wds_draggable_<?php echo $slide_row->id; ?> wds_draggable fa fa-' + jQuery(this).val())" name="<?php echo $prefix; ?>_social_button">
-            -
                                                      <?php
-            -
                                                      foreach ($social_buttons as $key => $social_button) {
-            -
                                                        ?>
-            -
                                                        <option value="<?php echo $key; ?>" <?php echo (($layer->social_button == $key) ? 'selected="selected"' : ''); ?>><?php echo $social_button; ?></option>
-            -
                                                        <?php
-            -
                                                      }
-            -
                                                      ?>
-            -
                                                    </select>
-            -
                                                    <div class="spider_description"></div>
-            -
                                                  </td>
-            -
                                                </tr>
-            -
                                                <tr class="wds_layer_tr">
-            -
                                                  <td class="spider_label">
-            -
                                                    <label for="<?php echo $prefix; ?>_size"><?php _e('Size:', 'wds'); ?></label>
-            -
                                                  </td>
-            -
                                                  <td>
-            -
                                                    <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 $layer->size; ?>" name="<?php echo $prefix; ?>_size" /> <?php _e('px', 'wds'); ?>
-            -
                                                    <div class="spider_description"></div>
-            -
                                                  </td>
-            -
                                                  <td class="spider_label">
-            -
                                                    <label for="<?php echo $prefix; ?>_color"><?php _e('Color:', 'wds'); ?></label>
-            -
                                                  </td>
-            -
                                                  <td>
-            -
                                                    <input id="<?php echo $prefix; ?>_color" class="color" type="text" onchange="jQuery('#<?php echo $prefix; ?>').css({color: '#' + jQuery(this).val()})" value="<?php echo $layer->color; ?>" name="<?php echo $prefix; ?>_color" />
-            -
                                                    <div class="spider_description"></div>
-            -
                                                  </td>
-            -
                                                </tr>
-            -
                                                <tr class="wds_layer_tr" >
-            -
                                                  <td class="spider_label">
-            -
                                                    <label><?php _e('Published:', 'wds'); ?></label>
-            -
                                                  </td>
-            -
                                                  <td>
-            -
                                                    <input id="<?php echo $prefix; ?>_published1" type="radio" name="<?php echo $prefix; ?>_published" value="1" <?php echo (($layer->published) ? 'checked="checked"' : ''); ?> />
-            -
                                                    <label for="<?php echo $prefix; ?>_published1"><?php _e('Yes', 'wds'); ?></label>
-            -
                                                    <input id="<?php echo $prefix; ?>_published0" type="radio" name="<?php echo $prefix; ?>_published" value="0" <?php echo (($layer->published) ? '' : 'checked="checked"'); ?>/>
-            -
                                                    <label for="<?php echo $prefix; ?>_published0"><?php _e('No', 'wds'); ?></label>
-            -
                                                    <div class="spider_description"></div>
-            -
                                                  </td>
-            -
                                                </tr>
-            -
                                              </table>
-            -
                                              <table class="layer_table_right">
-            -
                                                <tr class="wds_layer_tr">
-            -
                                                  <td class="spider_label">
-            -
                                                    <label for="<?php echo $prefix; ?>_layer_effect_in"><?php _e('Effect In:', 'wds'); ?></label>
-            -
                                                  </td>
-            -
                                                  <td>
-            -
                                                    <span style="display: table-cell;">
-            -
                                                      <input id="<?php echo $prefix; ?>_start" class="spider_int_input" type="text" value="<?php echo $layer->start; ?>" name="<?php echo $prefix; ?>_start" /><?php _e('ms', 'wds'); ?>
-            -
                                                      <div class="spider_description"><?php _e('Start', 'wds'); ?></div>
-            -
                                                    </span>
-            -
                                                    <span style="display: table-cell;">
-            -
                                                      <select name="<?php echo $prefix; ?>_layer_effect_in" id="<?php echo $prefix; ?>_layer_effect_in" style="width:150px;" onchange="wds_trans_effect_in('<?php echo $slide_row->id; ?>', '<?php echo $prefix; ?>', 1); wds_trans_end('<?php echo $prefix; ?>', jQuery(this).val());">
-            -
                                                      <?php
-            -
                                                      foreach ($layer_effects_in as $key => $layer_effect_in) {
-            -
                                                        ?>
-            -
                                                        <option value="<?php echo $key; ?>" <?php echo (!in_array($key, $free_layer_effects)) ? 'disabled="disabled" title="This effect is disabled in free version."' : ''; ?> <?php if ($layer->layer_effect_in == $key) echo 'selected="selected"'; ?>><?php echo $layer_effect_in; ?></option>
-            -
                                                        <?php
-            -
                                                      }
-            -
                                                      ?>
-            -
                                                      </select>
-            -
                                                      <div class="spider_description"><?php _e('Effect', 'wds'); ?></div>
-            -
                                                    </span>
-            -
                                                    <span style="display: table-cell;">
-            -
                                                      <input id="<?php echo $prefix; ?>_duration_eff_in" class="spider_int_input" type="text" onkeypress="return spider_check_isnum(event)" onchange="wds_trans_effect_in('<?php echo $slide_row->id; ?>', '<?php echo $prefix; ?>', 1); wds_trans_end('<?php echo $prefix; ?>', jQuery('#<?php echo $prefix; ?>_layer_effect_in').val());" value="<?php echo $layer->duration_eff_in; ?>" name="<?php echo $prefix; ?>_duration_eff_in" /><?php _e('ms', 'wds'); ?>
-            -
                                                      <div class="spider_description"><?php _e('Duration', 'wds'); ?></div>
-            -
                                                    </span>
-            -
                                                    <span style="display: table-cell;">
-            -
                                                    <input id="<?php echo $prefix; ?>_infinite_in" type="text" name="<?php echo $prefix; ?>_infinite_in" value="<?php echo $layer->infinite_in; ?>" class="spider_int_input" title="0 for play infinte times" <?php echo ($layer->layer_effect_in == 'none') ? 'disabled="disabled"' : ''; ?> onchange="wds_trans_effect_in('<?php echo $slide_row->id; ?>', '<?php echo $prefix; ?>', 0); wds_trans_end('<?php echo $prefix; ?>', jQuery('#<?php echo $prefix; ?>_layer_effect_in').val());" />
-            -
                                                    <div class="spider_description"><?php _e('Iteration', 'wds'); ?></div>
-            -
                                                    </span>
-            -
                                                    <div class="spider_description spider_free_version"><?php _e('Some effects are disabled in free version.', 'wds'); ?></div>
-            -
                                                  </td>
-            -
                                                </tr>
-            -
                                                <tr class="wds_layer_tr">
-            -
                                                  <td class="spider_label">
-            -
                                                    <label for="<?php echo $prefix; ?>_layer_effect_out"><?php _e('Effect Out:', 'wds'); ?></label>
-            -
                                                  </td>
-            -
                                                  <td>
-            -
                                                    <span style="display: table-cell;">
-            -
                                                      <input id="<?php echo $prefix; ?>_end" class="spider_int_input" type="text" value="<?php echo $layer->end; ?>" name="<?php echo $prefix; ?>_end"><?php _e('ms', 'wds'); ?>
-            -
                                                      <div class="spider_description"><?php _e('Start', 'wds'); ?></div>
-            -
                                                    </span>
-            -
                                                    <span style="display: table-cell;">
-            -
                                                      <select name="<?php echo $prefix; ?>_layer_effect_out" id="<?php echo $prefix; ?>_layer_effect_out" style="width:150px;" onchange="wds_trans_effect_out('<?php echo $slide_row->id; ?>', '<?php echo $prefix; ?>', 1); wds_trans_end('<?php echo $prefix; ?>', jQuery(this).val());">
-            -
                                                      <?php
-            -
                                                      foreach ($layer_effects_out as $key => $layer_effect_out) {
-            -
                                                        ?>
-            -
                                                        <option value="<?php echo $key; ?>" <?php echo (!in_array($key, $free_layer_effects)) ? 'disabled="disabled" title="'.  __('This effect is disabled in free version.', 'wds') .'"' : ''; ?> <?php if ($layer->layer_effect_out == $key) echo 'selected="selected"'; ?>><?php echo $layer_effect_out; ?></option>
-            -
                                                        <?php
-            -
                                                      }
-            -
                                                      ?>
-            -
                                                      </select>
-            -
                                                      <div class="spider_description"><?php _e('Effect', 'wds'); ?></div>
-            -
                                                    </span>
-            -
                                                    <span style="display: table-cell;">
-            -
                                                      <input id="<?php echo $prefix; ?>_duration_eff_out" class="spider_int_input" type="text" onkeypress="return spider_check_isnum(event)" onchange="wds_trans_effect_out('<?php echo $slide_row->id; ?>', '<?php echo $prefix; ?>', 1); wds_trans_end('<?php echo $prefix; ?>', jQuery('#<?php echo $prefix; ?>_layer_effect_out').val());" value="<?php echo $layer->duration_eff_out; ?>" name="<?php echo $prefix; ?>_duration_eff_out"><?php _e('ms', 'wds'); ?>
-            -
                                                      <div class="spider_description"><?php _e('Duration', 'wds'); ?></div>
-            -
                                                    </span>
-            -
                                                    <span style="display: table-cell;">
-            -
                                                      <input id="<?php echo $prefix; ?>_infinite_out" type="text" name="<?php echo $prefix; ?>_infinite_out" value="<?php echo $layer->infinite_out; ?>" class="spider_int_input" title="0 for play infinte times" <?php echo ($layer->layer_effect_out == 'none') ? 'disabled="disabled"' : ''; ?> onchange="wds_trans_effect_out('<?php echo $slide_row->id; ?>', '<?php echo $prefix; ?>', 1); wds_trans_end('<?php echo $prefix; ?>', jQuery('#<?php echo $prefix; ?>_layer_effect_out').val());" />
-            -
                                                      <div class="spider_description"><?php _e('Iteration', 'wds'); ?></div>
-            -
                                                    </span>
-            -
                                                    <div class="spider_description spider_free_version"><?php _e('Some effects are disabled in free version.', 'wds'); ?></div>
-            -
                                                  </td>
-            -
                                                </tr>
-            -
                                                <tr class="wds_layer_tr">
-            -
                                                  <td class="spider_label">
-            -
                                                    <label for="<?php echo $prefix; ?>_transparent"><?php _e('Transparent:', 'wds'); ?></label>
-            -
                                                  </td>
-            -
                                                  <td>
-            -
                                                    <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 $layer->transparent; ?>" name="<?php echo $prefix; ?>_transparent" /> %
-            -
                                                    <div class="spider_description"><?php _e('Value must be between 0 to 100.', 'wds'); ?></div>
-            -
                                                  </td>
-            -
                                                  <td class="spider_label">
-            -
                                                    <label for="<?php echo $prefix; ?>_hover_color"><?php _e('Hover Color:', 'wds'); ?></label>
-            -
                                                  </td>
-            -
                                                  <td>
-            -
                                                    <input id="<?php echo $prefix; ?>_hover_color" class="color" type="text" value="<?php echo $layer->hover_color; ?>" name="<?php echo $prefix; ?>_hover_color" />
-            -
                                                    <div class="spider_description"></div>
-            -
                                                  </td>
-            -
                                                </tr>
-            -
                                                <tr class="wds_layer_tr" >
-            -
                                                  <td title="Add class" class="wds_tooltip spider_label">
-            -
                                                    <label for="<?php echo $prefix; ?>_add_class"><?php _e('Add class:', 'wds'); ?></label>
-            -
                                                  </td>
-            -
                                                  <td>
-            -
                                                    <input id="<?php echo $prefix; ?>_add_class" class="spider_char_input" type="text" value="<?php echo $layer->add_class; ?>" name="<?php echo $prefix; ?>_add_class" />
-            -
                                                  </td>
-            -
                                                </tr>
-            -
                                              </table>
-            -
                                            </td>
-            -
                                          </tr>
-            -
                                            <?php
                                             break;
+                                          }
                                           default:
                                             break;
+                                        }
                                         ?>
-            -
                                        <input type="hidden" name="<?php echo $prefix; ?>_type" id="<?php echo $prefix; ?>_type" value="<?php echo $layer->type; ?>" />
                                       </tbody>
                                       <?php
                                       $layer_ids_string .= $layer->id . ',';
@@ -3147,29 +2258,49 @@ class WDSViewSliders_wds {
                                 $slide_ids_string .= $slide_row->id . ',';
+                              }
                               ?>
-            -
                            </td>
-            -
                          </tr>
-            -
                        </tbody>
-            -
                      </table>
                     </div>
-            -
                  </div>
-            -
                    <div class="wds_task_cont">
-            -
                      <input id="current_id" name="current_id" type="hidden" value="<?php echo $row->id; ?>" />
-            -
                      <input id="save_as_copy" name="save_as_copy" type="hidden" value="" />
-            -
                      <input id="slide_ids_string" name="slide_ids_string" type="hidden" value="<?php echo $slide_ids_string; ?>" />
-            -
                      <input id="del_slide_ids_string" name="del_slide_ids_string" type="hidden" value="" />
-            -
                      <input id="nav_tab" name="nav_tab" type="hidden" value="<?php echo WDW_S_Library::get('nav_tab', 'global'); ?>" />
-            -
                      <input id="tab" name="tab" type="hidden" value="<?php echo WDW_S_Library::get('tab', 'slides'); ?>" />
-            -
                      <input id="sub_tab" name="sub_tab" type="hidden" value="<?php echo $sub_tab_type; ?>" />
-            -
                      <script>
-            -
                        var spider_uploader = <?php echo $spider_uploader; ?>;
-            -
                      </script>
                     </div>
-            -
                    <input id="task" name="task" type="hidden" value="" />
                   <script>
-            -
                    var wds_preview_url = "<?php echo add_query_arg(array('action' => 'WDSPreview', 'slider_id' => $id ? $id : 'sliderID', 'width' => '700', 'height' => '550', 'TB_iframe' => '1'), admin_url('admin-ajax.php')); ?>";
-            -
                    var uploader_href = '<?php echo add_query_arg(array('callback' => 'wds_add_image', 'image_for' => 'add_update_slide', 'slide_id' => 'slideID', 'layer_id' => 'layerID', 'TB_iframe' => '1'), $query_url); ?>';
                     var fv = '<?php echo $fv; ?>';
                     jQuery(document).ready(function() {
                       wds_onload();
                     });
@@ -3185,31 +2316,1726 @@ class WDSViewSliders_wds {
                     });
                     var plugin_dir = '<?php echo WD_S_URL . "/images/sliderwdpng/"; ?>';
                   </script>
-            -
                  <div class="opacity_add_image_url opacity_add_video wds_opacity_video" onclick="jQuery('.opacity_add_video').hide();jQuery('.opacity_add_image_url').hide();"></div>
-            -
                  <div class="opacity_add_video wds_add_video">
-            -
                    <input type="text" id="video_url" name="video_url" value="" />
-            -
                    <input type="button" id="add_video_button" class="wds_not_image_buttons" value="<?php _e('Add', 'wds'); ?>" />
-            -
                    <input type="button" class="wds_not_image_buttons_grey" onclick="jQuery('.opacity_add_video').hide(); return false;" value="<?php _e('Cancel', 'wds'); ?>" />
-            -
                    <div class="spider_description"><?php _e('Enter YouTube or Vimeo link here.', 'wds'); ?></div>
                   </div>
-            -
                  <div class="opacity_add_image_url wds_resize_image">
-            -
                    <input type="text" id="image_url_input" name="image_url_input" value="" />
-            -
                    <input type="button" id="add_image_url_button" class="wds_not_image_buttons" value="<?php _e('Add', 'wds'); ?>" />
-            -
                    <input type="button" class="wds_not_image_buttons_grey" onclick="jQuery('.opacity_add_image_url').hide(); return false;" value="<?php _e('Cancel', 'wds'); ?>" />
-            -
                    <div class="spider_description"><?php _e('Enter absolute url of the image.', 'wds'); ?></div>
                     <input type="hidden" id="current_prefix" value="" />
                   </div>
                 </form>
                 <?php
+              }
-            -
              ////////////////////////////////////////////////////////////////////////////////////////
-            -
              // Getters & Setters                                                                  //
-            -
              ////////////////////////////////////////////////////////////////////////////////////////
-            -
              ////////////////////////////////////////////////////////////////////////////////////////
-            -
              // Private Methods                                                                    //
-            -
              ////////////////////////////////////////////////////////////////////////////////////////
-            -
              ////////////////////////////////////////////////////////////////////////////////////////
-            -
              // Listeners                                                                          //
-            -
              ////////////////////////////////////////////////////////////////////////////////////////
-            -
            }


1	<?php
2	class WDSViewSliders_wds {









3	private $model;





4	public function __construct($model) {
5	$this->model = $model;
6	}




7	public function display() {
8	$rows_data = $this->model->get_rows_data();
9	$page_nav = $this->model->page_nav();
10	$search_value = ((isset($_POST['search_value'])) ? esc_html(stripslashes($_POST['search_value'])) : '');

11	$asc_or_desc = ((isset($_POST['asc_or_desc'])) ? esc_html(stripslashes($_POST['asc_or_desc'])) : 'asc');
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'),

23	);
24	global $wp_version;
25	if (version_compare($wp_version, '4','<')) {
26	+ ?>
27	<style>
28	#wpwrap {
29	background-color: #F1F1F1;

47	<?php
48	}
49	?>
50	+ <form class="wrap wds_form" id="sliders_form" method="post" action="admin.php?page=sliders_wds" style="width: 98%;" enctype="multipart/form-data">
51	+ <h1 class="hidden"></h1>
52	+ <?php wp_nonce_field('nonce_wd', 'nonce_wd'); ?>
53	<div class="wds_opacity_export" onclick="jQuery('.wds_opacity_export').hide();jQuery('.wds_exports').hide();"></div>
54	<div class="wds_exports">
55	<input type="checkbox" name="imagesexport" id="imagesexport" checked="checked" />
56	+ <label for="imagesexport"><?php _e('Check the box to export the images included within sliders', 'wds'); ?></label>
57	<a class="button-secondary wds_export" type="button" href="<?php echo add_query_arg(array('action' => 'WDSExport'), admin_url('admin-ajax.php')); ?>" onclick="wds_get_checked()"><?php _e('Export', 'wds'); ?></a>
58	+ <input type="button" class="button-secondary" onclick="jQuery('.wds_exports').hide();jQuery('.wds_opacity_export').hide(); return false;" value="<?php _e('Cancel', 'wds'); ?>" />
59	</div>
60	<div class="wds_opacity_merge" onclick="jQuery('.wds_opacity_merge').hide();jQuery('.wds_merge').hide();"></div>
61	<div class="wds_merge">
62	<select class="select_icon select_icon_320" style="width:200px" name="select_slider_merge" id="select_slider_merge" style="margin-bottom: 6px;">
63	+ <?php
64	+ foreach ( $rows_data as $row_data ) {
65	?>
66	+ <option value="<?php echo $row_data->id; ?>"><?php echo $row_data->name; ?></option>
67	<?php
68	}
69	?>
70	</select>
71	+ <input class="button-secondary" type="submit" onclick="spider_set_input_value('task', 'merge_sliders');" value="<?php _e('Merge', 'wds'); ?>" />
72	<input type="button" class="button-secondary" onclick="jQuery('.wds_merge').hide();jQuery('.wds_opacity_merge').hide(); return false;" value="<?php _e('Cancel', 'wds'); ?>" />
73	+ <p class="description"><?php _e('Select slider to use settings from.', 'wds'); ?></p>







74	</div>
75	<div>
76	<span class="slider-icon"></span>

79	<a href="" class="add-new-h2" onclick="spider_set_input_value('task', 'add'); spider_form_submit(event, 'sliders_form')"><?php _e('Add new', 'wds'); ?></a>
80	</h2>
81	</div>



82	<?php WDW_S_Library::search( __('Name', 'wds'), $search_value, 'sliders_form'); ?>
83	+ <div class="tablenav bottom buttons_div_left">
84	+ <span class="button non_selectable wds_check_all" onclick="spider_check_all_items()">
85	<input type="checkbox" id="check_all_items" name="check_all_items" onclick="spider_check_all_items_checkbox()" style="margin: 0; vertical-align: middle;" />
86	+ <span><?php _e('Select All', 'wds'); ?></span>
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) {

95	}
96	?>
97	</select>
98	+ <input class="button action" type="button" title="<?php _e('Apply', 'wds'); ?>" onclick="if (!wds_bulk_actions('.bulk_action')) {return false}" value="<?php _e('Apply', 'wds'); ?>" />
99	<?php WDW_S_Library::html_page_nav($page_nav['total'], $page_nav['limit'], 'sliders_form'); ?>
100	</div>
101	+ <table class="wp-list-table widefat fixed pages media">
102	<thead>
103	+ <td class="manage-column column-cb check-column">
104	+ <input id="check_all" type="checkbox" onclick="spider_check_all(this)" />
105	+ </td>
106	+ <th class="column-primary sortable <?php if ($order_by == 'name') {echo $order_class;} ?>">







107	<a onclick="spider_set_input_value('task', '');
108	spider_set_input_value('order_by', 'name');
109	spider_set_input_value('asc_or_desc', '<?php echo ((isset($_POST['asc_or_desc']) && isset($_POST['order_by']) && (esc_html(stripslashes($_POST['order_by'])) == 'name') && esc_html(stripslashes($_POST['asc_or_desc'])) == 'asc') ? 'desc' : 'asc'); ?>');
110	spider_form_submit(event, 'sliders_form')" href="">
111	+ <span><?php _e('Slider', 'wds'); ?></span><span class="sorting-indicator"></span>











112	</a>
113	</th>
114	+ <th class="wd-center col-slides-count"><?php _e('Slides count', 'wds'); ?></th>
115	+ <th class="wd-center col-shortcode"><?php _e('Shortcode', 'wds'); ?></th>
116	+ <th class="wd-center col-function"><?php _e('PHP function', 'wds'); ?></th>
117	</thead>
118	<tbody id="tbody_arr">
119	<?php
120	if ($rows_data) {

121	foreach ($rows_data as $row_data) {
122	+ $alternate = (!isset($alternate) \|\| $alternate == '') ? 'class="alternate"' : '';

123	$published = (($row_data->published) ? 'unpublish' : 'publish');
124	$prev_img_url = $this->model->get_slider_prev_img($row_data->id);
125	$slides_count = $this->model->get_slides_count($row_data->id);
126	?>
127	<tr id="tr_<?php echo $row_data->id; ?>" <?php echo $alternate; ?>>
128	+ <th class="check-column"><input id="check_<?php echo $row_data->id; ?>" name="check_<?php echo $row_data->id; ?>" onclick="spider_check_all(this)" type="checkbox" /></th>
129	+ <td class="column-primary column-title" data-colname="<?php _e('Slider', WD_S_PREFIX); ?>">
130	+ <strong class="has-media-icon">
131	+ <a onclick="spider_set_input_value('task', 'edit');
132	+ spider_set_input_value('page_number', '1');
133	+ spider_set_input_value('search_value', '');
134	+ spider_set_input_value('search_or_not', '');
135	+ spider_set_input_value('asc_or_desc', 'asc');
136	+ spider_set_input_value('order_by', 'order');
137	+ spider_set_input_value('current_id', '<?php echo $row_data->id; ?>');
138	+ spider_form_submit(event, 'sliders_form')" href="" title="<?php _e('Edit', WD_S_PREFIX); ?>">
139	+ <span class="media-icon image-icon">
140	+ <img class="preview-image" title="<?php echo $row_data->name; ?>" src="<?php echo add_query_arg('date', date('Y-m-y H:i:s'), $prev_img_url); ?>" width="60" height="60" />
141	+ </span>
142	+ <?php echo $row_data->name; ?>
143	+ </a>
144	+ <?php
145	+ if ( !$row_data->published ) {
146	+ ?>
147	+ —
148	+ <span class="post-state"><?php _e('Unpublished', WD_S_PREFIX); ?></span>
149	+ <?php
150	+ }
151	+ ?>
152	+ </strong>
153	+ <div class="row-actions">
154	+ <span>
155	+ <a onclick="spider_set_input_value('task', 'edit');
156	+ spider_set_input_value('page_number', '1');
157	+ spider_set_input_value('search_value', '');
158	+ spider_set_input_value('search_or_not', '');
159	+ spider_set_input_value('asc_or_desc', 'asc');
160	+ spider_set_input_value('order_by', 'order');
161	+ spider_set_input_value('current_id', '<?php echo $row_data->id; ?>');
162	+ spider_form_submit(event, 'sliders_form')" href="" title="<?php _e('Edit', WD_S_PREFIX); ?>"><?php _e('Edit', WD_S_PREFIX); ?>
163	+ </a>
164	+ \|
165	+ </span>
166	+ <span>
167	+ <a onclick="spider_set_input_value('task', 'duplicate'); spider_set_input_value('current_id', '<?php echo $row_data->id; ?>');spider_form_submit(event, 'sliders_form');" href=""><?php _e('Duplicate', WD_S_PREFIX); ?></a>
168	+ \|
169	+ </span>
170	+ <span>
171	+ <a onclick="spider_set_input_value('task', '<?php echo $published; ?>');spider_set_input_value('current_id', '<?php echo $row_data->id; ?>');spider_form_submit(event, 'sliders_form')" href=""><?php echo ($row_data->published ? __('Unpublish', WD_S_PREFIX) : __('Publish', WD_S_PREFIX)); ?></a>
172	+ \|
173	+ </span>
174	+ <span class="trash">
175	+ <a onclick="if (confirm('<?php echo addslashes(__('Do you want to delete selected item?', WD_S_PREFIX)); ?>')) {spider_set_input_value('task', 'delete'); spider_set_input_value('current_id', '<?php echo $row_data->id; ?>');spider_form_submit(event, 'sliders_form')} else {return false;}" href=""><?php _e('Delete', WD_S_PREFIX); ?></a>
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">
183	+ <span class="screen-reader-text"><?php _e('Show more details', WD_S_PREFIX); ?></span>
184	+ </button>
185	</td>
186	+ <td data-colname="<?php _e('Slides count', WD_S_PREFIX); ?>"><?php echo $slides_count; ?></td>
187	+ <td data-colname="<?php _e('Shortcode', WD_S_PREFIX); ?>">
188	+ <input type="text" value='[wds id="<?php echo $row_data->id; ?>"]' onclick="spider_select_value(this)" size="11" readonly="readonly" />
189	</td>
190	+ <td data-colname="<?php _e('PHP function', WD_S_PREFIX); ?>">
191	+ <input type="text" value="<?php wd_slider(<?php echo $row_data->id; ?>); ?>" onclick="spider_select_value(this)" size="17" readonly="readonly" />

















192	</td>
193	</tr>
194	<?php

214	$wds_global_options = get_option("wds_global_options", 0);
215	$global_options = json_decode($wds_global_options);
216	$spider_uploader = isset($global_options->spider_uploader) ? $global_options->spider_uploader : 0;
217	+
218	+ $slider_preview_link = $this->model->get_slide_preview_post();
219	+ $query_url = add_query_arg(array('action' => 'addImage', 'width' => '700', 'height' => '550', 'extensions' => 'jpg,jpeg,png,gif'), admin_url('admin-ajax.php'));
220	+ $query_url = wp_nonce_url($query_url, 'addImage', WD_S_NONCE);
221
222	$row = $this->model->get_row_data($id, $reset);
223	$slides_row = $this->model->get_slides_row_data($id);
224	$slide_ids_string = '';
225	$sub_tab_type = WDW_S_Library::get('sub_tab', '');
226
227	+ if ( $id != 0 ) {
228	+ $page_title = sprintf(__('Edit slider %s', WD_S_PREFIX), $row->name);
229	+ $save_btn_name = __('Update', WD_S_PREFIX);








































































































































































































230	}
231	else {
232	+ $page_title = __('Create new slider', WD_S_PREFIX);
233	+ $save_btn_name = __('Publish', WD_S_PREFIX);



234	}












































235
236	+ // Get options values.
237	+ $options_values = WDW_S_Library::get_values();
238	+ $aligns = $options_values['aligns'];
239	+ $border_styles = $options_values['border_styles'];
240	+ $button_styles = $options_values['button_styles'];
241	+ $bull_styles = $options_values['bull_styles'];
242	+ $font_families = $options_values['font_families'];
243	+ $google_fonts = $options_values['google_fonts'];
244	+ $font_weights = $options_values['font_weights'];
245	+ $social_buttons = $options_values['social_buttons'];
246	+ $effects = $options_values['effects'];
247	+ $layer_effects_in = $options_values['layer_effects_in'];
248	+ $layer_effects_out = $options_values['layer_effects_out'];
249	+ $hotp_text_positions = $options_values['hotp_text_positions'];
250	+ $slider_callbacks = $options_values['slider_callbacks'];
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">
261	<div class="spider_load_cont"></div>
262	<div class="spider_load_icon"><img class="spider_ajax_loading" src="<?php echo WD_S_URL . '/images/ajax_loader_back.gif'; ?>"></div>
263	</div>
264	+ <form class="wrap wds_form wds-check-change_form js" method="post" id="sliders_form" action="admin.php?page=sliders_wds">
265	+ <h1 class="hidden"></h1>
266	+ <?php wp_nonce_field(WD_S_NONCE, WD_S_NONCE); ?>
267	<span class="slider-icon"></span>
268	<h2 class="wds_default"><?php echo $page_title; ?></h2>
269	<div class="buttons_conteiner">
270	+ <h1 class="wp-heading-inline"><?php _e('Slider Title', WD_S_PREFIX); ?></h1>
271	+ <input type="text" id="name" name="name" value="<?php echo $row->name; ?>" size="20" class="wds_requried" data-name="<?php _e('Slider title', 'wds'); ?>" />


272	<div class="wds_buttons">
273	+ <button class="button button-primary button-large" onclick="spider_set_input_value('task', 'apply'); if(!wds_spider_ajax_save('sliders_form', event)) return false;">
274	+ <?php echo $save_btn_name; ?>
275	+ </button>
276	+ <button class="button button-large" <?php echo ($id == 0) ? 'disabled="disabled"' : 'onclick="window.open(\''. add_query_arg( array('slider_id' => $id), $slider_preview_link ) .'\', \'_blank\'); return false;"'; ?>><?php _e('Preview', 'wds'); ?></button>
277	+ <button class="button button-secondary button-large wd-hidden reset-all-settings" onclick="wds_reset(event); return false;"><?php _e('Reset all settings', 'wds'); ?></button>


















278	</div>

279	</div>
280	<div>
281	+ <div class="tab_conteiner">
282	+ <div class="tab_button_wrap slides_tab_button_wrap" onclick="wds_change_tab(this, 'wds_slides_box')" >
283	+ <a class="wds_button-secondary wds_slides" href="#">
284	+ <span tab_type="slides" class="wds_tab_label"><span class="dashicons dashicons-format-gallery"></span><?php _e('Slides', WD_S_PREFIX); ?></span>
285	+ </a>
286	+ </div>
287	+ <div class="tab_button_wrap settings_tab_button_wrap" onclick="wds_change_tab(this, 'wds_settings_box')">
288	+ <a class="wds_button-secondary wds_settings" href="#">
289	+ <span tab_type="settings" class="wds_tab_label"><span class="dashicons dashicons-admin-generic"></span><?php _e('Settings', WD_S_PREFIX); ?></span>
290	+ </a>
291	+ </div>
292	+ <div class="tab_button_wrap howto_tab_button_wrap <?php echo (!$row->id) ? 'hide' : ''; ?>" onclick="wds_change_tab(this, 'wds_howto_box')">
293	+ <a class="wds_button-secondary wds_howto" href="#">
294	+ <span tab_type="howto" class="wds_tab_label"><span class="dashicons dashicons-editor-help"></span><?php _e('How to use', WD_S_PREFIX); ?></span>
295	+ </a>
296	+ </div>
297	</div>
298	<!--------------Settings tab----------->
299	<div class="wds_box wds_settings_box">
300	+ <div class="clear"></div>
301	+ <div class="wds_nav_tabs">
302	+ <div class="wds_menu_icon" onclick="jQuery('.wds_nav_tabs ul').slideToggle(500);"></div>




















303	<ul>
304	<li tab_type="global" onclick="wds_change_nav(this, 'wds_nav_global_box')">
305	<a href="#"><?php _e('Global', 'wds'); ?></a>

332	</div>
333	<div>
334	<div class="wds_nav_box wds_nav_global_box">
335	+ <div class="wd-table">
336	+ <div class="wd-table-col wd-table-col-50 wd-table-col-left">
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">











































































359	<?php
360	+ foreach ($effects as $key => $effect) {
361	+ ?>
362	+ <option value="<?php echo $key; ?>" <?php echo (WD_S_FREE && !in_array($key, $free_effects)) ? 'disabled="disabled" title="' . __('This effect is disabled in free version.', 'wds') . '"' : ''; ?> <?php if ($row->effect == $key) echo 'selected="selected"'; ?>><?php echo $effect; ?></option>
363	+ <?php
364	+ }









365	?>
366	+ </select>
367	+ <p class="description"><?php _e('Select the effect which will be applied when navigating through slides.', 'wds'); ?></p>
368	+ </span>
369	+ <span class="wd-group">
370	+ <label class="wd-label" for="effect_duration"><?php _e('Еffect duration', 'wds'); ?></label>
371	+ <input type="text" id="effect_duration" name="effect_duration" value="<?php echo $row->effect_duration; ?>" class="spider_int_input" onkeypress="return spider_check_isnum(event)" /> ms
372	+ <p class="description"><?php _e('Set the duration for the effect.', 'wds'); ?></p>
373	+ </span>
374	+ <span class="wd-group">
375	+ <label class="wd-label" for="hide_on_mobile"><?php _e('Hide on small screens', 'wds'); ?></label>
376	+ <input type="text" id="hide_on_mobile" name="hide_on_mobile" value="<?php echo $row->hide_on_mobile; ?>" class="spider_int_input" onkeypress="return spider_check_isnum(event)" /> px
377	+ <p class="description"><?php _e('Hide slider when screen size is smaller than this value.', 'wds'); ?></p>
378	+ </span>
379	+ <span class="wd-group">
380	+ <label class="wd-label" for="full_width_for_mobile"><?php _e('Full width on small screens', 'wds'); ?></label>
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">
397	+ <label class="wd-label" for="smart_crop"><?php _e('Crop Image Position', 'wds'); ?></label>
398	+ <table class="wds_position_table">
399	+ <tbody>
400	+ <tr>
401	+ <td class="wds_position_td"><input type="radio" value="left top" name="crop_image_position" <?php if ($row->crop_image_position == "left top") echo 'checked="checked"'; ?> ></td>
402	+ <td class="wds_position_td"><input type="radio" value="center top" name="crop_image_position" <?php if ($row->crop_image_position == "center top") echo 'checked="checked"'; ?> ></td>
403	+ <td class="wds_position_td"><input type="radio" value="right top" name="crop_image_position" <?php if ($row->crop_image_position == "right top") echo 'checked="checked"'; ?> ></td>
404	+ </tr>
405	+ <tr>
406	+ <td class="wds_position_td"><input type="radio" value="left center" name="crop_image_position" <?php if ($row->crop_image_position == "left center") echo 'checked="checked"'; ?> ></td>
407	+ <td class="wds_position_td"><input type="radio" value="center center" name="crop_image_position" <?php if ($row->crop_image_position == "center center") echo 'checked="checked"'; ?> ></td>
408	+ <td class="wds_position_td"><input type="radio" value="right center" name="crop_image_position" <?php if ($row->crop_image_position == "right center") echo 'checked="checked"'; ?> ></td>
409	+ </tr>
410	+ <tr>
411	+ <td class="wds_position_td"><input type="radio" value="left bottom" name="crop_image_position" <?php if ($row->crop_image_position == "left bottom") echo 'checked="checked"'; ?> ></td>
412	+ <td class="wds_position_td"><input type="radio" value="center bottom" name="crop_image_position" <?php if ($row->crop_image_position == "center bottom") echo 'checked="checked"'; ?> ></td>
413	+ <td class="wds_position_td"><input type="radio" value="right bottom" name="crop_image_position" <?php if ($row->crop_image_position == "right bottom") echo 'checked="checked"'; ?> ></td>
414	+ </tr>
415	+ </tbody>
416	+ </table>
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>
461	+ </div>
462	+ </div>
463	+ <div class="wd-table-col wd-table-col-50 wd-table-col-right">
464	+ <div class="wd-box-section">
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">
473	+ <label class="wd-label" for="time_intervval"><?php _e('Time Interval', 'wds'); ?></label>
474	+ <input type="text" id="time_intervval" name="time_intervval" value="<?php echo $row->time_intervval; ?>" class="spider_int_input" onkeypress="return spider_check_isnum(event)" /> sec.
475	+ <p class="description"><?php _e('Set the time interval between the slides when autoplay is on.', 'wds'); ?></p>
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">
502	+ <label class="wd-label" for="start_slide_num"><?php _e('Start with slide', 'wds'); ?></label>
503	+ <input type="text" name="start_slide_num" id="start_slide_num" value="<?php echo $row->start_slide_num; ?>" class="spider_int_input" onkeypress="return spider_check_isnum(event)" />
504	+ <p class="description"><?php _e('The slider will start from the specified slide. Set the value to 0 for random.', 'wds'); ?></p>
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">
513	+ <label class="wd-label" for="music_url"><?php _e('Music url', 'wds'); ?></label>
514	+ <input type="text" id="music_url" name="music_url" size="39" value="<?php echo $row->music_url; ?>" style="display:inline-block;" />
515	+ <input id="add_music_url" class="button button-secondary" type="button" onclick="wds_media_uploader('music', event, false); return false;" value="<?php _e('Add music', 'wds'); ?>" />
516	+ <p class="description"><?php _e('Only .aac,.m4a,.f4a,.mp3,.ogg,.oga formats are supported.', 'wds'); ?></p>
517	+ </span>
518	+ <span class="wd-group">
519	+ <label class="wd-label" for="align"><?php _e('Slider alignment', 'wds'); ?></label>
520	+ <select class="select_icon select_icon_320" name="align" id="align">
521	<?php
522	+ foreach ($aligns as $key => $align) {
523	+ ?>
524	+ <option value="<?php echo $key; ?>" <?php echo (($row->align == $key) ? 'selected="selected"' : ''); ?>><?php echo $align; ?></option>
525	+ <?php
526	+ }















































































































527	?>
528	+ </select>
529	+ <p class="description"><?php _e('Set the alignment of the slider.', 'wds'); ?></p>
530	+ </span>
531	+ <span class="wd-group">
532	+ <label class="wd-label" for="background_color"><?php _e('Background color', 'wds'); ?></label>
533	+ <input type="text" name="background_color" id="background_color" value="<?php echo $row->background_color; ?>" class="color" onchange="jQuery('div[id^=\'wds_preview_image\']').css({backgroundColor: wds_hex_rgba(jQuery(this).val(), 100 - jQuery('#background_transparent').val())})" />
534	+ <input id="background_transparent" name="background_transparent" class="spider_int_input" type="text" onchange="jQuery('div[id^=\'wds_preview_image\']').css({backgroundColor: wds_hex_rgba(jQuery('#background_color').val(), 100 - jQuery(this).val())})" onkeypress="return spider_check_isnum(event)" value="<?php echo $row->background_transparent; ?>" /> %
535	+ <p class="description"><?php _e('Transparency Value must be between 0 and 100.', 'wds'); ?></p>
536	+ </span>
537	+ <span class="wd-group">
538	+ <label class="wd-label" for="glb_border_width"><?php _e('Border', 'wds'); ?></label>
539	+ <input type="text" name="glb_border_width" id="glb_border_width" value="<?php echo $row->glb_border_width; ?>" class="spider_int_input" onkeypress="return spider_check_isnum(event)" /> px
540	+ <select class="select_icon select_icon_320" name="glb_border_style" id="glb_border_style">
541	<?php
542	+ foreach ($border_styles as $key => $border_style) {


























































































































































































































543	?>
544	+ <option value="<?php echo $key; ?>" <?php echo (($row->glb_border_style == $key) ? 'selected="selected"' : ''); ?>><?php echo $border_style; ?></option>
545	<?php
546	}
547	?>
548	+ </select>
549	+ <input type="text" name="glb_border_color" id="glb_border_color" value="<?php echo $row->glb_border_color; ?>" class="color" />
550	+ <p class="description"><?php _e('Set the border width, type and the color.', 'wds'); ?></p>
551	+ </span>
552	+ <span class="wd-group">
553	+ <label class="wd-label" for="glb_border_radius"><?php _e('Border radius', 'wds'); ?></label>
554	+ <input type="text" name="glb_border_radius" id="glb_border_radius" value="<?php echo $row->glb_border_radius; ?>" class="spider_char_input" />
555	+ <p class="description"><?php _e('Use CSS type values (e.g. 4px).', 'wds'); ?></p>
556	+ </span>
557	+ <span class="wd-group">
558	+ <label class="wd-label" for="glb_margin"><?php _e('Margin', 'wds'); ?></label>
559	+ <input type="text" name="glb_margin" id="glb_margin" value="<?php echo $row->glb_margin; ?>" class="spider_int_input" onkeypress="return spider_check_isnum(event)" /> px
560	+ <p class="description"><?php _e('Set a margin for the slider.', 'wds'); ?></p>
561	+ </span>
562	+ <span class="wd-group">
563	+ <label class="wd-label" for="glb_box_shadow"><?php _e('Shadow', 'wds'); ?></label>
564	+ <input type="text" name="glb_box_shadow" id="glb_box_shadow" value="<?php echo $row->glb_box_shadow; ?>" class="spider_box_input" />
565	+ <p class="description"><?php _e('Use CSS type values (e.g. 10px 10px 5px #888888).', 'wds'); ?></p>
566	+ </span>
567	+ </div>
568	+ </div>
569	+ </div>
570	+ </div>
571	+ </div>
572	+ <div class="wds_nav_box wds_nav_carousel_box<?php echo (WD_S_FREE ? ' wd-free' : ''); ?>">
573	+ <div class="wd-table">
574	+ <div class="wd-table-col wd-table-col-50 wd-table-col-left">
575	+ <div class="wd-box-section">
576	+ <div class="wd-box-content">
577	+ <?php
578	+ if ( WD_S_FREE ) {
579	+ echo WDW_S_Library::message_id(0, __('Carousel is disabled in free version.', 'wds'), 'error');
580	+ }
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">
589	+ <label class="wd-label" for="carousel_image_counts"><?php _e('Number of images for carousel:', 'wds'); ?></label>
590	+ <input <?php echo (WD_S_FREE ? 'disabled="disabled" title="' . __('This functionality is disabled in free version.', 'wds') . '"' : ''); ?> type="text" id="carousel_image_counts" name="carousel_image_counts" value="<?php echo $row->carousel_image_counts; ?>" class="spider_int_input" onkeypress="return spider_check_isnum(event)" />
591	+ <p class="description"></p>
592	+ </span>
593	+ <span class="wd-group">
594	+ <label class="wd-label" for="carousel_image_parameters"><?php _e('Carousel image ratio:', 'wds'); ?></label>
595	+ <input <?php echo (WD_S_FREE ? 'disabled="disabled" title="' . __('This functionality is disabled in free version.', 'wds') . '"' : ''); ?> type="text" id="carousel_image_parameters" name="carousel_image_parameters" value="<?php echo $row->carousel_image_parameters; ?>" class="spider_int_input" onkeypress="return spider_check_isnum(event)" />
596	+ <p class="description"><?php _e('The value must be between 0 and 1.', 'wds'); ?></p>
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>
605	+ </div>
606	+ </div>
607	+ <div class="wd-table-col wd-table-col-50 wd-table-col-right">
608	+ <div class="wd-box-section">
609	+ <div class="wd-box-content">
610	+ <span class="wd-group">
611	+ <label class="wd-label" for="carousel_width"><?php _e('Fixed width:', 'wds'); ?></label>
612	+ <input <?php echo (WD_S_FREE ? 'disabled="disabled" title="' . __('This functionality is disabled in free version.', 'wds') . '"' : ''); ?> type="text" id="carousel_width" name="carousel_width" value="<?php echo $row->carousel_width; ?>" class="spider_int_input" onkeypress="return spider_check_isnum(event)" /> px
613	+ <p class="description"></p>
614	+ </span>
615	+ <span class="wd-group">
616	+ <label class="wd-label" for="carousel_degree"><?php _e('Background image angle:', 'wds'); ?></label>
617	+ <input <?php echo (WD_S_FREE ? 'disabled="disabled" title="' . __('This functionality is disabled in free version.', 'wds') . '"' : ''); ?> type="text" id="carousel_degree" name="carousel_degree" value="<?php echo $row->carousel_degree; ?>" class="spider_int_input" onkeypress="return spider_check_isnum(event)" /> deg
618	+ <p class="description"></p>
619	+ </span>
620	+ <span class="wd-group">
621	+ <label class="wd-label" for="carousel_grayscale"><?php _e('Background image grayscale:', 'wds'); ?></label>
622	+ <input <?php echo (WD_S_FREE ? 'disabled="disabled" title="' . __('This functionality is disabled in free version.', 'wds') . '"' : ''); ?> type="text" name="carousel_grayscale" id="carousel_grayscale" value="<?php echo $row->carousel_grayscale; ?>" class="spider_int_input" onkeypress="return spider_check_isnum(event)"/>%
623	+ <p class="description"><?php _e('You can change the color scheme for background images to grayscale. Values must be between 0 to 100', 'wds'); ?></p>
624	+ </span>
625	+ <span class="wd-group">
626	+ <label class="wd-label" for="carousel_transparency"><?php _e('Background image transparency:', 'wds'); ?></label>
627	+ <input <?php echo (WD_S_FREE ? 'disabled="disabled" title="' . __('This functionality is disabled in free version.', 'wds') . '"' : ''); ?> type="text" name="carousel_transparency" id="carousel_transparency" value="<?php echo $row->carousel_transparency; ?>" class="spider_int_input" onkeypress="return spider_check_isnum(event)"/>%
628	+ <p class="description"><?php _e('You can set transparency level for background images. Values should be between 0 to 100', 'wds'); ?></p>
629	+ </span>
630	+ </div>
631	+ </div>
632	+ </div>
633	+ </div>
634	+ </div>
635	+ <div class="wds_nav_box wds_nav_navigation_box">
636	+ <div class="wd-table">
637	+ <div class="wd-table-col wd-table-col-50 wd-table-col-left">
638	+ <div class="wd-box-section">
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; ?>" />
684	+ <input type="hidden" id="left_butt_hov_url" name="left_butt_hov_url" value="<?php echo $row->left_butt_hov_url; ?>" />
685	+ <p class="description"><?php _e('You can select to use default navigation buttons or to upload custom icons.', 'wds'); ?></p>
686	+ </span>
687	+ <span class="wd-group" id="right_left_butt_style">
688	+ <label class="wd-label" for="rl_butt_style"><?php _e('Next / Previous buttons style:', 'wds'); ?></label>
689	+ <div style="display: table;">
690	+ <div style="display: table-cell; vertical-align: middle;">
691	+ <select class="select_icon select_icon_320" name="rl_butt_style" id="rl_butt_style" onchange="change_rl_butt_style(jQuery(this).val())">
692	+ <?php
693	+ foreach ($button_styles as $key => $button_style) {
694	+ ?>
695	+ <option value="<?php echo $key; ?>" <?php echo (($row->rl_butt_style == $key) ? 'selected="selected"' : ''); ?>><?php echo $button_style; ?></option>
696	+ <?php
697	+ }
698	+ ?>
699	+ </select>
700	+ </div>
701	+ <div style="display: table-cell; vertical-align: middle; background-color: rgba(229, 229, 229, 0.62); text-align: center;">
702	+ <i id="wds_left_style" class="fa <?php echo $row->rl_butt_style; ?>-left" style="color: #<?php echo $row->butts_color; ?>; display: inline-block; font-size: 40px; width: 40px; height: 40px;"></i>
703	+ <i id="wds_right_style" class="fa <?php echo $row->rl_butt_style; ?>-right" style="color: #<?php echo $row->butts_color; ?>; display: inline-block; font-size: 40px; width: 40px; height: 40px;"></i>
704	+ </div>
705	</div>
706	+ <p class="description"><?php _e('Choose the style of the button you prefer to have as navigation buttons.', 'wds'); ?></p>
707	+ </span>
708	+ <span class="wd-group" id="right_butt_upl">
709	+ <label class="wd-label"><?php _e('Upload buttons images:', 'wds'); ?></label>
710	+ <div style="display: table;">
711	+ <div style="display: table-cell; vertical-align: middle;" class="display_block">
712	+ <?php
713	+ if (!$spider_uploader) {
714	+ ?>
715	+ <input class="button button-secondary wds_ctrl_btn_upload" type="button" onclick="wds_media_uploader('nav_left_but', event, false); return false;" value="<?php _e('Previous Button', 'wds'); ?>" />
716	+ <?php
717	+ }
718	+ else {
719	+ ?>
720	+ <a href="<?php echo add_query_arg(array('callback' => 'wds_add_image', 'image_for' => 'nav_left_but', 'dir' => '/arrows', 'TB_iframe' => '1'), $query_url); ?>" class="button button-secondary thickbox thickbox-preview wds_ctrl_btn_upload" title="<?php _e('Previous Button', 'wds'); ?>" onclick="return false;">
721	+ <?php _e('Previous Button', 'wds'); ?>
722	+ </a>
723	+ <?php
724	+ }











725	?>

726	<?php
727	+ if (!$spider_uploader) {
728	+ ?>
729	+ <input class="button button-secondary wds_ctrl_btn_upload" type="button" onclick="wds_media_uploader('nav_left_hov_but', event, false); return false;" value="<?php _e('Previous Button Hover', 'wds'); ?>" />
730	+ <?php
731	+ }
732	+ else {
733	+ ?>
734	+ <a href="<?php echo add_query_arg(array('callback' => 'wds_add_image', 'image_for' => 'nav_left_hov_but', 'dir' => '/arrows', 'TB_iframe' => '1'), $query_url); ?>" class="button button-secondary thickbox thickbox-preview wds_ctrl_btn_upload" title="<?php _e('Previous Button Hover', 'wds'); ?>" onclick="return false;">
735	+ <?php _e('Previous Button Hover', 'wds'); ?>
736	+ </a>
737	+ <?php
738	}
739	?>
740	+ </div>
741	+ <div style="display: table-cell; vertical-align: middle;" class="display_block">
742	<?php
743	+ if (!$spider_uploader) {
744	+ ?>
745	+ <input class="button button-secondary wds_ctrl_btn_upload" type="button" onclick="wds_media_uploader('nav_right_but', event, false); return false;" value="<?php _e('Next Button', 'wds'); ?>" />
746	+ <?php
747	+ }
748	+ else {
749	+ ?>
750	+ <a href="<?php echo add_query_arg(array('callback' => 'wds_add_image', 'image_for' => 'nav_right_but', 'dir' => '/arrows', 'TB_iframe' => '1'), $query_url); ?>" class="button button-secondary thickbox thickbox-preview wds_ctrl_btn_upload" title="<?php _e('Next Button', 'wds'); ?>" onclick="return false;">
751	+ <?php _e('Next Button', 'wds'); ?>
752	+ </a>
753	+ <?php
754	+ }
755	+ ?>











756	<?php
757	+ if (!$spider_uploader) {
758	+ ?>
759	+ <input class="button button-secondary wds_ctrl_btn_upload" type="button" onclick="wds_media_uploader('nav_right_hov_but', event, false); return false;" value="<?php _e('Next Button Hover', 'wds'); ?>" />










760	<?php
761	}
762	+ else {

763	?>
764	+ <a href="<?php echo add_query_arg(array('callback' => 'wds_add_image', 'image_for' => 'nav_right_hov_but', 'dir' => '/arrows', 'TB_iframe' => '1'), $query_url); ?>" class="button button-secondary thickbox thickbox-preview wds_ctrl_btn_upload" title="<?php _e('Next Button Hover', 'wds'); ?>" onclick="return false;">
765	+ <?php _e('Next Button Hover', 'wds'); ?>
766	+ </a>
767	<?php
768	}
769	?>









770	</div>
771	+ <div style="width:100px; display: table-cell; vertical-align: middle; text-align: center;background-color: rgba(229, 229, 229, 0.62); padding-top: 4px; border-radius: 3px;" class="display_block">
772	+ <img id="left_butt_img" src="<?php echo $row->left_butt_url; ?>" style="display:inline-block; width: 40px; height: 40px;" />
773	+ <img id="right_butt_img" src="<?php echo $row->right_butt_url; ?>" style="display:inline-block; width: 40px; height: 40px;" />
774	+ <img id="left_butt_hov_img" src="<?php echo $row->left_butt_hov_url; ?>" style="display:inline-block; width: 40px; height: 40px;" />
775	+ <img id="right_butt_hov_img" src="<?php echo $row->right_butt_hov_url; ?>" style="display:inline-block; width: 40px; height: 40px;" />
776	+ </div>
777	+ <div style="display: table-cell; text-align: center; vertical-align: middle;" class="display_block wds_reverse_cont">
778	+ <input type="button" class="button button-small wds_reverse" onclick="wds_change_custom_src()" value="<?php _e('Reverse', 'wds'); ?>" />
779	</div>
780	</div>
781	+ <script>
782	+ var wds_rl_butt_type = [];
783	+ var rl_butt_dir = '<?php echo WD_S_URL . '/images/arrow/'; ?>';
784	+ var type_cur_fold = '1';
785	+ <?php
786	+ $folder_names = scandir(WD_S_DIR . '/images/arrow');
787	+ $cur_fold_name = '';
788	+ $cur_type_key = '';
789	+ $cur_color_key = '';
790	+ $cur_sub_fold_names = array();
791	+ array_splice($folder_names, 0, 2);
792	+ $flag = FALSE;
793	+ foreach ($folder_names as $type_key => $folder_name) {
794	+ if (is_dir(WD_S_DIR . '/images/arrow/' . $folder_name)) {
795	+ ?>
796	+ wds_rl_butt_type["<?php echo $type_key; ?>"] = [];
797	+ wds_rl_butt_type["<?php echo $type_key; ?>"]["type_name"] = "<?php echo $folder_name; ?>";
798	+ <?php
799	+ if ($row->left_butt_url != '') {
800	+ /* Getting current button's type folder and color folder.*/
801	+ $check_cur_fold = explode('/' , $row->left_butt_url);
802	+ if (in_array($folder_name, $check_cur_fold)) {
803	+ $flag = TRUE;
804	+ $cur_fold_name = $folder_name;
805	+ $cur_type_key = $type_key;
806	+ $cur_sub_fold_names = scandir(WD_S_DIR . '/images/arrow/' . $cur_fold_name);
807	+ array_splice($cur_sub_fold_names, 0, 2);
808	+ ?>
809	+ type_cur_fold = '<?php echo $cur_type_key;?>';
810	+ <?php
811	+ }
812	+ }
813	+ $sub_folder_names = scandir( WD_S_DIR . '/images/arrow/' . $folder_name);
814	+ array_splice($sub_folder_names, 0, 2);
815	+ foreach ($sub_folder_names as $color_key => $sub_folder_name) {
816	+ if (is_dir(WD_S_DIR . '/images/arrow/' . $folder_name . '/' . $sub_folder_name)) {
817	+ if ($cur_fold_name == $folder_name) {
818	+ /* Getting current button's color key.*/
819	+ if (in_array($sub_folder_name, $check_cur_fold)) {
820	+ $cur_color_key = $color_key;
821	+ }
822	+ }
823	+ ?>
824	+ wds_rl_butt_type["<?php echo $type_key; ?>"]["<?php echo $color_key; ?>"] = "<?php echo $sub_folder_name; ?>";
825	+ <?php
826	+ }








































































827	}
828	}
829	+ else {
830	+ ?>
831	+ console.log('<?php echo $folder_name . " is not a directory."; ?>');
832	+ <?php
833	+ }
834	}
835	+ ?>
836	+ </script>
837	+ </span>
838	+ <span class="wd-group" id="right_left_butt_select">
839	+ <label class="wd-label" for="right_butt_url"><?php _e('Choose buttons:', 'wds'); ?></label>










840	<div style="display: table; margin-bottom: 14px;">
841	+ <div style="display: table-cell; vertical-align: middle;" class="display_block">
842	+ <div style="display: block; width: 122px;" class="default_buttons">
843	+ <div class="spider_choose_option" onclick="wds_choose_option(this)">
844	+ <div class="spider_option_main_title"><?php _e('Choose group', 'wds'); ?></div>
845	<div class="spider_sel_option_ic"><i class="fa fa-angle-down fa-lg" style="color: #1E8CBE"></i></div>
846	</div>
847	+ <div class="spider_options_cont">
848	<?php
849	foreach ($folder_names as $type_key => $folder_name) {
850	+ ?>
851	+ <div class="spider_option_cont wds_rl_butt_groups" value="<?php echo $type_key; ?>" <?php echo (($cur_type_key == $type_key) ? 'selected="selected" style="background-color: #3399FF;"' : ''); ?> onclick="change_rl_butt_type(this)">
852	<div class="spider_option_cont_title">
853	+ <?php _e('Group', 'wds'); echo '-' . ++$type_key; ?>
854	</div>
855	<div class="spider_option_cont_img">
856	+ <img class="src_top_left" style="display: inline-block; width: 14px; height: 14px;" />
857	+ <img class="src_top_right" style="display: inline-block; width: 14px; height: 14px;" />
858	+ <img class="src_bottom_left" style="display: inline-block; width: 14px; height: 14px;" />
859	+ <img class="src_bottom_right" style="display: inline-block; width: 14px; height: 14px;" />
860	</div>
861	</div>
862	<?php

872	</div>
873	</div>
874	<div style="display:table-cell;vertical-align: middle;" class="display_block">
875	+ <div style="display: block; width: 122px; margin-left: 12px;" class="default_buttons">
876	+ <div class="spider_choose_option" onclick="<?php echo (WD_S_FREE ? 'alert(\'' . addslashes(__('This functionality is disabled in free version.', 'wds')) . '\')' : 'wds_choose_option_color(this)'); ?>">
877	+ <div class="spider_option_main_title"><?php _e('Choose color', 'wds'); ?></div>
878	<div class="spider_sel_option_ic"><i class="fa fa-angle-down fa-lg" style="color:#1E8CBE"></i></div>
879	</div>
880	+ <div class="spider_options_color_cont">
881	+ <?php
882	+ foreach ($cur_sub_fold_names as $color_key => $cur_sub_fold_name) {
883	+ ?>
884	+ <div class="spider_option_cont wds_rl_butt_col_groups" value="<?php echo $color_key; ?>" <?php echo (($cur_color_key == $color_key) ? 'selected="selected" style="background-color: #3399FF;"' : ''); ?> onclick="change_rl_butt_color(this,<?php echo $cur_type_key; ?>)">
885	+ <div class="spider_option_cont_title" >
886	+ <?php _e('Color', 'wds'); echo '-' . ++$color_key; ?>
887	+ </div>
888	+ <div class="spider_option_cont_img">
889	+ <img class="src_col_top_left" style="display:inline-block; width: 14px; height: 14px;" />
890	+ <img class="src_col_top_right" style="display:inline-block; width: 14px; height: 14px;" />
891	+ <img class="src_col_bottom_left" style="display:inline-block; width: 14px; height: 14px;" />
892	+ <img class="src_col_bottom_right" style="display:inline-block; width: 14px; height: 14px;" />
893	+ </div>
894	+ </div>
895	+ <?php
896	+ }
897	+ if (!$flag) {
898	+ /* Folder doesn't exist.*/
899	+ ?>
900	+ <div class="spider_option_cont" value="0" selected="selected" disabled="disabled"><?php _e('Custom', 'wds'); ?></div>
901	+ <?php
902	+ }
903	+ ?>
904	+ </div>
905	</div>
906	</div>
907	<div style="width:100px; display: table-cell; vertical-align: middle; text-align: center;" class="display_block">
908	<div style=" display: block; margin-left: 12px; vertical-align: middle; text-align: center;background-color: rgba(229, 229, 229, 0.62); padding-top: 4px; border-radius: 3px;" class="play_buttons_cont">
909	+ <img id="rl_butt_img_l" src="<?php echo $row->left_butt_url; ?>" style="display:inline-block; width: 40px; height: 40px;" />
910	+ <img id="rl_butt_img_r" src="<?php echo $row->right_butt_url; ?>" style="display:inline-block; width: 40px; height: 40px;" />
911	+ <img id="rl_butt_hov_img_l" src="<?php echo $row->left_butt_hov_url; ?>" style="display:inline-block; width: 40px; height: 40px;" />
912	+ <img id="rl_butt_hov_img_r" src="<?php echo $row->right_butt_hov_url; ?>" style="display:inline-block; width: 40px; height: 40px;" />
913	</div>
914	</div>
915	<div style="display: table-cell; text-align: center; vertical-align: middle;">
916	+ <input type="button" class="button button-small wds_reverse" onclick="change_src()" value="<?php _e('Reverse', 'wds'); ?>" />
917	</div>
918	</div>
919	+ <p class="description"><?php _e('Choose the type and color of navigation buttons.', 'wds'); ?></p>
920	+ </span>
921	+ <span class="wd-group<?php echo (WD_S_FREE ? ' wd-free' : ''); ?>" id="right_left_butt_size">
922	+ <label class="wd-label" for="rl_butt_size"><?php _e('Next / Previous buttons size:', 'wds'); ?></label>
923	+ <input <?php echo (WD_S_FREE ? 'disabled="disabled" title="' . __('This functionality is disabled in free version.', 'wds') . '"' : ''); ?> type="text" name="rl_butt_size" id="rl_butt_size" value="<?php echo $row->rl_butt_size; ?>" class="spider_int_input" onkeypress="return spider_check_isnum(event)"/> px
924	+ <p class="description"><?php _e('Set the size of Next and Previous buttons.', 'wds'); ?></p>
925	+ </span>
926	+ </div>
927	+ </div>
928	+ </div>
929	+ <div class="wd-table-col wd-table-col-50 wd-table-col-right">
930	+ <div class="wd-box-section">
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; ?>" />
946	+ <input type="hidden" id="paus_butt_hov_url" name="paus_butt_hov_url" value="<?php echo $row->paus_butt_hov_url; ?>" />
947	+ <p class="description"><?php _e('You can use default Play and Pause buttons or to upload custom icons.', 'wds'); ?></p>
948	+ </span>
949	+ <span class="wd-group" id="play_pause_butt_style">
950	+ <label class="wd-label" for="pp_butt_style"><?php _e('Play / Pause buttons style:', 'wds'); ?></label>
951	+ <div style="display: table-cell; vertical-align: middle; background-color: rgba(229, 229, 229, 0.62); text-align: center;">
952	+ <i id="wds_play_style" class="fa fa-play" style="color: #<?php echo $row->butts_color; ?>; display: inline-block; font-size: 40px; width: 40px; height: 40px;"></i>
953	+ <i id="wds_paus_style" class="fa fa-pause" style="color: #<?php echo $row->butts_color; ?>; display: inline-block; font-size: 40px; width: 40px; height: 40px;"></i>
954	+ </div>
955	+ </span>
956	+ <span class="wd-group" id="play_pause_butt_cust">
957	+ <label class="wd-label"><?php _e('Upload buttons images:', 'wds'); ?></label>
958	+ <div style="display: table;">
959	+ <div style="display: table-cell; vertical-align: middle;" class="display_block">

























































































960	<?php
961	+ if (!$spider_uploader) {
962	+ ?>
963	+ <input class="button button-secondary wds_ctrl_btn_upload" type="button" onclick="wds_media_uploader('play_but', event, false); return false;" value="<?php _e('Play Button', 'wds'); ?>" />
964	+ <?php
965	+ }
966	+ else {
967	?>
968	+ <a href="<?php echo add_query_arg(array('callback' => 'wds_add_image', 'image_for' => 'play_but', 'dir' => '/arrows', 'TB_iframe' => '1'), $query_url); ?>" class="button button-secondary thickbox thickbox-preview wds_ctrl_btn_upload" title="<?php _e('Play Button', 'wds'); ?>" onclick="return false;">
969	+ <?php _e('Play Button', 'wds'); ?>
970	+ </a>
971	<?php
972	}
973	?>
974	+ <?php
975	+ if (!$spider_uploader) {
976	+ ?>
977	+ <input class="button button-secondary wds_ctrl_btn_upload" type="button" onclick="wds_media_uploader('play_hov_but', event, false); return false;" value="<?php _e('Play Button Hover', 'wds'); ?>" />
978	+ <?php
979	+ }
980	+ else {
981	+ ?>
982	+ <a href="<?php echo add_query_arg(array('callback' => 'wds_add_image', 'image_for' => 'play_hov_but', 'dir' => '/arrows', 'TB_iframe' => '1'), $query_url); ?>" class="button button-secondary thickbox thickbox-preview wds_ctrl_btn_upload" title="<?php _e('Play Button Hover', 'wds'); ?>" onclick="return false;">
983	+ <?php _e('Play Button Hover', 'wds'); ?>
984	+ </a>
985	+ <?php
986	+ }
























987	?>
988	+ </div>
989	+ <div style="display: table-cell; vertical-align: middle;" class="display_block">
990	+ <?php
991	+ if (!$spider_uploader) {
992	+ ?>
993	+ <input class="button button-secondary wds_ctrl_btn_upload" type="button" onclick="wds_media_uploader('paus_but', event, false); return false;" value="<?php _e('Pause Button', 'wds'); ?>" />
994	+ <?php
995	+ }
996	+ else {
997	+ ?>
998	+ <a href="<?php echo add_query_arg(array('callback' => 'wds_add_image', 'image_for' => 'paus_but', 'dir' => '/arrows', 'TB_iframe' => '1'), $query_url); ?>" class="button button-secondary thickbox thickbox-preview wds_ctrl_btn_upload" title="<?php _e('Pause Button', 'wds'); ?>" onclick="return false;">
999	+ <?php _e('Pause Button', 'wds'); ?>
1000	+ </a>
1001	+ <?php
1002	}
1003	?>
















































1004	<?php
1005	+ if (!$spider_uploader) {
1006	?>
1007	+ <input class="button button-secondary wds_ctrl_btn_upload" type="button" onclick="wds_media_uploader('paus_hov_but', event, false); return false;" value="<?php _e('Pause Button Hover', 'wds'); ?>" />








1008	<?php
1009	}
1010	+ else {

1011	?>
1012	+ <a href="<?php echo add_query_arg(array('callback' => 'wds_add_image', 'image_for' => 'paus_hov_but', 'dir' => '/arrows', 'TB_iframe' => '1'), $query_url); ?>" class="button button-secondary thickbox thickbox-preview wds_ctrl_btn_upload" title="<?php _e('Pause Button Hover', 'wds'); ?>" onclick="return false;">
1013	+ <?php _e('Pause Button Hover', 'wds'); ?>
1014	+ </a>
1015	<?php
1016	}
1017	?>









1018	</div>
1019	+ <div style="width:100px; display: table-cell; vertical-align: middle; text-align: center;background-color: rgba(229, 229, 229, 0.62); padding-top: 4px; border-radius: 3px;" class="display_block">
1020	+ <img id="play_butt_img" src="<?php echo $row->play_butt_url; ?>" style="display:inline-block; width: 40px; height: 40px;" />
1021	+ <img id="paus_butt_img" src="<?php echo $row->paus_butt_url; ?>" style="display:inline-block; width: 40px; height: 40px;" />
1022	+ <img id="play_butt_hov_img" src="<?php echo $row->play_butt_hov_url; ?>" style="display:inline-block; width: 40px; height: 40px;" />
1023	+ <img id="paus_butt_hov_img" src="<?php echo $row->paus_butt_hov_url; ?>" style="display:inline-block; width: 40px; height: 40px;" />
1024	+ </div>
1025	+ <div style="display: table-cell; text-align: center; vertical-align: middle;" class="display_block wds_reverse_cont">
1026	+ <input type="button" class="button button-small wds_reverse" onclick="wds_change_play_paus_custom_src()" value="<?php _e('Reverse', 'wds'); ?>" />
1027	</div>



1028	</div>
1029	+ <script>
1030	+ var wds_pp_butt_type = [];
1031	+ var pp_butt_dir = '<?php echo WD_S_URL . '/images/button/'; ?>';
1032	+ var pp_type_cur_fold = '1';















































































































1033	<?php
1034	+ $folder_names = scandir(WD_S_DIR . '/images/button');
1035	+ $butt_cur_fold_name = '';
1036	+ $butt_cur_type_key = '';
1037	+ $butt_cur_color_key = '';
1038	+ $butt_cur_sub_fold_names = array();
1039	+ array_splice($folder_names, 0, 2);
1040	+ $flag = FALSE;
1041	+ foreach ($folder_names as $type_key => $folder_name) {
1042	+ if (is_dir(WD_S_DIR . '/images/button/' . $folder_name)) {
1043	+ ?>
1044	+ wds_pp_butt_type["<?php echo $type_key; ?>"] = [];
1045	+ wds_pp_butt_type["<?php echo $type_key; ?>"]["type_name"] = "<?php echo $folder_name; ?>";
















































































1046	<?php
1047	+ if ($row->play_butt_url != '') {
1048	+ /* Getting current button's type folder and color folder.*/
1049	+ $check_butt_cur_fold = explode('/' , $row->play_butt_url);
1050	+ if (in_array($folder_name, $check_butt_cur_fold)) {
1051	+ $flag = TRUE;
1052	+ $butt_cur_fold_name = $folder_name;
1053	+ $butt_cur_type_key = $type_key;
1054	+ $butt_cur_sub_fold_names = scandir(WD_S_DIR . '/images/button/' . $butt_cur_fold_name);
1055	+ array_splice($butt_cur_sub_fold_names, 0, 2);
1056	+ ?>
1057	+ pp_type_cur_fold = '<?php echo $butt_cur_type_key;?>';
1058	+ <?php
1059	+ }
1060	+ }
1061	+ $sub_folder_names = scandir( WD_S_DIR . '/images/button/' . $folder_name);
1062	+ array_splice($sub_folder_names, 0, 2);
1063	+ foreach ($sub_folder_names as $color_key => $sub_folder_name) {
1064	+ if (is_dir(WD_S_DIR . '/images/button/' . $folder_name . '/' . $sub_folder_name)) {
1065	+ if ($butt_cur_fold_name == $folder_name) {
1066	+ /* Getting current button's color key.*/
1067	+ if (in_array($sub_folder_name, $check_butt_cur_fold)) {
1068	+ $butt_cur_color_key = $color_key;
1069	+ }
1070	+ }
1071	+ ?>
1072	+ wds_pp_butt_type["<?php echo $type_key; ?>"]["<?php echo $color_key; ?>"] = "<?php echo $sub_folder_name; ?>";
1073	+ <?php
1074	+ }
1075	+ }
1076	+ }
1077	+ else {
1078	+ ?>
1079	+ console.log('<?php echo $folder_name . " is not a directory."; ?>');
1080	+ <?php
1081	+ }
1082	+ }
1083	+ ?>
1084	+ </script>
1085	+ </span>
1086	+ <span class="wd-group" id="play_pause_butt_select">
1087	+ <label class="wd-label" for="right_butt_url"><?php _e('Choose buttons:', 'wds'); ?></label>
1088	+ <div style="display: table; margin-bottom: 14px;">
1089	+ <div style="display: table-cell; vertical-align: middle;" class="display_block" >
1090	+ <div style="display: block; width: 122px;" class="default_buttons">
1091	+ <div class="spider_choose_option" onclick="wds_choose_pp_option(this)">
1092	+ <div class="spider_option_main_title"><?php _e('Choose group', 'wds'); ?></div>
1093	+ <div class="spider_sel_option_ic"><i class="fa fa-angle-down fa-lg" style="color: #1E8CBE"></i></div>
1094	+ </div>
1095	+ <div class="spider_pp_options_cont">
1096	+ <?php
1097	+ foreach ($folder_names as $type_key => $folder_name) {
1098	?>
1099	+ <div class="spider_option_cont wds_pp_butt_groups" value="<?php echo $type_key; ?>" <?php echo (($butt_cur_type_key == $type_key) ? 'selected="selected" style="background-color: #3399FF;"' : ''); ?> onclick="change_play_paus_butt_type(this)">
1100	+ <div class="spider_option_cont_title">
1101	+ <?php _e('Group', 'wds'); echo '-' . ++$type_key; ?>
1102	+ </div>
1103	+ <div class="spider_option_cont_img">
1104	+ <img class="pp_src_top_left" style="display: inline-block; width: 14px; height: 14px;" />
1105	+ <img class="pp_src_top_right" style="display: inline-block; width: 14px; height: 14px;" />
1106	+ <img class="pp_src_bottom_left" style="display: inline-block; width: 14px; height: 14px;" />
1107	+ <img class="pp_src_bottom_right" style="display: inline-block; width: 14px; height: 14px;" />
1108	+ </div>
1109	+ </div>
1110	<?php
1111	}
1112	+ if (!$flag) {
1113	+ /* Folder doesn't exist.*/
1114	?>
1115	+ <div class="spider_option_cont" value="0" selected="selected" disabled="disabled"><?php _e('Custom', 'wds'); ?></div>


1116	<?php
1117	}
1118	?>
1119	+ </div>
1120	+ </div>
1121	+ </div>
1122	+ <div style="display:table-cell;vertical-align: middle;" class="display_block">
1123	+ <div style="display: block; width: 122px; margin-left: 12px;" class="default_buttons">
1124	+ <div class="spider_choose_option" onclick="<?php echo (WD_S_FREE ? 'alert(\'' . addslashes(__('This functionality is disabled in free version.', 'wds')) . '\')' : 'wds_choose_pp_option_color(this)'); ?>">
1125	+ <div class="spider_option_main_title"><?php _e('Choose color', 'wds'); ?></div>
1126	+ <div class="spider_sel_option_ic"><i class="fa fa-angle-down fa-lg" style="color:#1E8CBE"></i></div>
1127	+ </div>
1128	+ <div class="spider_pp_options_color_cont">
1129	+ <?php
1130	+ foreach ($butt_cur_sub_fold_names as $color_key => $cur_sub_fold_name) {
1131	+ ?>
1132	+ <div class="spider_option_cont wds_pp_butt_col_groups" value="<?php echo $color_key; ?>" <?php echo (($butt_cur_color_key == $color_key) ? 'selected="selected" style="background-color: #3399FF;"' : ''); ?> onclick="change_play_paus_butt_color(this, <?php echo $cur_type_key; ?>)">
1133	+ <div class="spider_option_cont_title" >
1134	+ <?php _e('Color', 'wds'); echo '-' . ++$color_key; ?>
1135	+ </div>
1136	+ <div class="spider_option_cont_img">
1137	+ <img class="pp_src_col_top_left" style="display:inline-block; width: 14px; height: 14px;" />
1138	+ <img class="pp_src_col_top_right" style="display:inline-block; width: 14px; height: 14px;" />
1139	+ <img class="pp_src_col_bottom_left" style="display:inline-block; width: 14px; height: 14px;" />
1140	+ <img class="pp_src_col_bottom_right" style="display:inline-block; width: 14px; height: 14px;" />
1141	+ </div>
1142	+ </div>
1143	+ <?php
1144	+ }
1145	+ if (!$flag) {
1146	+ /* Folder doesn't exist.*/
1147	+ ?>
1148	+ <div class="spider_option_cont" value="0" selected="selected" disabled="disabled"><?php _e('Custom', 'wds'); ?></div>
1149	+ <?php
1150	+ }
1151	+ ?>
1152	+ </div>
1153	+ </div>
1154	+ </div>
1155	+ <div style="width:100px; display: table-cell; vertical-align: middle; text-align: center;" class="display_block">
1156	+ <div style=" display: block; margin-left: 12px; vertical-align: middle; text-align: center;background-color: rgba(229, 229, 229, 0.62); padding-top: 4px; border-radius: 3px;" class="play_buttons_cont">
1157	+ <img id="pp_butt_img_play" src="<?php echo $row->play_butt_url; ?>" style="display:inline-block; width: 40px; height: 40px;" />
1158	+ <img id="pp_butt_img_paus" src="<?php echo $row->paus_butt_url; ?>" style="display:inline-block; width: 40px; height: 40px;" />
1159	+ <img id="pp_butt_hov_img_play" src="<?php echo $row->play_butt_hov_url; ?>" style="display:inline-block; width: 40px; height: 40px;" />
1160	+ <img id="pp_butt_hov_img_paus" src="<?php echo $row->paus_butt_hov_url; ?>" style="display:inline-block; width: 40px; height: 40px;" />
1161	+ </div>
1162	+ </div>
1163	+ <div style="display: table-cell; text-align: center; vertical-align: middle;">
1164	+ <input type="button" class="button button-small wds_reverse" onclick="change_play_paus_src()" value="<?php _e('Reverse', 'wds'); ?>" />
1165	+ </div>
1166	+ </div>
1167	+ <p class="description"><?php _e('Choose the type and color of navigation buttons.', 'wds'); ?></p>
1168	+ </span>
1169	+ <span class="wd-group<?php echo (WD_S_FREE ? ' wd-free' : ''); ?>" id="play_pause_butt_size">
1170	+ <label class="wd-label" for="pp_butt_size"><?php _e('Play / Pause button size:', 'wds'); ?></label>
1171	+ <input <?php echo (WD_S_FREE ? 'disabled="disabled" title="' . __('This functionality is disabled in free version.', 'wds') . '"' : ''); ?> type="text" name="pp_butt_size" id="pp_butt_size" value="<?php echo $row->pp_butt_size; ?>" class="spider_int_input" onkeypress="return spider_check_isnum(event)"/> px
1172	+ <p class="description"><?php _e('Set the size of Play and Pause buttons.', 'wds'); ?></p>
1173	+ </span>
1174	+ <span class="wd-group<?php echo (WD_S_FREE ? ' wd-free' : ''); ?>" id="tr_butts_color">
1175	+ <label class="wd-label" for="butts_color"><?php _e('Buttons color:', 'wds'); ?></label>
1176	+ <input <?php echo (WD_S_FREE ? 'disabled="disabled" title="' . __('This functionality is disabled in free version.', 'wds') . '"' : ''); ?> type="text" name="butts_color" id="butts_color" value="<?php echo $row->butts_color; ?>" class="color" onchange="jQuery('#wds_left_style,#wds_right_style,#wds_play_style,#wds_paus_style').css({color: '#' + jQuery(this).val()})" />
1177	+ <p class="description"><?php _e('Select a color for the navigation buttons.', 'wds'); ?></p>
1178	+ </span>
1179	+ <span class="wd-group<?php echo (WD_S_FREE ? ' wd-free' : ''); ?>" id="tr_hover_color">
1180	+ <label class="wd-label" for="hover_color"><?php _e('Hover color:', 'wds'); ?></label>
1181	+ <input <?php echo (WD_S_FREE ? 'disabled="disabled" title="' . __('This functionality is disabled in free version.', 'wds') . '"' : ''); ?> type="text" name="hover_color" id="hover_color" value="<?php echo $row->hover_color; ?>" class="color" />
1182	+ <p class="description"><?php _e('Select a hover color for the navigation buttons.', 'wds'); ?></p>
1183	+ </span>
1184	+ <span class="wd-group<?php echo (WD_S_FREE ? ' wd-free' : ''); ?>">
1185	+ <label class="wd-label" for="nav_border_width"><?php _e('Border:', 'wds'); ?></label>
1186	+ <input <?php echo (WD_S_FREE ? 'disabled="disabled" title="' . __('This functionality is disabled in free version.', 'wds') . '"' : ''); ?> type="text" name="nav_border_width" id="nav_border_width" value="<?php echo $row->nav_border_width; ?>" class="spider_int_input" onkeypress="return spider_check_isnum(event)"/> px
1187	+ <select <?php echo (WD_S_FREE ? 'disabled="disabled" title="' . __('This functionality is disabled in free version.', 'wds') . '"' : ''); ?> class="select_icon select_icon_320" name="nav_border_style" id="nav_border_style">
1188	+ <?php
1189	+ foreach ($border_styles as $key => $border_style) {
1190	+ ?>
1191	+ <option value="<?php echo $key; ?>" <?php echo (($row->nav_border_style == $key) ? 'selected="selected"' : ''); ?>><?php echo $border_style; ?></option>
1192	+ <?php
1193	+ }
1194	+ ?>
1195	+ </select>
1196	+ <input <?php echo (WD_S_FREE ? 'disabled="disabled" title="' . __('This functionality is disabled in free version.', 'wds') . '"' : ''); ?> type="text" name="nav_border_color" id="nav_border_color" value="<?php echo $row->nav_border_color; ?>" class="color" />
1197	+ <p class="description"><?php _e('Select the type, size and the color of border for the navigation buttons.', 'wds'); ?></p>
1198	+ </span>
1199	+ <span class="wd-group<?php echo (WD_S_FREE ? ' wd-free' : ''); ?>">
1200	+ <label class="wd-label" for="nav_border_radius"><?php _e('Border radius:', 'wds'); ?></label>
1201	+ <input <?php echo (WD_S_FREE ? 'disabled="disabled" title="' . __('This functionality is disabled in free version.', 'wds') . '"' : ''); ?> type="text" name="nav_border_radius" id="nav_border_radius" value="<?php echo $row->nav_border_radius; ?>" class="spider_char_input" />
1202	+ <p class="description"><?php _e('Use CSS type values (e.g. 4px).', 'wds'); ?></p>
1203	+ </span>
1204	+ <span class="wd-group<?php echo (WD_S_FREE ? ' wd-free' : ''); ?>">
1205	+ <label class="wd-label" for="nav_bg_color"><?php _e('Background color:', 'wds'); ?></label>
1206	+ <input <?php echo (WD_S_FREE ? 'disabled="disabled" title="' . __('This functionality is disabled in free version.', 'wds') . '"' : ''); ?> type="text" name="nav_bg_color" id="nav_bg_color" value="<?php echo $row->nav_bg_color; ?>" class="color" />
1207	+ <input <?php echo (WD_S_FREE ? 'disabled="disabled" title="' . __('This functionality is disabled in free version.', 'wds') . '"' : ''); ?> type="text" name="butts_transparent" id="butts_transparent" value="<?php echo $row->butts_transparent; ?>" class="spider_int_input" onkeypress="return spider_check_isnum(event)"/> %
1208	+ <p class="description"><?php _e('Transparency Value must be between 0 and 100.', 'wds'); ?></p>
1209	+ </span>
1210	+ </div>
1211	+ </div>
1212	+ </div>
1213	+ </div>
1214	+ </div>
1215	+ <div class="wds_nav_box wds_nav_bullets_box">
1216	+ <div class="wd-table">
1217	+ <div class="wd-table-col wd-table-col-50 wd-table-col-left">
1218	+ <div class="wd-box-section">
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">
1239	+ <label class="wd-label" for="wds_thumb_size"><?php _e('Thumbnail Size:', 'wds'); ?></label>
1240	+ <input onblur="wds_check_number()" type="text" id="wds_thumb_size" name="wds_thumb_size" size="15" value="<?php echo $row->thumb_size; ?>" style="display:inline-block;" />
1241	+ <p class="description"><?php _e('Value must be between 0 to 1.', 'wds'); ?></p>
1242	+ </span>
1243	+ <span class="wd-group">
1244	+ <label class="wd-label"><?php _e('Position:', 'wds'); ?></label>
1245	+ <select class="select_icon select_icon_320" name="bull_position" id="bull_position">
1246	+ <option value="top" <?php echo (($row->bull_position == "top") ? 'selected="selected"' : ''); ?>><?php _e('Top', 'wds'); ?></option>
1247	+ <option value="bottom" <?php echo (($row->bull_position == "bottom") ? 'selected="selected"' : ''); ?>><?php _e('Bottom', 'wds'); ?></option>
1248	+ </select>
1249	+ <p class="description"><?php _e('Select the position for navigation bullets.', 'wds'); ?></p>
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>
1260	+ </span>
1261	+ <span class="wd-group" id="bullets_style">
1262	+ <label class="wd-label" for="bull_style"><?php _e('Bullet style:', 'wds'); ?></label>
1263	+ <div style="display: table;">
1264	+ <div style="display: table-cell; vertical-align: middle;">
1265	+ <select class="select_icon select_icon_320" name="bull_style" id="bull_style" onchange="change_bull_style(jQuery(this).val())">
1266	<?php
1267	+ foreach ($bull_styles as $key => $bull_style) {
1268	+ ?>
1269	+ <option value="<?php echo $key; ?>" <?php echo (($row->bull_style == $key) ? 'selected="selected"' : ''); ?>><?php echo $bull_style; ?></option>
1270	+ <?php
1271	}
1272	?>
1273	</select>
1274	+ </div>
1275	+ <div style="display: table-cell; vertical-align: middle; background-color: rgba(229, 229, 229, 0.62); text-align: center;">
1276	+ <i id="wds_act_bull_style" class="fa <?php echo str_replace('-o', '', $row->bull_style); ?>" style="color: #<?php echo $row->bull_act_color; ?>; display: inline-block; font-size: 40px; width: 40px; height: 40px;"></i>
1277	+ <i id="wds_deact_bull_style" class="fa <?php echo $row->bull_style; ?>" style="color: #<?php echo $row->bull_color; ?>; display: inline-block; font-size: 40px; width: 40px; height: 40px;"></i>
1278	+ </div>
1279	+ </div>
1280	+ <p class="description"><?php _e('Choose the style for the bullets.', 'wds'); ?></p>
1281	+ <script>
1282	+ var wds_blt_img_type = [];
1283	+ var blt_img_dir = '<?php echo WD_S_URL . '/images/bullet/'; ?>';
1284	+ var bull_type_cur_fold = '1';
1285	+ <?php
1286	+ $folder_names = scandir(WD_S_DIR . '/images/bullet');
1287	+ $bull_cur_fold_name = '';
1288	+ $bull_cur_type_key = '';
1289	+ $bull_cur_color_key = '';
1290	+ $bull_cur_sub_fold_names = array();
1291	+ array_splice($folder_names, 0, 2);
1292	+ $flag = FALSE;
1293	+ foreach ($folder_names as $type_key => $folder_name) {
1294	+ if (is_dir(WD_S_DIR . '/images/bullet/' . $folder_name)) {
1295	?>
1296	+ wds_blt_img_type["<?php echo $type_key; ?>"] = [];
1297	+ wds_blt_img_type["<?php echo $type_key; ?>"]["type_name"] = "<?php echo $folder_name; ?>";




1298	<?php
1299	+ if ($row->bullets_img_main_url != '') {
1300	+ /* Getting current button's type folder and color folder.*/
1301	+ $check_bull_cur_fold = explode('/' , $row->bullets_img_main_url);
1302	+ if (in_array($folder_name, $check_bull_cur_fold)) {
1303	+ $flag = TRUE;
1304	+ $bull_cur_fold_name = $folder_name;
1305	+ $bull_cur_type_key = $type_key;
1306	+ $bull_cur_sub_fold_names = scandir(WD_S_DIR . '/images/bullet/' . $bull_cur_fold_name);
1307	+ array_splice($bull_cur_sub_fold_names, 0, 2);
1308	+ ?>
1309	+ bull_type_cur_fold = '<?php echo $bull_cur_type_key;?>';
1310	+ <?php
1311	+ }
1312	}
1313	+ $sub_folder_names = scandir(WD_S_DIR . '/images/bullet/' . $folder_name);
1314	+ array_splice($sub_folder_names, 0, 2);
1315	+ foreach ($sub_folder_names as $color_key => $sub_folder_name) {
1316	+ if (is_dir(WD_S_DIR . '/images/bullet/' . $folder_name . '/' . $sub_folder_name)) {
1317	+ if ($bull_cur_fold_name == $folder_name) {
1318	+ /* Getting current button's color key.*/
1319	+ if (in_array($sub_folder_name, $check_bull_cur_fold)) {
1320	+ $bull_cur_color_key = $color_key;
1321	+ }
1322	+ }
1323	+ ?>
1324	+ wds_blt_img_type["<?php echo $type_key; ?>"]["<?php echo $color_key; ?>"] = "<?php echo $sub_folder_name; ?>";
1325	+ <?php
1326	+ }
1327	+ }
1328	+ }
1329	+ else {
1330	+ ?>
1331	+ console.log('<?php echo $folder_name . " is not a directory."; ?>');
1332	+ <?php
1333	+ }
1334	+ }
























































1335	?>
1336	+ </script>
1337	+ </span>
1338	+ <span class="wd-group" id="bullets_images_cust">
1339	+ <label class="wd-label"><?php _e('Upload buttons images:', 'wds'); ?></label>
1340	+ <div style="display: table;">
1341	+ <div style="display: table-cell; vertical-align: middle;">

















































































































1342	<?php
1343	+ if (!$spider_uploader) {
1344	?>
1345	+ <input class="button button-secondary wds_ctrl_btn_upload" type="button" onclick="wds_media_uploader('bullets_main_but', event, false); return false;" value="<?php _e('Active Button', 'wds'); ?>" />

1346	<?php
1347	}
1348	else {
1349	?>
1350	+ <a href="<?php echo add_query_arg(array('callback' => 'wds_add_image', 'image_for' => 'bullets_main_but', 'dir' => '/arrows', 'TB_iframe' => '1'), $query_url); ?>" class="button button-secondary thickbox thickbox-preview wds_ctrl_btn_upload" title="Add Image" onclick="return false;">
1351	+ <?php _e('Active Button', 'wds'); ?>
1352	+ </a>
1353	<?php
1354	}
1355	+ ?>





1356	</div>
1357	+ <div style="display: table-cell; vertical-align: middle;">






















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	}
1371	?>
1372	+ </div>
1373	+ <div style="width:100px; display: table-cell; vertical-align: middle; text-align: center;background-color: rgba(229, 229, 229, 0.62); padding-top: 4px; border-radius: 3px;">
1374	+ <img id="bull_img_main" src="<?php echo $row->bullets_img_main_url; ?>" style="display:inline-block; width: 40px; height: 40px;" />
1375	+ <img id="bull_img_hov" src="<?php echo $row->bullets_img_hov_url; ?>" style="display:inline-block; width: 40px; height: 40px;" />
1376	+ </div>
1377	+ <div style="display: table-cell; text-align: center; vertical-align: middle;">
1378	+ <input type="button" class="button button-small wds_reverse" onclick="wds_change_bullets_custom_src()" value="<?php _e('Reverse', 'wds'); ?>" />
1379	+ </div>
1380	+ </div>
1381	+ </span>
1382	+ <span class="wd-group" id="bullets_images_select">
1383	+ <label class="wd-label" for="bullets_images_url"><?php _e('Choose buttons:', 'wds'); ?></label>
1384	+ <div style="display: table; margin-bottom: 14px;">
1385	+ <div style="display: table-cell; vertical-align: middle;" class="display_block">
1386	+ <div style="display: block; width: 122px;" class="default_buttons">
1387	+ <div class="spider_choose_option" onclick="wds_choose_bull_option(this)">
1388	+ <div class="spider_option_main_title"><?php _e('Choose group', 'wds'); ?></div>
1389	+ <div class="spider_sel_option_ic"><i class="fa fa-angle-down fa-lg" style="color: #1E8CBE;"></i></div>
1390	+ </div>
1391	+ <div class="spider_bull_options_cont">
1392	+ <?php
1393	+ foreach ($folder_names as $type_key => $folder_name) {
1394	+ ?>
1395	+ <div class="spider_option_cont wds_bull_butt_groups" value="<?php echo $type_key; ?>" <?php echo (($bull_cur_type_key == $type_key) ? 'selected="selected" style="background-color: #3399FF;"' : ''); ?> onclick="change_bullets_images_type(this)">
1396	+ <div class="spider_option_cont_title" style="width: 64%;">
1397	+ <?php _e('Group', 'wds'); echo '-' . ++$type_key; ?>
1398	+ </div>
1399	+ <div class="spider_option_cont_img">
1400	+ <img class="bull_src_left" style="display: inline-block; width: 14px; height: 14px;" />
1401	+ <img class="bull_src_right" style="display: inline-block; width: 14px; height: 14px;" />
1402	+ </div>
1403	+ </div>
1404	+ <?php
1405	+ }
1406	+ if (!$flag) {
1407	+ /* Folder doesn't exist.*/
1408	+ ?>
1409	+ <div class="spider_option_cont" value="0" selected="selected" disabled="disabled"><?php _e('Custom', 'wds'); ?></div>
1410	+ <?php
1411	+ }
1412	+ ?>
1413	+ </div>
1414	+ </div>
1415	+ </div>
1416	+ <div style="display: table-cell; vertical-align: middle;" class="display_block">
1417	+ <div style="display: block; width: 122px; margin-left: 12px;">
1418	+ <div class="spider_choose_option" onclick="<?php echo (WD_S_FREE ? 'alert(\'' . addslashes(__('This functionality is disabled in free version.', 'wds')) . '\')' : 'wds_choose_bull_option_color(this)'); ?>">
1419	+ <div class="spider_option_main_title"><?php _e('Choose color', 'wds'); ?></div>
1420	+ <div class="spider_sel_option_ic"><i class="fa fa-angle-down fa-lg" style="color: #1E8CBE;"></i></div>
1421	+ </div>
1422	+ <div class="spider_bull_options_color_cont">
1423	+ <?php
1424	+ foreach ($bull_cur_sub_fold_names as $color_key => $cur_sub_fold_name) {
1425	+ ?>
1426	+ <div class="spider_option_cont wds_bull_butt_col_groups" value="<?php echo $color_key; ?>" <?php echo (($bull_cur_color_key == $color_key) ? 'selected="selected" style="background-color: #3399FF;"' : ''); ?> onclick="change_bullets_images_color(this, <?php echo $bull_cur_type_key; ?>)">
1427	+ <div class="spider_option_cont_title" style="width: 64%;">
1428	+ <?php echo _e('Color', 'wds'); '-' . ++$color_key; ?>
1429	+ </div>
1430	+ <div class="spider_option_cont_img" style="width: 22%;">
1431	+ <img class="bull_col_src_left" style="display: inline-block; width: 14px; height: 14px;" />
1432	+ <img class="bull_col_src_right" style="display: inline-block; width: 14px; height: 14px;" />
1433	+ </div>
1434	+ </div>
1435	+ <?php
1436	+ }
1437	+ if (!$flag) {
1438	+ /* Folder doesn't exist.*/
1439	+ ?>
1440	+ <div class="spider_option_cont" value="0" selected="selected" disabled="disabled"><?php _e('Custom', 'wds'); ?></div>
1441	+ <?php
1442	+ }
1443	+ ?>
1444	+ </div>
1445	+ </div>
1446	+ </div>
1447	+ <div style="width: 100px; display: table-cell; vertical-align: middle; text-align: center;">
1448	+ <div style="display: block; vertical-align: middle; margin-left: 12px; text-align: center; background-color: rgba(229, 229, 229, 0.62); padding-top: 4px; border-radius: 3px;">
1449	+ <img id="bullets_img_main" src="<?php echo $row->bullets_img_main_url; ?>" style="display: inline-block; width: 40px; height: 40px;" />
1450	+ <img id="bullets_img_hov" src="<?php echo $row->bullets_img_hov_url; ?>" style="display: inline-block; width: 40px; height: 40px;" />
1451	+ </div>
1452	+ </div>
1453	+ <div style="display: table-cell; text-align: center; vertical-align: middle;">
1454	+ <input type="button" class="button button-small wds_reverse" onclick="change_bullets_src()" value="<?php _e('Reverse', 'wds'); ?>" />
1455	+ </div>
1456	+ </div>
1457	+ <p class="description"><?php _e('Choose the type and color for the bullets.', 'wds'); ?></p>
1458	+ </span>
1459	+ </div>
1460	+ </div>
1461	+ </div>
1462	+ <div class="wd-table-col wd-table-col-50 wd-table-col-right">
1463	+ <div class="wd-box-section">
1464	+ <div class="wd-box-content">
1465	+ <span class="wd-group<?php echo (WD_S_FREE ? ' wd-free' : ''); ?>" id="bullet_size">
1466	+ <label class="wd-label" for="bull_size"><?php _e('Size:', 'wds'); ?></label>
1467	+ <input <?php echo (WD_S_FREE ? 'disabled="disabled" title="' . __('This functionality is disabled in free version.', 'wds') . '"' : ''); ?> type="text" name="bull_size" id="bull_size" value="<?php echo $row->bull_size; ?>" class="spider_int_input" onkeypress="return spider_check_isnum(event)"/> px
1468	+ <p class="description"><?php _e('Set the size of navigation bullets.', 'wds'); ?></p>
1469	+ </span>
1470	+ <span class="wd-group<?php echo (WD_S_FREE ? ' wd-free' : ''); ?>">
1471	+ <label class="wd-label" for="bull_color"><?php _e('Color:', 'wds'); ?></label>
1472	+ <input <?php echo (WD_S_FREE ? 'disabled="disabled" title="' . __('This functionality is disabled in free version.', 'wds') . '"' : ''); ?> type="text" name="bull_color" id="bull_color" value="<?php echo $row->bull_color; ?>" class="color" onchange="jQuery('#wds_deact_bull_style').css({color: '#' + jQuery(this).val()})" />
1473	+ <p class="description"><?php _e('Select the color for navigation bullets.', 'wds'); ?></p>
1474	+ </span>
1475	+ <span class="wd-group<?php echo (WD_S_FREE ? ' wd-free' : ''); ?>" id="bullets_act_color">
1476	+ <label class="wd-label" for="bull_act_color"><?php _e('Active color:', 'wds'); ?></label>
1477	+ <input <?php echo (WD_S_FREE ? 'disabled="disabled" title="' . __('This functionality is disabled in free version.', 'wds') . '"' : ''); ?> type="text" name="bull_act_color" id="bull_act_color" value="<?php echo $row->bull_act_color; ?>" class="color" onchange="jQuery('#wds_act_bull_style').css({color: '#' + jQuery(this).val()})" />
1478	+ <p class="description"><?php _e('Select the color for the bullet, which is currently displaying a corresponding image.', 'wds'); ?></p>
1479	+ </span>
1480	+ <span class="wd-group<?php echo (WD_S_FREE ? ' wd-free' : ''); ?>" id="bullets_back_act_color">
1481	+ <label class="wd-label" for="bull_back_act_color"><?php _e('Active Background color:', 'wds'); ?></label>
1482	+ <input <?php echo (WD_S_FREE ? 'disabled="disabled" title="' . __('This functionality is disabled in free version.', 'wds') . '"' : ''); ?> type="text" name="bull_back_act_color" id="bull_back_act_color" value="<?php echo $row->bull_back_act_color; ?>" class="color" onchange="jQuery('#wds_back_act_bull_text').css({color: '#' + jQuery(this).val()})" />
1483	+ <p class="description"><?php _e('Select the background color for the bullet, which is currently displaying a corresponding image.', 'wds'); ?></p>
1484	+ </span>
1485	+ <span class="wd-group<?php echo (WD_S_FREE ? ' wd-free' : ''); ?>" id="bullets_back_color">
1486	+ <label class="wd-label" for="bull_back_color"><?php _e('Background color:', 'wds'); ?></label>
1487	+ <input <?php echo (WD_S_FREE ? 'disabled="disabled" title="' . __('This functionality is disabled in free version.', 'wds') . '"' : ''); ?> type="text" name="bull_back_color" id="bull_back_color" value="<?php echo $row->bull_back_color; ?>" class="color" onchange="jQuery('#wds_back_bull_text').css({color: '#' + jQuery(this).val()})" />
1488	+ <p class="description"><?php _e('Select the background color for the bullet...', 'wds'); ?></p>
1489	+ </span>
1490	+ <span class="wd-group<?php echo (WD_S_FREE ? ' wd-free' : ''); ?>" id="bullets_radius">
1491	+ <label class="wd-label" for="bull_radius"><?php _e('Border radius:', 'wds'); ?></label>
1492	+ <input <?php echo (WD_S_FREE ? 'disabled="disabled" title="' . __('This functionality is disabled in free version.', 'wds') . '"' : ''); ?> type="text" name="bull_radius" id="bull_radius" value="<?php echo $row->bull_radius; ?>" class="spider_char_input" />
1493	+ <p class="description"><?php _e('Use CSS type values (e.g. 4px).', 'wds'); ?></p>
1494	+ </span>
1495	+ <span class="wd-group<?php echo (WD_S_FREE ? ' wd-free' : ''); ?>" id="bullet_margin">
1496	+ <label class="wd-label" for="bull_margin"><?php _e('Margin:', 'wds'); ?></label>
1497	+ <input <?php echo (WD_S_FREE ? 'disabled="disabled" title="' . __('This functionality is disabled in free version.', 'wds') . '"' : ''); ?> type="text" name="bull_margin" id="bull_margin" value="<?php echo $row->bull_margin; ?>" class="spider_int_input" onkeypress="return spider_check_isnum(event)"/> px
1498	+ <p class="description"><?php _e('Set the margin for navigation bullets.', 'wds'); ?></p>
1499	+ </span>
1500	+ </div>
1501	+ </div>
1502	+ </div>
1503	+ </div>
1504	+ </div>
1505	+ <div class="wds_nav_box wds_nav_filmstrip_box<?php echo (WD_S_FREE ? ' wd-free' : ''); ?>">
1506	+ <div class="wd-table">
1507	+ <div class="wd-table-col wd-table-col-50 wd-table-col-left">
1508	+ <div class="wd-box-section">
1509	+ <div class="wd-box-content">
1510	+ <?php
1511	+ if ( WD_S_FREE ) {
1512	+ echo WDW_S_Library::message_id(0, __('This functionality is disabled in free version.', 'wds'), 'error');
1513	+ }
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">
1522	+ <label class="wd-label"><?php _e('Position:', 'wds'); ?></label>
1523	+ <select <?php echo (WD_S_FREE ? 'disabled="disabled" title="' . __('This functionality is disabled in free version.', 'wds') . '"' : ''); ?> class="select_icon select_icon_320" name="film_pos" id="film_pos">
1524	+ <option value="top" <?php echo (($row->film_pos == "top") ? 'selected="selected"' : ''); ?>><?php _e('Top', 'wds'); ?></option>
1525	+ <option value="right" <?php echo (($row->film_pos == "right") ? 'selected="selected"' : ''); ?>><?php _e('Right', 'wds'); ?></option>
1526	+ <option value="bottom" <?php echo (($row->film_pos == "bottom") ? 'selected="selected"' : ''); ?>><?php _e('Bottom', 'wds'); ?></option>
1527	+ <option value="left" <?php echo (($row->film_pos == "left") ? 'selected="selected"' : ''); ?>><?php _e('Left', 'wds'); ?></option>
1528	+ </select>
1529	+ <p class="description"><?php _e('Set the position of the filmstrip.', 'wds'); ?></p>
1530	+ </span>
1531	+ <span class="wd-group" id="filmstrip_size">
1532	+ <label class="wd-label" for="film_thumb_width"><?php _e('Thumbnail dimensions:', 'wds'); ?></label>
1533	+ <input <?php echo (WD_S_FREE ? 'disabled="disabled" title="' . __('This functionality is disabled in free version.', 'wds') . '"' : ''); ?> type="text" name="film_thumb_width" id="film_thumb_width" value="<?php echo $row->film_thumb_width; ?>" class="spider_int_input" onkeypress="return spider_check_isnum(event)" /> x
1534	+ <input <?php echo (WD_S_FREE ? 'disabled="disabled" title="' . __('This functionality is disabled in free version.', 'wds') . '"' : ''); ?> type="text" name="film_thumb_height" id="film_thumb_height" value="<?php echo $row->film_thumb_height; ?>" class="spider_int_input" onkeypress="return spider_check_isnum(event)" /> px
1535	+ <p class="description"><?php _e('Define the maximum width and heigth of the filmstrip thumbnails.', 'wds'); ?></p>
1536	+ </span>
1537	+ <span class="wd-group">
1538	+ <label class="wd-label" for="film_bg_color"><?php _e('Background color:', 'wds'); ?></label>
1539	+ <input <?php echo (WD_S_FREE ? 'disabled="disabled" title="' . __('This functionality is disabled in free version.', 'wds') . '"' : ''); ?> type="text" name="film_bg_color" id="film_bg_color" value="<?php echo $row->film_bg_color; ?>" class="color" />
1540	+ <p class="description"><?php _e('Select the background color for the filmstrip.', 'wds'); ?></p>
1541	+ </span>
1542	+ </div>
1543	+ </div>
1544	+ </div>
1545	+ <div class="wd-table-col wd-table-col-50 wd-table-col-right">
1546	+ <div class="wd-box-section">
1547	+ <div class="wd-box-content">
1548	+ <span class="wd-group" id="filmstrip_thumb_margin">
1549	+ <label class="wd-label" for="film_tmb_margin"><?php _e('Thumbnail separator:', 'wds'); ?></label>
1550	+ <input <?php echo (WD_S_FREE ? 'disabled="disabled" title="' . __('This functionality is disabled in free version.', 'wds') . '"' : ''); ?> type="text" name="film_tmb_margin" id="film_tmb_margin" value="<?php echo $row->film_tmb_margin; ?>" class="spider_int_input" onkeypress="return spider_check_isnum(event)"/> px
1551	+ <p class="description"><?php _e('Set the size of the separator for thumbnails.', 'wds'); ?></p>
1552	+ </span>
1553	+ <span class="wd-group">
1554	+ <label class="wd-label" for="film_act_border_width"><?php _e('Active border:', 'wds'); ?></label>
1555	+ <input <?php echo (WD_S_FREE ? 'disabled="disabled" title="' . __('This functionality is disabled in free version.', 'wds') . '"' : ''); ?> type="text" name="film_act_border_width" id="film_act_border_width" value="<?php echo $row->film_act_border_width; ?>" class="spider_int_input" onkeypress="return spider_check_isnum(event)"/> px
1556	+ <select <?php echo (WD_S_FREE ? 'disabled="disabled" title="' . __('This functionality is disabled in free version.', 'wds') . '"' : ''); ?> class="select_icon select_icon_320" name="film_act_border_style" id="film_act_border_style">
1557	+ <?php
1558	+ foreach ($border_styles as $key => $border_style) {
1559	+ ?>
1560	+ <option value="<?php echo $key; ?>" <?php echo (($row->film_act_border_style == $key) ? 'selected="selected"' : ''); ?>><?php echo $border_style; ?></option>
1561	+ <?php
1562	+ }
1563	+ ?>
1564	+ </select>
1565	+ <input <?php echo (WD_S_FREE ? 'disabled="disabled" title="' . __('This functionality is disabled in free version.', 'wds') . '"' : ''); ?> type="text" name="film_act_border_color" id="film_act_border_color" value="<?php echo $row->film_act_border_color; ?>" class="color"/>
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>
1573	+ </div>
1574	+ </div>
1575	+ </div>
1576	+ </div>
1577	+ </div>
1578	+ <div class="wds_nav_box wds_nav_timer_bar_box">
1579	+ <div class="wd-table">
1580	+ <div class="wd-table-col wd-table-col-50 wd-table-col-left">
1581	+ <div class="wd-box-section">
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">
1590	+ <label class="wd-label" for="timer_bar_type"><?php _e('Type:', 'wds'); ?></label>
1591	+ <select class="select_icon select_icon_320" name="timer_bar_type" id="timer_bar_type">
1592	+ <option value="top" <?php echo (($row->timer_bar_type == "top") ? 'selected="selected"' : ''); ?>><?php _e('Line top', 'wds'); ?></option>
1593	+ <option value="bottom" <?php echo (($row->timer_bar_type == "bottom") ? 'selected="selected"' : ''); ?>><?php _e('Line Bottom', 'wds'); ?></option>
1594	+ <option value="circle_top_left" <?php echo (($row->timer_bar_type == "circle_top_left") ? 'selected="selected"' : ''); ?>><?php _e('Circle top left', 'wds'); ?></option>
1595	+ <option value="circle_top_right" <?php echo (($row->timer_bar_type == "circle_top_right") ? 'selected="selected"' : ''); ?>><?php _e('Circle top right', 'wds'); ?></option>
1596	+ <option value="circle_bot_left" <?php echo (($row->timer_bar_type == "circle_bot_left") ? 'selected="selected"' : ''); ?>><?php _e('Circle bottom left', 'wds'); ?></option>
1597	+ <option value="circle_bot_right" <?php echo (($row->timer_bar_type == "circle_bot_right") ? 'selected="selected"' : ''); ?>><?php _e('Circle bottom right', 'wds'); ?></option>
1598	+ </select>
1599	+ <p class="description"><?php _e('Choose the type of the timer bar to be used within the slider.', 'wds'); ?></p>
1600	+ </span>
1601	+ </div>
1602	+ </div>
1603	+ </div>
1604	+ <div class="wd-table-col wd-table-col-50 wd-table-col-right">
1605	+ <div class="wd-box-section">
1606	+ <div class="wd-box-content">
1607	+ <span class="wd-group">
1608	+ <label class="wd-label" for="timer_bar_size"><?php _e('Size:', 'wds'); ?></label>
1609	+ <input type="text" name="timer_bar_size" id="timer_bar_size" value="<?php echo $row->timer_bar_size; ?>" class="spider_int_input" onkeypress="return spider_check_isnum(event)" /> px
1610	+ <p class="description"><?php _e('Define the height of the timer bar.', 'wds'); ?></p>
1611	+ </span>
1612	+ <span class="wd-group">
1613	+ <label class="wd-label" for="timer_bar_color"><?php _e('Color:', 'wds'); ?></label>
1614	+ <input type="text" name="timer_bar_color" id="timer_bar_color" value="<?php echo $row->timer_bar_color; ?>" class="color" />
1615	+ <input type="text" name="timer_bar_transparent" id="timer_bar_transparent" value="<?php echo $row->timer_bar_transparent; ?>" class="spider_int_input" onkeypress="return spider_check_isnum(event)"/> %
1616	+ <p class="description"><?php _e('Transparency Value must be between 0 and 100.', 'wds'); ?></p>
1617	+ </span>
1618	+ </div>
1619	+ </div>
1620	+ </div>
1621	+ </div>
1622	+ </div>
1623	+ <div class="wds_nav_box wds_nav_watermark_box">
1624	+ <div class="wd_updated">
1625	+ <p><?php _e('Please note that the <b>Fill</b> and <b>Contain</b> options will work fine with <b>Watermark</b> option regardless of the image dimensions, whereas for the <b>Cover</b> option you should have the image identical to the size set in the <b>Dimensions</b> settings.
1626	+ If you have uploaded the image with another dimension, you will need to resize the image and upload it again.', 'wds'); ?>
1627	+ </p>
1628	+ </div>
1629	+ <div class="wd-table">
1630	+ <div class="wd-table-col wd-table-col-50 wd-table-col-left">
1631	+ <div class="wd-box-section">
1632	+ <div class="wd-box-content">
1633	+ <span class="wd-group" id="tr_built_in_watermark_type">
1634	+ <label class="wd-label"><?php _e('Watermark type:', 'wds'); ?></label>
1635	+ <input type="radio" name="built_in_watermark_type" id="built_in_watermark_type_none" value="none" <?php if ($row->built_in_watermark_type == 'none') echo 'checked="checked"'; ?> onClick="wds_built_in_watermark('watermark_type_none')" />
1636	+ <label <?php if ($row->built_in_watermark_type == 'none') echo 'class="selected_color"'; ?> for="built_in_watermark_type_none"><?php _e('None', 'wds'); ?></label>
1637	+ <input type="radio" name="built_in_watermark_type" id="built_in_watermark_type_text" value="text" <?php if ($row->built_in_watermark_type == 'text') echo 'checked="checked"'; ?> onClick="wds_built_in_watermark('watermark_type_text')" onchange="preview_built_in_watermark()" />
1638	+ <label <?php if ($row->built_in_watermark_type == 'text') echo 'class="selected_color"'; ?> for="built_in_watermark_type_text"><?php _e('Text', 'wds'); ?></label>
1639	+ <input type="radio" name="built_in_watermark_type" id="built_in_watermark_type_image" value="image" <?php if ($row->built_in_watermark_type == 'image') echo 'checked="checked"'; ?> onClick="wds_built_in_watermark('watermark_type_image')" onchange="preview_built_in_watermark()" />
1640	+ <label <?php if ($row->built_in_watermark_type == 'image') echo 'class="selected_color"'; ?> for="built_in_watermark_type_image"><?php _e('Image', 'wds'); ?></label>
1641	+ <p class="description"><?php _e('Choose the kind of watermark you would like to use.', 'wds'); ?></p>
1642	+ </span>
1643	+ <span class="wd-group" id="tr_built_in_watermark_url">
1644	+ <label class="wd-label" for="built_in_watermark_url"><?php _e('Watermark url:', 'wds'); ?></label>
1645	+ <input type="text" id="built_in_watermark_url" name="built_in_watermark_url" style="width: 68%;" value="<?php echo $row->built_in_watermark_url; ?>" style="display:inline-block;" onchange="preview_built_in_watermark()" />
1646	+ <?php
1647	+ if (!$spider_uploader) {
1648	+ ?>
1649	+ <input id="wat_img_add_butt" class="button button-secondary" type="button" onclick="wds_media_uploader('watermark', event, false); return false;" value="<?php _e('Add Image', 'wds'); ?>" />
1650	+ <?php
1651	+ }
1652	+ else {
1653	+ ?>
1654	+ <a href="<?php echo add_query_arg(array('callback' => 'wds_add_image', 'image_for' => 'watermark', 'TB_iframe' => '1'), $query_url); ?>" class="button button-secondary thickbox thickbox-preview" title="<?php _e('Add Image', 'wds'); ?>" onclick="return false;">
1655	+ <?php _e('Add Image', 'wds'); ?>
1656	+ </a>
1657	+ <?php
1658	+ }
1659	+ ?>
1660	+ <p class="description"><?php _e('Only .png format is supported.', 'wds'); ?></p>
1661	+ </span>
1662	+ <span class="wd-group" id="tr_built_in_watermark_text">
1663	+ <label class="wd-label" for="built_in_watermark_text"><?php _e('Watermark text:', 'wds'); ?></label>
1664	+ <input type="text" name="built_in_watermark_text" id="built_in_watermark_text" style="width: 100%;" value="<?php echo $row->built_in_watermark_text; ?>" onchange="preview_built_in_watermark()" onkeypress="preview_built_in_watermark()" />
1665	+ <p class="description"><?php _e('Write the text of the watermark. It will be displayed on the slides.', 'wds'); ?></p>
1666	+ </span>
1667	+ <span class="wd-group" id="tr_built_in_watermark_size">
1668	+ <label class="wd-label" for="built_in_watermark_size"><?php _e('Watermark size:', 'wds'); ?></label>
1669	+ <input type="text" name="built_in_watermark_size" id="built_in_watermark_size" value="<?php echo $row->built_in_watermark_size; ?>" class="spider_int_input" onchange="preview_built_in_watermark()" /> %
1670	+ <p class="description"><?php _e('Enter size of watermark in percents according to image.', 'wds'); ?></p>
1671	+ </span>
1672	+ <span class="wd-group" id="tr_built_in_watermark_font_size">
1673	+ <label class="wd-label" for="built_in_watermark_font_size"><?php _e('Watermark font size:', 'wds'); ?></label>
1674	+ <input type="text" name="built_in_watermark_font_size" id="built_in_watermark_font_size" value="<?php echo $row->built_in_watermark_font_size; ?>" class="spider_int_input" onchange="preview_built_in_watermark()" onkeypress="return spider_check_isnum(event)" /> px
1675	+ <p class="description"><?php _e('Specify the font size of the watermark.', 'wds'); ?></p>
1676	+ </span>
1677	+ <span class="wd-group" id="tr_built_in_watermark_font">
1678	+ <label class="wd-label" for="built_in_watermark_font"><?php _e('Watermark font style:', 'wds'); ?></label>
1679	+ <select class="select_icon select_icon_320" name="built_in_watermark_font" id="built_in_watermark_font" style="width:150px;" onchange="preview_built_in_watermark()">
1680	+ <?php
1681	+ foreach ($built_in_watermark_fonts as $watermark_font) {
1682	+ ?>
1683	+ <option value="<?php echo $watermark_font; ?>" <?php if ($row->built_in_watermark_font == $watermark_font) echo 'selected="selected"'; ?>><?php echo $watermark_font; ?></option>
1684	+ <?php
1685	+ }
1686	+ ?>
1687	+ </select>
1688	+ <?php
1689	+ foreach ($built_in_watermark_fonts as $watermark_font) {
1690	+ ?>
1691	+ <style>
1692	+ @font-face {
1693	+ font-family: <?php echo 'wds_' . str_replace('.ttf', '', $watermark_font); ?>;
1694	+ src: url("<?php echo WD_S_URL . '/fonts/' . $watermark_font; ?>");
1695	+ }
1696	+ </style>
1697	+ <?php
1698	+ }
1699	+ ?>
1700	+ <p class="description"><?php _e('Specify the font family for the watermark text.', 'wds'); ?></p>
1701	+ </span>
1702	+ <span class="wd-group" id="tr_built_in_watermark_color">
1703	+ <label class="wd-label" for="built_in_watermark_color"><?php _e('Watermark color:', 'wds'); ?></label>
1704	+ <input type="text" name="built_in_watermark_color" id="built_in_watermark_color" value="<?php echo $row->built_in_watermark_color; ?>" class="color" onchange="preview_built_in_watermark()" />
1705	+ <input type="text" name="built_in_watermark_opacity" id="built_in_watermark_opacity" value="<?php echo $row->built_in_watermark_opacity; ?>" class="spider_int_input" onchange="preview_built_in_watermark()" /> %
1706	+ <p class="description"><?php _e('Transparency Value must be between 0 and 100.', 'wds'); ?></p>
1707	+ </span>
1708	+ <span class="wd-group" id="tr_built_in_watermark_position">
1709	+ <label class="wd-label"><?php _e('Watermark position:', 'wds'); ?></label>
1710	+ <table class="wds_position_table">
1711	+ <tbody>
1712	+ <tr>
1713	+ <td class="wds_position_td"><input type="radio" value="top-left" name="built_in_watermark_position" <?php if ($row->built_in_watermark_position == "top-left") echo 'checked="checked"'; ?> onchange="preview_built_in_watermark()"></td>
1714	+ <td class="wds_position_td"><input type="radio" value="top-center" name="built_in_watermark_position" <?php if ($row->built_in_watermark_position == "top-center") echo 'checked="checked"'; ?> onchange="preview_built_in_watermark()"></td>
1715	+ <td class="wds_position_td"><input type="radio" value="top-right" name="built_in_watermark_position" <?php if ($row->built_in_watermark_position == "top-right") echo 'checked="checked"'; ?> onchange="preview_built_in_watermark()"></td>
1716	+ </tr>
1717	+ <tr>
1718	+ <td class="wds_position_td"><input type="radio" value="middle-left" name="built_in_watermark_position" <?php if ($row->built_in_watermark_position == "middle-left") echo 'checked="checked"'; ?> onchange="preview_built_in_watermark()"></td>
1719	+ <td class="wds_position_td"><input type="radio" value="middle-center" name="built_in_watermark_position" <?php if ($row->built_in_watermark_position == "middle-center") echo 'checked="checked"'; ?> onchange="preview_built_in_watermark()"></td>
1720	+ <td class="wds_position_td"><input type="radio" value="middle-right" name="built_in_watermark_position" <?php if ($row->built_in_watermark_position == "middle-right") echo 'checked="checked"'; ?> onchange="preview_built_in_watermark()"></td>
1721	+ </tr>
1722	+ <tr>
1723	+ <td class="wds_position_td"><input type="radio" value="bottom-left" name="built_in_watermark_position" <?php if ($row->built_in_watermark_position == "bottom-left") echo 'checked="checked"'; ?> onchange="preview_built_in_watermark()"></td>
1724	+ <td class="wds_position_td"><input type="radio" value="bottom-center" name="built_in_watermark_position" <?php if ($row->built_in_watermark_position == "bottom-center") echo 'checked="checked"'; ?> onchange="preview_built_in_watermark()"></td>
1725	+ <td class="wds_position_td"><input type="radio" value="bottom-right" name="built_in_watermark_position" <?php if ($row->built_in_watermark_position == "bottom-right") echo 'checked="checked"'; ?> onchange="preview_built_in_watermark()"></td>
1726	+ </tr>
1727	+ </tbody>
1728	+ </table>
1729	+ <p class="description"><?php _e('Select the position of the watermark.', 'wds'); ?></p>
1730	+ </span>
1731	+ </div>
1732	+ </div>
1733	+ </div>
1734	+ <div class="wd-table-col wd-table-col-50 wd-table-col-right">
1735	+ <div class="wd-box-section">
1736	+ <div class="wd-box-content">
1737	+ <span class="wd-group">
1738	+ <input class="button button-secondary" type="button" onclick="spider_set_input_value('task', 'set_watermark'); wds_spider_ajax_save('sliders_form', event);" value="<?php _e('Set Watermark', 'wds'); ?>" />
1739	+ <input class="button button-secondary" type="button" onclick="spider_set_input_value('task', 'reset_watermark'); wds_spider_ajax_save('sliders_form', event);" value="<?php _e('Reset Watermark', 'wds'); ?>" />
1740	+ </span>
1741	+ <span class="wd-group">
1742	+ <span id="preview_built_in_watermark" style='display:table-cell; background-image:url("<?php echo WD_S_URL . '/images/watermark_preview.jpg'?>"); background-size:100% 100%;width:400px;height:400px;padding-top: 4px; position:relative;'></span>
1743	+ </span>
1744	+ </span>
1745	+ </div>
1746	+ </div>
1747	+ </div>
1748	+ </div>
1749	+ </div>
1750	+ <div class="wds_nav_box wds_nav_css_box">
1751	+ <div class="wd-table">
1752	+ <div class="wd-table-col wd-table-col-50 wd-table-col-left">
1753	+ <div class="wd-box-section">
1754	+ <div class="wd-box-content">
1755	+ <span class="wd-group">
1756	+ <label class="wd-label" for="css"><?php _e('Css:', 'wds'); ?></label>
1757	+ <p class="description"><?php _e('Write additional CSS code to apply custom styles to the slider.', 'wds'); ?></p>
1758	+ <textarea id="css" name="css" rows="15" style="width: 50%;"><?php echo htmlspecialchars($row->css); ?></textarea>
1759	+ </span>
1760	+ </div>
1761	+ </div>
1762	+ </div>
1763	+ </div>
1764	+ </div>
1765	+ <div class="wds_nav_box wds_nav_callbacks_box">
1766	+ <div class="wd-table">
1767	+ <div class="wd-table-col wd-table-col-50 wd-table-col-left">
1768	+ <div class="wd-box-section">
1769	+ <div class="wd-box-content">
1770	+ <span class="wd-group callback_label_options">
1771	+ <label class="wd-label" for="css"><?php _e('Add new callback:', 'wds'); ?></label>
1772	+ <div style="vertical-align: middle;">
1773	+ <select class="select_icon select_icon_320" name="callback_list" id="callback_list">
1774	+ <?php
1775	+ $callback_items = json_decode(htmlspecialchars_decode($row->javascript), TRUE);
1776	+ foreach ($slider_callbacks as $key => $slider_callback) {
1777	+ ?>
1778	+ <option value="<?php echo $key; ?>" <?php echo (($row->javascript == $key) ? 'selected="selected"' : ''); ?> <?php echo (isset($callback_items[$key]))? "style='display:none'" : ""; ?>><?php echo $slider_callback; ?></option>
1779	+ <?php
1780	+ }
1781	+ ?>
1782	+ </select>
1783	+ <button type="button" id="add_callback" class="action_buttons add_callback" onclick="add_new_callback(jQuery(this).closest('span'),jQuery(this).closest('span').find('select'));"></button>
1784	+ <p class="description"></p>
1785	+ </div>
1786	+ </span>
1787	+ <span class="wd-group">
1788	+ <?php
1789	+ if (is_array($callback_items) && count($callback_items)) {
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>
1797	+ <?php
1798	+ }
1799	+ }
1800	+ ?>
1801	+ </span>
1802	+ </div>
1803	+ </div>
1804	+ </div>
1805	+ </div>
1806	+ </div>
1807	+ </div>
1808	+ </div>
1809	+ <!--------------Slides tab----------->
1810	+ <div class="wds_box wds_slides_box meta-box-sortables">
1811	+ <div class="clear"></div>
1812	+ <div class="bgcolor wds_tabs wbs_subtab aui-sortable">
1813	+ <h2 class="titles wd-slides-title"><?php _e('Slides', WD_S_PREFIX); ?></h2>
1814	+ <?php
1815	+ $slides_name = array();
1816	+ foreach ( $slides_row as $key => $slide_row ) {
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>
1831	+ <div class="overlay" >
1832	+ <div id="hover_buttons">
1833	+ <span class="wds_change_thumbnail" onclick="wds_media_uploader_add_slide(event, '<?php echo $slide_row->id; ?>', false); return false;" title="<?php _e('Edit Image', 'wds'); ?>" value="<?php _e('Edit Image', 'wds'); ?>"></span>
1834	+ <span class="wds_slide_dublicate" title="<?php _e('Duplicate Slide', 'wds'); ?>" onclick="wds_duplicate_slide('<?php echo $slide_row->id; ?>');"></span>
1835	+ <span class="wds_tab_remove" title="<?php _e('Remove Slide', 'wds'); ?>" onclick="wds_remove_slide('<?php echo $slide_row->id; ?>')"></span>
1836	+ <input type="hidden" name="order<?php echo $slide_row->id; ?>" id="order<?php echo $slide_row->id; ?>" value="<?php echo $slide_row->order; ?>" />
1837	+ <span class="wds_clear"></span>
1838	+ </div>
1839	+ </div>
1840	+ </div>
1841	+ </div>
1842	+ </div>
1843	+ <?php
1844	+ }
1845	+ ?>
1846	+ <div class="wds_subtab_wrap new_tab_image">
1847	+ <div class="new_tab_link" onclick="wds_media_uploader_add_slide(event)" title="<?php _e('Add Slide(s)', WD_S_PREFIX); ?>"><p id="add_slide_text"><?php _e('Add Slide(s)', WD_S_PREFIX); ?></p></div>
1848	+ </div>
1849	+ <div class="wds_clear"></div>
1850	+ </div>
1851	+ <table>
1852	+ <?php
1853	+ echo $this->wds_textLayerTemplates( $font_weights, $layer_callbacks, $slides_name, $layer_effects_in, $layer_effects_out, $border_styles, $text_alignments, $google_fonts, $font_families );
1854	+ echo $this->wds_imageLayerTemplates( $query_url, $spider_uploader, $layer_callbacks, $slides_name, $layer_effects_in, $layer_effects_out, $border_styles );
1855	+ echo $this->wds_videoLayerTemplate( $layer_effects_in, $layer_effects_out, $border_styles );
1856	+ echo $this->wds_upvideoLayerTemplate( $layer_effects_in, $layer_effects_out, $border_styles );
1857	+ echo $this->wds_hotspotLayerTemplate( $font_weights, $layer_callbacks, $slides_name, $layer_effects_in, $layer_effects_out, $border_styles, $text_alignments, $google_fonts, $font_families, $hotp_text_positions );
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) {
1886	foreach ($layers_row as $key => $layer) {
1887	$prefix = 'slide' . $slide_row->id . '_layer' . $layer->id;
1888	$fonts = (isset($layer->google_fonts) && $layer->google_fonts) ? $google_fonts : $font_families;
1889	+ $hotspot_text_display = (isset($layer->hotspot_text_display) && $layer->hotspot_text_display == 'click') ? 'click' : 'hover';
1890	switch ($layer->type) {
1891	case 'text': {
1892	?>
1893	<span id="<?php echo $prefix; ?>" class="wds_draggable_<?php echo $slide_row->id; ?> wds_draggable ui-draggable" data-type="wds_text_parent" onclick="wds_showhide_layer('<?php echo $prefix; ?>_tbody', 1)"
1894	+ style="<?php echo $layer->image_width ? 'width: ' . $layer->image_width . '%; ' : ''; ?><?php echo $layer->image_height ? 'height: ' . $layer->image_height . '%; ' : ''; ?>word-break: <?php echo ($layer->image_scale ? 'break-all' : 'normal'); ?>; display: inline-block; position: absolute; left: <?php echo $layer->left; ?>px; top: <?php echo $layer->top; ?>px; z-index: <?php echo $layer->depth; ?>; color: #<?php echo $layer->color; ?>; font-size: <?php echo $layer->size; ?>px; line-height: 1.25em; font-family: <?php echo $fonts[$layer->ffamily]; ?>; font-weight: <?php echo $layer->fweight; ?>; padding: <?php echo $layer->padding; ?>; background-color: <?php echo WDW_S_Library::spider_hex2rgba($layer->fbgcolor, (100 - $layer->transparent) / 100); ?>; border: <?php echo $layer->border_width; ?>px <?php echo $layer->border_style; ?> #<?php echo $layer->border_color; ?>; border-radius: <?php echo $layer->border_radius; ?>; box-shadow: <?php echo $layer->shadow; ?>; text-align: <?php echo $layer->text_alignment; ?>"><?php echo str_replace(array("\r\n", "\r", "\n"), "<br>", $layer->text); ?></span>
1895	<?php
1896	break;
1897	}
1898	case 'image': {
1899	?>
1900	+ <img id="<?php echo $prefix; ?>" class="wds_draggable_<?php echo $slide_row->id; ?> wds_draggable ui-draggable" onclick="wds_showhide_layer('<?php echo $prefix; ?>_tbody', 1)" src="<?php echo $layer->image_url; ?>"
1901	style="opacity: <?php echo (100 - $layer->imgtransparent) / 100; ?>; filter: Alpha(opacity=<?php echo 100 - $layer->imgtransparent; ?>); position: absolute; left: <?php echo $layer->left; ?>px; top: <?php echo $layer->top; ?>px; z-index: <?php echo $layer->depth; ?>; border: <?php echo $layer->border_width; ?>px <?php echo $layer->border_style; ?> #<?php echo $layer->border_color; ?>; border-radius: <?php echo $layer->border_radius; ?>; box-shadow: <?php echo $layer->shadow; ?>; " />
1902	<?php
1903	break;
1904	}
1905	+ case 'video':
1906	+ case 'upvideo': {
1907	?>
1908	+ <img id="<?php echo $prefix; ?>" class="wds_draggable_<?php echo $slide_row->id; ?> wds_draggable ui-draggable" onclick="wds_showhide_layer('<?php echo $prefix; ?>_tbody', 1)" src="<?php echo $layer->type == 'upvideo' ? (wp_get_attachment_url(get_post_thumbnail_id($layer->image_url)) ? wp_get_attachment_url(get_post_thumbnail_id($layer->image_url)) : WD_S_URL . '/images/no-video.png') : $layer->image_url ?>"
1909	style="max-width: <?php echo $layer->image_width; ?>px; width: <?php echo $layer->image_width; ?>px; max-height: <?php echo $layer->image_height; ?>px; height: <?php echo $layer->image_height; ?>px; position: absolute; left: <?php echo $layer->left; ?>px; top: <?php echo $layer->top; ?>px; z-index: <?php echo $layer->depth; ?>; border: <?php echo $layer->border_width; ?>px <?php echo $layer->border_style; ?> #<?php echo $layer->border_color; ?>; border-radius: <?php echo $layer->border_radius; ?>; box-shadow: <?php echo $layer->shadow; ?>;" />
1910	<?php
1911	break;

1917	<?php
1918	break;
1919	}
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; ?>;
1942	+ background-color: #<?php echo $layer->hotp_fbgcolor ? $layer->hotp_fbgcolor : "ffffff"; ?>;
1943	+ z-index: <?php echo $layer->depth; ?>;
1944	+ position: absolute;
1945	+ display: block;
1946	+ opacity: 1 !important;">
1947	+ </span>
1948	+ <span class="wds_layer_<?php echo $layer->id; ?>"
1949	+ id="<?php echo $prefix; ?>_round_effect"
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;
1957	+ background: rgba(0, 0, 0, 0.360784);
1958	+ position: absolute;
1959	+ padding: 0;
1960	+ <?php if (isset($layer->hotspot_animation) && $layer->hotspot_animation) { ?>
1961	+ animation: point-anim 1.5s ease <?php echo mt_rand(0, 300) / 100; ?>s infinite ;
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"
1969	+ class="wds_hotspot_text"
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; ?>;
1977	+ font-size: <?php echo $layer->size; ?>px;
1978	+ line-height: 1.25em;
1979	+ font-family: <?php echo $fonts[$layer->ffamily]; ?>;
1980	+ font-weight: <?php echo $layer->fweight; ?>;
1981	+ padding: <?php echo $layer->padding; ?>;
1982	+ background-color: <?php echo WDW_S_Library::spider_hex2rgba($layer->fbgcolor, (100 - $layer->transparent) / 100); ?>;
1983	+ border: <?php echo $layer->border_width; ?>px <?php echo $layer->border_style; ?> #<?php echo $layer->border_color; ?>;
1984	+ border-radius: <?php echo $layer->border_radius; ?>; box-shadow: <?php echo $layer->shadow; ?>; text-align: <?php echo $layer->text_alignment; ?>">
1985	+ <?php echo str_replace(array("\r\n", "\r", "\n"), "<br>", $layer->text); ?>
1986	+ <span id="<?php echo $prefix; ?>_before" class="hotspot_text_before"></span>
1987	+ </span>
1988	+ </span>
1989	+ <?php
1990	+ break;
1991	+ }
1992	default:
1993	break;
1994	}

1998	</div>
1999	</div>
2000	</div>
2001	+ </div>
2002	+ <input type="hidden" id="image_url<?php echo $slide_row->id; ?>" name="image_url<?php echo $slide_row->id; ?>" value="<?php echo $slide_row->image_url; ?>" />
2003	+ <input type="hidden" id="thumb_url<?php echo $slide_row->id; ?>" name="thumb_url<?php echo $slide_row->id; ?>" value="<?php echo $slide_row->thumb_url; ?>" />
2004	+ <input type="hidden" id="post_id<?php echo $slide_row->id; ?>" name="post_id<?php echo $slide_row->id; ?>" value="<?php echo $slide_row->thumb_url; ?>" />
2005	+ <input type="hidden" id="video_duration<?php echo $slide_row->id; ?>" name="video_duration<?php echo $slide_row->id; ?>" value="<?php echo $slide_row->video_duration; ?>" />
2006	+ <input type="hidden" id="att_width<?php echo $slide_row->id; ?>" name="att_width<?php echo $slide_row->id; ?>" value="<?php echo $slide_row->att_width; ?>" />
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
2100	+ if (!$spider_uploader) {
2101	+ ?>
2102	+ <div class="layer_add_buttons_wrap">
2103	+ <button class="action_buttons add_image_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('image', '" . $slide_row->id . "', '')"; ?>; return false;"><?php _e('Add Image Layer', 'wds'); ?></button>
2104	+ </div>
2105	+ <?php
2106	+ }
2107	+ else {
2108	+ ?>
2109	+ <div class="layer_add_buttons_wrap">
2110	+ <a href="<?php echo add_query_arg(array('callback' => 'wds_add_image', 'image_for' => 'add_layer', 'slide_id' => $slide_row->id, 'TB_iframe' => '1'), $query_url); ?>" class="action_buttons add_image_layer button-small thickbox thickbox-preview<?php echo !$fv ? "" : " wds_free_button"; ?>" title="<?php _e('Add Image layer', 'wds'); ?>" onclick="return false;">
2111	+ <?php _e('Add Image layer', 'wds'); ?>
2112	+ </a>
2113	+ </div>
2114	+ <?php
2115	+ }
2116	?>








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>
2130	</div>

2140	<tbody class="layer_table_count" id="<?php echo $prefix; ?>_tbody">
2141	<tr class="wds_layer_head_tr">
2142	<td class="wds_layer_head" colspan="4">
2143	+ <div class="wds_layer_left">
2144	+ <div class="layer_handle handle connectedSortable" title="Drag to re-order"></div>
2145	+ <span class="wds_layer_label" onclick="wds_showhide_layer('<?php echo $prefix; ?>_tbody', 0)"><input id="<?php echo $prefix; ?>_title" name="<?php echo $prefix; ?>_title" type="text" class="wds_layer_title" value="<?php echo $layer->title; ?>" title="<?php _e('Layer title', 'wds'); ?>" /></span>
2146	+ </div>
2147	+ <div class="wds_layer_right">
2148	+ <span class="wds_layer_remove" onclick="wds_delete_layer('<?php echo $slide_row->id; ?>', '<?php echo $layer->id; ?>'); " title="Delete layer"></span>
2149	+ <span class="wds_layer_dublicate" onclick="wds_add_layer('<?php echo $layer->type; ?>', '<?php echo $slide_row->id; ?>', '', 1, 0); wds_duplicate_layer('<?php echo $layer->type; ?>', '<?php echo $slide_row->id; ?>', '<?php echo $layer->id; ?>'); " title="<?php _e('Duplicate layer', 'wds'); ?>"></span>
2150	+ <input id="<?php echo $prefix; ?>_depth" class="wds_layer_depth spider_int_input" type="text" onchange="change_zindex(this,'<?php echo $prefix; ?>'); " onkeypress="return spider_check_isnum(event); " value="<?php echo $layer->depth; ?>" prefix="<?php echo $prefix; ?>" name="<?php echo $prefix; ?>_depth" title="z-index" />
2151	+ </div>
2152	+ <div class="wds_clear"></div>
2153	</td>
2154	</tr>
2155	<?php
2156	switch ($layer->type) {
2157	/--------text layer----------/
2158	case 'text': {
2159	+ echo $this->wds_textLayerTemplates( $font_weights, $layer_callbacks, $slides_name, $layer_effects_in, $layer_effects_out, $border_styles, $text_alignments, $google_fonts, $font_families, $slide_row->id, $prefix, $layer );




































































































































































































































































































2160	break;
2161	}
2162	/--------image layer----------/
2163	case 'image': {
2164	+ echo $this->wds_imageLayerTemplates( $query_url, $spider_uploader, $layer_callbacks, $slides_name, $layer_effects_in, $layer_effects_out, $border_styles, $slide_row->id, $prefix, $layer );
2165	+ break;
2166	+ }
2167	+ /--------video layer----------/
2168	+ case 'video': {
2169	+ echo $this->wds_videoLayerTemplate( $layer_effects_in, $layer_effects_out, $border_styles, $slide_row->id, $prefix, $layer );
2170	+ break;
2171	+ }
2172	+ case 'upvideo': {
2173	+ echo $this->wds_upvideoLayerTemplate( $layer_effects_in, $layer_effects_out, $border_styles, $slide_row->id, $prefix, $layer );














































































































































































2174	break;
2175	}
2176	/--------social button layer----------/
2177	case 'social': {
2178	+ echo $this->wds_socialLayerTemplate( $social_buttons, $layer_effects_in, $layer_effects_out, $slide_row->id, $prefix, $layer );
2179	+ break;
2180	+ }
2181	+ /--------Hotspot layer----------/
2182	+ case 'hotspots': {
2183	+ echo $this->wds_hotspotLayerTemplate( $font_weights, $layer_callbacks, $slides_name, $layer_effects_in, $layer_effects_out, $border_styles, $text_alignments, $google_fonts, $font_families, $hotp_text_positions, $slide_row->id, $prefix, $layer );




























































































































































2184	break;
2185	}
2186	default:
2187	break;
2188	}
2189	?>

2190	</tbody>
2191	<?php
2192	$layer_ids_string .= $layer->id . ',';

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>
2264	+ <div class="bgcolor wds_tabs aui-sortable">
2265	+ <h2 class="titles wd-slides-title"><?php _e('How to use', WD_S_PREFIX); ?></h2>
2266	+ <div class="wds_howto_container">
2267	+ <div class="wds_howto_content">
2268	+ <h2><?php _e('Shortcode', WD_S_PREFIX); ?></h2>
2269	+ <h4><?php _e('Copy and paste this shortcode into your posts or pages:', WD_S_PREFIX); ?></h4>
2270	+ <input type="text" class="wds_howto_shortcode" value='[wds id="<?php echo $row->id; ?>"]' onclick="spider_select_value(this)" size="11" readonly="readonly" />
2271	+ </div>
2272	+ <div class="wds_howto_content">
2273	+ <h2><?php _e('Page or Post editor', WD_S_PREFIX); ?></h2>
2274	+ <h4><?php _e('Insert it into an existing post with the button:', WD_S_PREFIX); ?></h4>
2275	+ <img src="<?php echo WD_S_URL . '/images/sliderwdpng/wp-publish.png'; ?>" alt="<?php _e('Post editor', WD_S_PREFIX); ?>" />
2276	+ </div>
2277	+ <div class="wds_howto_content">
2278	+ <h2><?php _e('PHP code', WD_S_PREFIX); ?></h2>
2279	+ <h4><?php _e('Copy and paste the PHP code into your template file:', WD_S_PREFIX); ?></h4>
2280	+ <input type="text" class="wds_howto_phpcode" value="<?php wd_slider(<?php echo $row->id; ?>); ?>" onclick="spider_select_value(this)" size="17" readonly="readonly" />
2281	+ </div>
2282	+ </div>
2283	+ </div>
2284	</div>
2285	+ </div>
2286	+ <div class="wds_task_cont">
2287	+ <input id="current_id" name="current_id" type="hidden" value="<?php echo $row->id; ?>" />
2288	+ <input id="save_as_copy" name="save_as_copy" type="hidden" value="" />
2289	+ <input id="slide_ids_string" name="slide_ids_string" type="hidden" value="<?php echo $slide_ids_string; ?>" />
2290	+ <input id="del_slide_ids_string" name="del_slide_ids_string" type="hidden" value="" />
2291	+ <input id="nav_tab" name="nav_tab" type="hidden" value="<?php echo WDW_S_Library::get('nav_tab', 'global'); ?>" />
2292	+ <input id="tab" name="tab" type="hidden" value="<?php echo WDW_S_Library::get('tab', 'slides'); ?>" />
2293	+ <input id="sub_tab" name="sub_tab" type="hidden" value="<?php echo $sub_tab_type; ?>" />
2294	+ <script>
2295	+ var spider_uploader_ = <?php echo $spider_uploader; ?>;
2296	+ </script>
2297	+ </div>
2298	+ <input id="task" name="task" type="hidden" value="" />
2299	<script>


2300	var fv = '<?php echo $fv; ?>';
2301	+ var ajax_url = "<?php echo wp_nonce_url(admin_url('admin-ajax.php'), '', 'nonce_wd'); ?>";
2302	+ var uploader_href = '<?php echo add_query_arg(array('callback' => 'wds_add_image', 'image_for' => 'add_update_slide', 'slide_id' => 'slideID', 'layer_id' => 'layerID', 'TB_iframe' => '1'), $query_url); ?>';
2303	+ var WD_S_URL = '<?php echo WD_S_URL; ?>';
2304	jQuery(document).ready(function() {
2305	wds_onload();
2306	});

2316	});
2317	var plugin_dir = '<?php echo WD_S_URL . "/images/sliderwdpng/"; ?>';
2318	</script>
2319	+ <div class="opacity_add_video wds_opacity_video wds_opacity_export opacity_wp_editor"
2320	+ onclick="jQuery('.opacity_add_video').hide();
2321	+ jQuery('.opacity_add_image_url').hide();
2322	+ jQuery('.wds_exports').hide();
2323	+ jQuery('.wds_editor').hide();">

2324	</div>
2325	+ <div class="wds_exports">
2326	+ <input type="checkbox" name="imagesexport" id="imagesexport" value="<?php _e('Images export', 'wds'); ?>" checked="checked" />
2327	+ <label for="imagesexport"><?php _e('Check the box to export the images included within sliders', 'wds'); ?></label>
2328	+ <input class="button-secondary" type="button" id="wds_export_btn" data-href="<?php echo add_query_arg(array('action' => 'WDSExport'), admin_url('admin-ajax.php')); ?>" onclick="spider_set_input_value('task', 'export_on'); wds_spider_ajax_save('sliders_form', event); jQuery('.wds_exports').hide(); jQuery('.wds_opacity_export').hide();" value="<?php _e('Export', 'wds'); ?>" />
2329	+ <input type="button" class="button-secondary" onclick="jQuery('.wds_exports').hide(); jQuery('.wds_opacity_export').hide(); return false;" value="<?php _e('Cancel', 'wds'); ?>" />
2330	+ </div>
2331	+ <div id="add_embed" class="opacity_add_video wds_add_video">
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">
2350	+ <div class="wds_editor_insert_btn">
2351	+ <input type="button" class="button button-primary" onclick="wds_insert_html()" value="<?php _e('Insert', 'wds'); ?>" />
2352	+ <input type="button" class="button button-secondary" onclick="jQuery('.opacity_wp_editor').hide();jQuery('.wds_editor').hide(); return false;" value="<?php _e('Cancel', 'wds'); ?>" />
2353	+ </div>
2354	+ <?php
2355	+ wp_editor('', 'template_text', array('teeny' => TRUE, 'textarea_name' => 'template_text', 'media_buttons' => FALSE, 'textarea_rows' => 5,'quicktags' => FALSE));
2356	+ ?>
2357	<input type="hidden" id="current_prefix" value="" />
2358	</div>
2359	</form>
2360	<?php
2361	}
2362
2363	+ /**
2364	+ * Image layer template
2365	+ */
2366	+ function wds_imageLayerTemplates( $query_url, $spider_uploader, $layer_callbacks, $slides_name, $layer_effects_in, $layer_effects_out, $border_styles, $id=false, $prefix=false, $layer=false ) {
2367	+ $free_layer_effects = array('none', 'bounce', 'tada', 'bounceInDown', 'bounceOutUp', 'fadeInLeft', 'fadeOutRight');
2368	+ $id = ( $id == "" ) ? '%%slideID%%' : $id;
2369	+ $prefix = (isset($prefix) && $prefix != "") ? $prefix : 'slide'.$id.'_layerpr_%%LayerId%%';
2370	+ if( $layer == "" ) {
2371	+ $new_layer = array(
2372	+ 'static_layer' => '0',
2373	+ 'id' => 'pr_%%LayerId%%',
2374	+ 'image_url' => '',
2375	+ 'image_width' => '',
2376	+ 'image_height' => '',
2377	+ 'image_scale' => 'slide' . $id . '_layerpr_%%LayerId%%_image_scale',
2378	+ 'alt' => '',
2379	+ 'link' => '',
2380	+ 'target_attr_layer' => 0,
2381	+ 'left' => '0',
2382	+ 'top' => '0',
2383	+ 'layer_callback_list' => $layer_callbacks,
2384	+ 'link_to_slide' => '',
2385	+ 'imgtransparent' => 0,
2386	+ 'published' => 1,
2387	+ 'start' => 1000,
2388	+ 'layer_effect_in' => 'none',
2389	+ 'duration_eff_in' => 1000,
2390	+ 'infinite_in' => 1,
2391	+ 'end' => 3000,
2392	+ 'layer_effect_out' => 'none',
2393	+ 'duration_eff_out' => 1000,
2394	+ 'infinite_out' => 1,
2395	+ 'border_width' => 2,
2396	+ 'border_style' => $border_styles,
2397	+ 'border_color' => 'FFFFFF',
2398	+ 'border_radius' => '2px',
2399	+ 'shadow' => '',
2400	+ 'add_class' => '',
2401	+ );
2402	+ } else {
2403	+ $new_layer = array(
2404	+ 'static_layer' => $layer->static_layer,
2405	+ 'id' => $layer->id,
2406	+ 'image_url' => $layer->image_url,
2407	+ 'image_width' => $layer->image_width,
2408	+ 'image_height' => $layer->image_height,
2409	+ 'image_scale' => $layer->image_scale,
2410	+ 'alt' => $layer->alt,
2411	+ 'link' => $layer->link,
2412	+ 'target_attr_layer' => $layer->target_attr_layer,
2413	+ 'left' => $layer->left,
2414	+ 'top' => $layer->top,
2415	+ 'layer_callback_list' => $layer->layer_callback_list,
2416	+ 'link_to_slide' => $layer->link_to_slide,
2417	+ 'imgtransparent' => $layer->imgtransparent,
2418	+ 'published' => $layer->published,
2419	+ 'start' => $layer->start,
2420	+ 'layer_effect_in' => $layer->layer_effect_in,
2421	+ 'duration_eff_in' => $layer->duration_eff_in,
2422	+ 'infinite_in' => $layer->infinite_in,
2423	+ 'end' => $layer->end,
2424	+ 'layer_effect_out' => $layer->layer_effect_out,
2425	+ 'duration_eff_out' => $layer->duration_eff_out,
2426	+ 'infinite_out' => $layer->infinite_out,
2427	+ 'border_width' => $layer->border_width,
2428	+ 'border_style' => $layer->border_style,
2429	+ 'border_color' => $layer->border_color,
2430	+ 'border_radius' => $layer->border_radius,
2431	+ 'shadow' => $layer->shadow,
2432	+ 'add_class' => $layer->add_class,
2433	+ );
2434	+ }
2435	+ ob_start();
2436	+ ?>
2437	+ <tr style="display:none" class="wds_layer_tr wds_imageLayer wds_layer_content">
2438	+ <td colspan="3">
2439	+ <div class="wd-table">
2440	+ <div class="wd-table-col wd-table-col-50 wd-table-col-left">
2441	+ <div class="wd-box-section">
2442	+ <div class="wd-box-content">
2443	+ <span class="wd-group">
2444	+ <label class="wd-label"><?php _e('Published:', 'wds'); ?></label>
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">
2452	+ <label class="wd-label" for="<?php echo $prefix; ?>_static_layer"><?php _e('Static layer:', 'wds'); ?></label>
2453	+ <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" />
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
2461	+ <input id="<?php echo $prefix; ?>_image_scale" type="checkbox" onchange="wds_scale(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('Scale', 'wds'); ?></label>
2462	+ <?php
2463	+ if ( !$spider_uploader ) {
2464	+ ?>
2465	+ <input type="button" class="button button-secondary" id="button_image_url<?php echo $id; ?>" onclick="wds_add_layer('image', '<?php echo $id; ?>', '<?php echo $new_layer['id']; ?>', '', '', 1); return false;" value="<?php _e('Edit Image', 'wds'); ?>" />
2466	+ <?php
2467	+ } else {
2468	+ ?>
2469	+ <a href="<?php echo add_query_arg(array('callback' => 'wds_add_image', 'image_for' => 'add_update_layer', 'slide_id' => $id, 'layer_id' => $new_layer['id'], 'TB_iframe' => '1'), $query_url); ?>" class="button button-secondary thickbox thickbox-preview" title="<?php _e('Edit Image', 'wds'); ?>" onclick="return false;">
2470	+ <?php _e('Edit Image', 'wds'); ?>
2471	+ </a>
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>
2496	+ <select class="select_icon select_icon_320" style="width: 120px;" id="<?php echo $prefix; ?>_layer_callback_list" name="<?php echo $prefix; ?>_layer_callback_list" onchange="wds_show_slides_name('<?php echo $prefix; ?>', jQuery(this).val());">
2497	+ <?php
2498	+ foreach ($layer_callbacks as $key => $layer_callback_list) {
2499	+ ?>
2500	+ <option value="<?php echo $key; ?>" <?php echo (($new_layer['layer_callback_list'] == $key) ? 'selected="selected"' : ''); ?>><?php echo $layer_callback_list; ?></option>
2501	+ <?php
2502	+ }
2503	+ ?>
2504	+ </select>
2505	+ <p class="description"></p>
2506	+ </span>
2507	+ <span class="wd-group">
2508	+ <label class="wd-label" for="<?php echo $prefix; ?>_link_to_slide" class="link_to_slide" style="<?php if ($new_layer['layer_callback_list'] != 'SlideLink') echo 'display:none;'; ?>"><?php _e('Slides Name:', 'wds'); ?></label>
2509	+ <select class="select_icon select_icon_320" style="width: 120px; <?php if ($new_layer['layer_callback_list'] != 'SlideLink') echo 'display:none;'; ?>" id="<?php echo $prefix; ?>_link_to_slide" name="<?php echo $prefix; ?>_link_to_slide">
2510	+ <?php
2511	+ foreach ($slides_name as $key => $slide_name) {
2512	+ ?>
2513	+ <option value="<?php echo $key; ?>" <?php echo (($new_layer['link_to_slide'] == $key) ? 'selected="selected"' : ''); ?>><?php echo $slide_name; ?></option>
2514	+ <?php
2515	+ }
2516	+ ?>
2517	+ </select>
2518	+ <p class="description"></p>
2519	+ </span>
2520	+ </div>
2521	+ </div>
2522	+ </div>
2523	+ <div class="wd-table-col wd-table-col-50 wd-table-col-right">
2524	+ <div class="wd-box-section">
2525	+ <div class="wd-box-content">
2526	+ <span class="wd-group">
2527	+ <label class="wd-label" for="<?php echo $prefix; ?>_layer_effect_in"><?php _e('Effect In:', 'wds'); ?></label>
2528	+ <span style="display: inline-block;">
2529	+ <input id="<?php echo $prefix; ?>_start" class="spider_int_input" type="text" value="<?php echo $new_layer['start']; ?>" name="<?php echo $prefix; ?>_start" /> ms
2530	+ <p class="description"><?php _e('Start', 'wds'); ?></p>
2531	+ </span>
2532	+ <span style="display: inline-block;">
2533	+ <select class="select_icon select_icon_320" name="<?php echo $prefix; ?>_layer_effect_in" id="<?php echo $prefix; ?>_layer_effect_in" style="width:150px;" onchange="wds_trans_effect_in('<?php echo $id; ?>', '<?php echo $prefix; ?>', 0); wds_trans_end('<?php echo $prefix; ?>', jQuery(this).val());">
2534	+ <?php
2535	+ foreach ($layer_effects_in as $key => $layer_effect_in) {
2536	+ ?>
2537	+ <option <?php echo (WD_S_FREE && !in_array($key, $free_layer_effects)) ? 'disabled="disabled" title="' . __('This effect is disabled in free version.', 'wds') . '"' : ''; ?> value="<?php echo $key; ?>" <?php if ($new_layer['layer_effect_in'] == $key) echo 'selected="selected"'; ?>><?php echo $layer_effect_in; ?></option>
2538	+ <?php
2539	+ }
2540	+ ?>
2541	+ </select>
2542	+ <p class="description"><?php _e('Effect', 'wds'); ?></p>
2543	+ </span>
2544	+ <span style="display: inline-block;">
2545	+ <input id="<?php echo $prefix; ?>_duration_eff_in" class="spider_int_input" type="text" onkeypress="return spider_check_isnum(event)" onchange="wds_trans_effect_in('<?php echo $id; ?>', '<?php echo $prefix; ?>', 0); wds_trans_end('<?php echo $prefix; ?>', jQuery('#<?php echo $prefix; ?>_layer_effect_in').val());" value="<?php echo $new_layer['duration_eff_in']; ?>" name="<?php echo $prefix; ?>_duration_eff_in" /> ms
2546	+ <p class="description"><?php _e('Duration', 'wds'); ?></p>
2547	+ </span>
2548	+ <span style="display: inline-block;">
2549	+ <input id="<?php echo $prefix; ?>_infinite_in" type="text" name="<?php echo $prefix; ?>_infinite_in" value="<?php echo $new_layer['infinite_in']; ?>" class="spider_int_input" title="<?php _e('0 for play infinte times', 'wds'); ?>" <?php echo ($new_layer['layer_effect_in'] == 'none') ? 'disabled="disabled"' : ''; ?> onchange="wds_trans_effect_in('<?php echo $id; ?>', '<?php echo $prefix; ?>', 1); wds_trans_end('<?php echo $prefix; ?>', jQuery(this).val());" />
2550	+ <p class="description"><?php _e('Iteration', 'wds'); ?></p>
2551	+ </span>
2552	+ </span>
2553	+ <span class="wd-group">
2554	+ <label class="wd-label" for="<?php echo $prefix; ?>_layer_effect_out"><?php _e('Effect Out:', 'wds'); ?></label>
2555	+ <span style="display: inline-block;">
2556	+ <input id="<?php echo $prefix; ?>_end" class="spider_int_input" type="text" value="<?php echo $new_layer['end']; ?>" name="<?php echo $prefix; ?>_end"> ms
2557	+ <p class="description"><?php _e('Start', 'wds'); ?></p>
2558	+ </span>
2559	+ <span style="display: inline-block;">
2560	+ <select class="select_icon select_icon_320 wds_link" name="<?php echo $prefix; ?>_layer_effect_out" id="<?php echo $prefix; ?>_layer_effect_out" style="width:150px;" onchange="wds_trans_effect_out('<?php echo $id; ?>', '<?php echo $prefix; ?>', 0); wds_trans_end('<?php echo $prefix; ?>', jQuery(this).val());">
2561	+ <?php
2562	+ foreach ($layer_effects_out as $key => $layer_effect_out) {
2563	+ ?>
2564	+ <option <?php echo (WD_S_FREE && !in_array($key, $free_layer_effects)) ? 'disabled="disabled" title="' . __('This effect is disabled in free version.', 'wds') . '"' : ''; ?> value="<?php echo $key; ?>" <?php if ($new_layer['layer_effect_out'] == $key) echo 'selected="selected"'; ?>><?php echo $layer_effect_out; ?></option>
2565	+ <?php
2566	+ }
2567	+ ?>
2568	+ </select>
2569	+ <p class="description"><?php _e('Effect', 'wds'); ?></p>
2570	+ </span>
2571	+ <span style="display: inline-block;">
2572	+ <input id="<?php echo $prefix; ?>_duration_eff_out" class="spider_int_input" type="text" onkeypress="return spider_check_isnum(event)" onchange="wds_trans_effect_out('<?php echo $id; ?>', '<?php echo $prefix; ?>', 0); wds_trans_end('<?php echo $prefix; ?>', jQuery('#<?php echo $prefix; ?>_layer_effect_out').val());" value="<?php echo $new_layer['duration_eff_out']; ?>" name="<?php echo $prefix; ?>_duration_eff_out"> ms
2573	+ <p class="description"><?php _e('Duration', 'wds'); ?></p>
2574	+ </span>
2575	+ <span style="display: inline-block;">
2576	+ <input id="<?php echo $prefix; ?>_infinite_out" type="text" name="<?php echo $prefix; ?>_infinite_out" value="<?php echo $new_layer['infinite_out']; ?>" class="spider_int_input" title="0 for play infinte times" <?php echo ($new_layer['layer_effect_out'] == 'none') ? 'disabled="disabled"' : ''; ?> onchange="wds_trans_effect_out('<?php echo $id; ?>', '<?php echo $prefix; ?>', 0); wds_trans_end('<?php echo $prefix; ?>', jQuery(this).val());" />
2577	+ <p class="description"><?php _e('Iteration', 'wds'); ?></p>
2578	+ </span>
2579	+ </span>
2580	+ <span class="wd-group">
2581	+ <label class="wd-label" for="<?php echo $prefix; ?>_border_width"><?php _e('Border:', 'wds'); ?></label>
2582	+ <input id="<?php echo $prefix; ?>_border_width" class="spider_int_input" type="text" onchange="jQuery('#<?php echo $prefix; ?>').css({borderWidth: jQuery(this).val()})" onkeypress="return spider_check_isnum(event)" value="<?php echo $new_layer['border_width']; ?>" name="<?php echo $prefix; ?>_border_width"> px
2583	+ <select class="select_icon" id="<?php echo $prefix; ?>_border_style" onchange="jQuery('#<?php echo $prefix; ?>').css({borderStyle: jQuery(this).val()})" style="width: 80px !important;" name="<?php echo $prefix; ?>_border_style">
2584	+ <?php
2585	+ foreach ($border_styles as $key => $border_style) {
2586	+ ?>
2587	+ <option value="<?php echo $key; ?>" <?php echo (($new_layer['border_style'] == $key) ? 'selected="selected"' : ''); ?>><?php echo $border_style; ?></option>
2588	+ <?php
2589	+ }
2590	+ ?>
2591	+ </select>
2592	+ <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" />
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>
2609	+ </div>
2610	+ </div>
2611	+ </td>
2612	+ <input type="hidden" name="<?php echo $prefix; ?>_type" id="<?php echo $prefix; ?>_type" value="image">
2613	+ </tr>
2614	+ <?php
2615	+ return ob_get_clean();
2616	+ }
2617	+
2618	+ /**
2619	+ * Text layer template
2620	+ */
2621	+ function wds_textLayerTemplates( $font_weights, $layer_callbacks, $slides_name, $layer_effects_in, $layer_effects_out, $border_styles, $text_alignments, $google_fonts, $font_families, $id=false, $prefix=false, $layer=false ) {
2622	+ $free_layer_effects = array('none', 'bounce', 'tada', 'bounceInDown', 'bounceOutUp', 'fadeInLeft', 'fadeOutRight');
2623	+ $id = ( $id == "" ) ? '%%slideID%%' : $id;
2624	+ $prefix = (isset($prefix) && $prefix != "") ? $prefix : 'slide'.$id.'_layerpr_%%LayerId%%';
2625	+ if( $layer == "" ) {
2626	+ $new_layer = array(
2627	+ 'text' => 'Sample Text',
2628	+ 'static_layer' => '0',
2629	+ 'id' => $id,
2630	+ 'image_width' => '',
2631	+ 'image_height' => '',
2632	+ 'image_scale' => '1',
2633	+ 'size' => '18',
2634	+ 'min_size' => '11',
2635	+ 'color' => 'FFFFFF',
2636	+ 'hover_color_text' => 'FFFFFF',
2637	+ 'align' => '0',
2638	+ 'left' => '0',
2639	+ 'top' => '0',
2640	+ //'text_position' => '0',
2641	+ 'google_fonts' => $google_fonts,
2642	+ 'ffamily' => $font_families,
2643	+ 'fweight' => '1',
2644	+ 'link' => '',
2645	+ 'target_attr_layer' => 0,
2646	+ 'layer_callback_list' => $layer_callbacks,
2647	+ 'published' => 1,
2648	+ 'start' => 1000,
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,
2656	+ 'padding' => '5px',
2657	+ 'fbgcolor' => '000000',
2658	+ 'transparent' => 50,
2659	+ 'border_width' => 2,
2660	+ 'border_style' => $border_styles,
2661	+ 'border_radius' => '2px',
2662	+ 'border_color' => 'BBBBBB',
2663	+ 'shadow' => '',
2664	+ 'add_class' => '',
2665	+ 'text_alignment' => 'left',
2666	+ 'link_to_slide' => '',
2667	+ );
2668	+ } else {
2669	+ $new_layer = array(
2670	+ 'text' => $layer->text,
2671	+ 'static_layer' => $layer->static_layer,
2672	+ 'id' => $layer->id,
2673	+ 'image_width' => $layer->image_width,
2674	+ 'image_height' => $layer->image_height,
2675	+ 'image_scale' => $layer->image_scale,
2676	+ 'size' => $layer->size,
2677	+ 'min_size' => $layer->min_size,
2678	+ 'color' => $layer->color,
2679	+ 'hover_color_text' => $layer->hover_color_text,
2680	+ 'align' => $layer->align_layer,
2681	+ 'left' => $layer->left,
2682	+ 'top' => $layer->top,
2683	+ //'text_position' => $layer->text_position,
2684	+ 'google_fonts' => $layer->google_fonts,
2685	+ 'ffamily' => $layer->ffamily,
2686	+ 'fweight' => $layer->fweight,
2687	+ 'link' => $layer->link,
2688	+ 'target_attr_layer' => $layer->target_attr_layer,
2689	+ 'layer_callback_list' => $layer->layer_callback_list,
2690	+ 'published' => $layer->published,
2691	+ 'start' => $layer->start,
2692	+ 'layer_effect_in' => $layer->layer_effect_in,
2693	+ 'duration_eff_in' => $layer->duration_eff_in,
2694	+ 'infinite_in' => $layer->infinite_in,
2695	+ 'end' => $layer->end,
2696	+ 'layer_effect_out' => $layer->layer_effect_out,
2697	+ 'duration_eff_out' => $layer->duration_eff_out,
2698	+ 'infinite_out' => $layer->infinite_out,
2699	+ 'padding' => $layer->padding,
2700	+ 'fbgcolor' => $layer->fbgcolor,
2701	+ 'transparent' => $layer->transparent,
2702	+ 'border_width' => $layer->border_width,
2703	+ 'border_style' => $layer->border_style,
2704	+ 'border_radius' => $layer->border_radius,
2705	+ 'border_color' => $layer->border_color,
2706	+ 'shadow' => $layer->shadow,
2707	+ 'add_class' => $layer->add_class,
2708	+ 'text_alignment' => $layer->text_alignment,
2709	+ 'link_to_slide' => $layer->link_to_slide,
2710	+
2711	+ );
2712	+ }
2713	+ ob_start();
2714	+ ?>
2715	+ <tr style="display:none" class="wds_layer_content wds_textLayer">
2716	+ <td colspan="2">
2717	+ <div class="wd-table">
2718	+ <div class="wd-table-col wd-table-col-50 wd-table-col-left">
2719	+ <div class="wd-box-section">
2720	+ <div class="wd-box-content">
2721	+ <span class="wd-group">
2722	+ <label class="wd-label"><?php _e('Published:', 'wds'); ?></label>
2723	+ <input id="<?php echo $prefix; ?>_published1" type="radio" name="<?php echo $prefix; ?>_published" value="1" <?php echo (($new_layer['published']) ? 'checked="checked"' : ''); ?> />
2724	+ <label <?php echo (($new_layer['published']) ? 'class="selected_color"' : ''); ?> for="<?php echo $prefix; ?>_published1"><?php _e('Yes', 'wds'); ?></label>
2725	+ <input id="<?php echo $prefix; ?>_published0" type="radio" name="<?php echo $prefix; ?>_published" value="0" <?php echo (($new_layer['published']) ? '' : 'checked="checked"'); ?> />
2726	+ <label <?php echo (($new_layer['published']) ? '' : 'class="selected_color"'); ?> for="<?php echo $prefix; ?>_published0"><?php _e('No', 'wds'); ?></label>
2727	+ <p class="description"></p>
2728	+ </span>
2729	+
2730	+ <span class="wd-group">
2731	+ <label class="wd-label" for="<?php echo $prefix; ?>_text"><?php _e('Text:', 'wds'); ?></label>
2732	+ <textarea id="<?php echo $prefix; ?>_text" class='wds_textarea' name="<?php echo $prefix; ?>_text" onkeyup="wds_new_line('<?php echo $prefix; ?>');"><?php echo $new_layer['text']; ?></textarea>
2733	+ <input type="button" class="wds_editor_btn button button-secondary" onclick="wds_show_wp_editor('<?php echo $prefix; ?>')" value="<?php _e('Editor', 'wds'); ?>" />
2734	+ <p class="description"></p>
2735	+ </span>
2736	+ <?php
2737	+ /*
2738	+ Todo will use this code in other version
2739	+ <span class="wd-group">
2740	+ <label class="wd-label" for="<?php echo $prefix; ?>_text_position"><?php _e('Text position:', 'wds'); ?></label>
2741	+ <input id="<?php echo $prefix; ?>_text_position0" class="wds_text_positio" type="radio" name="<?php echo $prefix;?>_text_position" value="0" onchange="wds_change_text_position('<?php echo $new_layer['id'] ?>','<?php echo $prefix; ?>_text_position0')" <?php echo ( isset($new_layer['text_position']) && $new_layer['text_position'] == 0) ? 'checked="checked"' :''?> />
2742	+ <label for="<?php echo $prefix; ?>_text_position0"><?php _e('Inside', 'wds');?></label>
2743	+ <input id="<?php echo $prefix; ?>_text_position1" class="wds_text_positio" type="radio" name="<?php echo $prefix;?>_text_position" value="1" onchange="wds_change_text_position('<?php echo $new_layer['id'] ?>','<?php echo $prefix; ?>_text_position1')" <?php echo ( isset($new_layer['text_position']) && $new_layer['text_position'] == 1) ? 'checked="checked"' :''?> />
2744	+ <label for="<?php echo $prefix; ?>_text_position1"><?php _e('Top', 'wds');?></label>
2745	+ <input id="<?php echo $prefix; ?>_text_position2" class="wds_text_positio" type="radio" name="<?php echo $prefix;?>_text_position" value="2" onchange="wds_change_text_position('<?php echo $new_layer['id'] ?>','<?php echo $prefix; ?>_text_position2')" <?php echo ( isset($new_layer['text_position']) && $new_layer['text_position'] == 2) ? 'checked="checked"' :''?> />
2746	+ <label for="<?php echo $prefix; ?>_text_position2"><?php _e('Bottom', 'wds');?></label>
2747	+ </span>
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>
2779	+ <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" />
2780	+ <p class="description"></p>
2781	+ </span>
2782	+ <span class="wd-group">
2783	+ <label class="wd-label" for="<?php echo $prefix; ?>_hover_color_text"><?php _e('Hover Color:', 'wds'); ?></label>
2784	+ <input id="<?php echo $prefix; ?>_hover_color_text" class="color" type="text" value="<?php echo $new_layer['hover_color_text']; ?>" name="<?php echo $prefix; ?>_hover_color_text" />
2785	+ <p class="description"></p>
2786	+ </span>
2787	+ <span class="wd-group">
2788	+ <label class="wd-label" for="<?php echo $prefix; ?>_ffamily"><?php _e('Font family:', 'wds'); ?></label>
2789	+ <select class="select_icon select_icon_320" style="width: 200px;" id="<?php echo $prefix; ?>_ffamily" onchange="wds_change_fonts('<?php echo $prefix; ?>', 1)" name="<?php echo $prefix; ?>_ffamily">
2790	+ <?php
2791	+ $fonts = (isset($new_layer['google_fonts']) && $new_layer['google_fonts']) ? $google_fonts : $font_families;
2792	+ foreach ($fonts as $key => $font_family) {
2793	+ ?>
2794	+ <option value="<?php echo $key; ?>" <?php echo (($new_layer['ffamily'] == $key) ? 'selected="selected"' : ''); ?>><?php echo $font_family; ?></option>
2795	+ <?php
2796	+ }
2797	+ ?>
2798	+ </select>
2799	+ <input id="<?php echo $prefix; ?>_google_fonts1" type="radio" name="<?php echo $prefix; ?>_google_fonts" value="1" <?php echo (($new_layer['google_fonts']) ? 'checked="checked"' : ''); ?> onchange="wds_change_fonts('<?php echo $prefix; ?>')" />
2800	+ <label for="<?php echo $prefix; ?>_google_fonts1"><?php _e('Google fonts', 'wds'); ?></label>
2801	+ <input id="<?php echo $prefix; ?>_google_fonts0" type="radio" name="<?php echo $prefix;?>_google_fonts" value="0" <?php echo (($new_layer['google_fonts']) ? '' : 'checked="checked"'); ?> onchange="wds_change_fonts('<?php echo $prefix; ?>')" />
2802	+ <label for="<?php echo $prefix; ?>_google_fonts0"><?php _e('Default', 'wds'); ?></label>
2803	+ <p class="description"></p>
2804	+ </span>
2805	+ <span class="wd-group">
2806	+ <label class="wd-label" for="<?php echo $prefix; ?>_fweight"><?php _e('Font weight:', 'wds'); ?></label>
2807	+ <select class="select_icon select_icon_320" style="width:70px" id="<?php echo $prefix; ?>_fweight" onchange="jQuery('#<?php echo $prefix; ?>').css({fontWeight: jQuery(this).val()})" name="<?php echo $prefix; ?>_fweight">
2808	+ <?php
2809	+ foreach ($font_weights as $key => $fweight) {
2810	+ ?>
2811	+ <option value="<?php echo $key; ?>" <?php echo (($new_layer['fweight'] == $key) ? 'selected="selected"' : ''); ?>><?php echo $fweight; ?></option>
2812	+ <?php
2813	+ }
2814	+ ?>
2815	+ </select>
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>
2825	+ <select class="select_icon select_icon_320" style="width: 120px;" id="<?php echo $prefix; ?>_layer_callback_list" name="<?php echo $prefix; ?>_layer_callback_list" onchange="wds_show_slides_name('<?php echo $prefix; ?>', jQuery(this).val())">
2826	+ <?php
2827	+ foreach ($layer_callbacks as $key => $layer_callback_list) {
2828	+ ?>
2829	+ <option value="<?php echo $key; ?>" <?php echo (($new_layer['layer_callback_list'] == $key) ? 'selected="selected"' : ''); ?>><?php echo $layer_callback_list; ?></option>
2830	+ <?php
2831	+ }
2832	+ ?>
2833	+ </select>
2834	+ <p class="description"></p>
2835	+ </span>
2836	+ <span class="wd-group">
2837	+ <label class="wd-label link_to_slide" for="<?php echo $prefix; ?>_link_to_slide" style="<?php if ($new_layer['layer_callback_list'] != 'SlideLink') echo 'display:none;'; ?>"><?php _e('Slides Name:', 'wds'); ?></label>
2838	+ <select class="select_icon select_icon_320" style="width: 120px; <?php if ($new_layer['layer_callback_list'] != 'SlideLink') echo 'display:none;'; ?>" id="<?php echo $prefix; ?>_link_to_slide" name="<?php echo $prefix; ?>_link_to_slide">
2839	+ <?php
2840	+ foreach ($slides_name as $key => $slide_name) {
2841	+ ?>
2842	+ <option value="<?php echo $key; ?>" <?php echo (($new_layer['link_to_slide'] == $key) ? 'selected="selected"' : ''); ?>><?php echo $slide_name; ?></option>
2843	+ <?php
2844	+ }
2845	+ ?>
2846	+ </select>
2847	+ <p class="description"></p>
2848	+ </span>
2849	+ </div>
2850	+ </div>
2851	+ </div>
2852	+ <div class="wd-table-col wd-table-col-50 wd-table-col-right">
2853	+ <div class="wd-box-section">
2854	+ <div class="wd-box-content">
2855	+ <span class="wd-group">
2856	+ <label class="wd-label" for="<?php echo $prefix; ?>_layer_effect_in"><?php _e('Effect In:', 'wds'); ?></label>
2857	+ <span style="display: inline-block;">
2858	+ <input id="<?php echo $prefix; ?>_start" class="spider_int_input" type="text" value="<?php echo $new_layer['start']; ?>" name="<?php echo $prefix; ?>_start" /> ms
2859	+ <p class="description"><?php _e('Start', 'wds'); ?></p>
2860	+ </span>
2861	+ <span style="display: inline-block;">
2862	+ <select class="select_icon select_icon_320" name="<?php echo $prefix; ?>_layer_effect_in" id="<?php echo $prefix; ?>_layer_effect_in" style="width:150px;" onchange="wds_trans_effect_in('<?php echo $id; ?>', '<?php echo $prefix; ?>', 0); wds_trans_end('<?php echo $prefix; ?>', jQuery(this).val());">
2863	+ <?php
2864	+ foreach ($layer_effects_in as $key => $layer_effect_in) {
2865	+ ?>
2866	+ <option <?php echo (WD_S_FREE && !in_array($key, $free_layer_effects)) ? 'disabled="disabled" title="' . __('This effect is disabled in free version.', 'wds') . '"' : ''; ?> value="<?php echo $key; ?>" <?php if ($new_layer['layer_effect_in'] == $key) echo 'selected="selected"'; ?>><?php echo $layer_effect_in; ?></option>
2867	+ <?php
2868	+ }
2869	+ ?>
2870	+ </select>
2871	+ <p class="description"><?php _e('Effect', 'wds'); ?></p>
2872	+ </span>
2873	+ <span style="display: inline-block;">
2874	+ <input id="<?php echo $prefix; ?>_duration_eff_in" class="spider_int_input" type="text" onkeypress="return spider_check_isnum(event)" onchange="wds_trans_effect_in('<?php echo $id; ?>', '<?php echo $prefix; ?>', 0); wds_trans_end('<?php echo $prefix; ?>', jQuery('#<?php echo $prefix; ?>_layer_effect_in').val());" value="<?php echo $new_layer['duration_eff_in']; ?>" name="<?php echo $prefix; ?>_duration_eff_in" /> ms
2875	+ <p class="description"><?php _e('Duration', 'wds'); ?></p>
2876	+ </span>
2877	+ <span style="display: inline-block;">
2878	+ <input id="<?php echo $prefix; ?>_infinite_in" type="text" name="<?php echo $prefix; ?>_infinite_in" value="<?php echo $new_layer['infinite_in']; ?>" class="spider_int_input" title="0 for play infinte times" <?php echo ($new_layer['layer_effect_in'] == 'none') ? 'disabled="disabled"' : ''; ?> onchange="wds_trans_effect_in('<?php echo $id; ?>', '<?php echo $prefix; ?>', 1); wds_trans_end('<?php echo $prefix; ?>', jQuery(this).val());" />
2879	+ <p class="description"><?php _e('Iteration', 'wds'); ?></p>
2880	+ </span>
2881	+ </span>
2882	+ <span class="wd-group">
2883	+ <label class="wd-label" for="<?php echo $prefix; ?>_layer_effect_out"><?php _e('Effect Out:', 'wds'); ?></label>
2884	+ <span style="display: inline-block;">
2885	+ <input id="<?php echo $prefix; ?>_end" class="spider_int_input" type="text" value="<?php echo $new_layer['end']; ?>" name="<?php echo $prefix; ?>_end"> ms
2886	+ <p class="description"><?php _e('Start', 'wds'); ?></p>
2887	+ </span>
2888	+ <span style="display: inline-block;">
2889	+ <select class="select_icon select_icon_320" name="<?php echo $prefix; ?>_layer_effect_out" id="<?php echo $prefix; ?>_layer_effect_out" style="width:150px;" onchange="wds_trans_effect_out('<?php echo $id; ?>', '<?php echo $prefix; ?>', 0); wds_trans_end('<?php echo $prefix; ?>', jQuery(this).val());">
2890	+ <?php
2891	+ foreach ($layer_effects_out as $key => $layer_effect_out) {
2892	+ ?>
2893	+ <option <?php echo (WD_S_FREE && !in_array($key, $free_layer_effects)) ? 'disabled="disabled" title="' . __('This effect is disabled in free version.', 'wds') . '"' : ''; ?> value="<?php echo $key; ?>" <?php if ($new_layer['layer_effect_out'] == $key) echo 'selected="selected"'; ?>><?php echo $layer_effect_out; ?></option>
2894	+ <?php
2895	+ }
2896	+ ?>
2897	+ </select>
2898	+ <p class="description"><?php _e('Effect', 'wds'); ?></p>
2899	+ </span>
2900	+ <span style="display: inline-block;">
2901	+ <input id="<?php echo $prefix; ?>_duration_eff_out" class="spider_int_input" type="text" onkeypress="return spider_check_isnum(event)" onchange="wds_trans_effect_out('<?php echo $id; ?>', '<?php echo $prefix; ?>', 0); wds_trans_end('<?php echo $prefix; ?>', jQuery('#<?php echo $prefix; ?>_layer_effect_out').val());" value="<?php echo $new_layer['duration_eff_out']; ?>" name="<?php echo $prefix; ?>_duration_eff_out">ms
2902	+ <p class="description"><?php _e('Duration', 'wds'); ?></p>
2903	+ </span>
2904	+ <span style="display: inline-block;">
2905	+ <input id="<?php echo $prefix; ?>_infinite_out" type="text" name="<?php echo $prefix; ?>_infinite_out" value="<?php echo $new_layer['infinite_out']; ?>" class="spider_int_input" title="0 for play infinte times" <?php echo ($new_layer['layer_effect_out'] == 'none') ? 'disabled="disabled"' : ''; ?> onchange="wds_trans_effect_out('<?php echo $id; ?>', '<?php echo $prefix; ?>', 0); wds_trans_end('<?php echo $prefix; ?>', jQuery(this).val());" />
2906	+ <p class="description"><?php _e('Iteration', 'wds'); ?></p>
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>
2915	+ <input id="<?php echo $prefix; ?>_fbgcolor" class="color" type="text" onchange="wde_change_text_bg_color('<?php echo $prefix; ?>')" value="<?php echo $new_layer['fbgcolor']; ?>" name="<?php echo $prefix; ?>_fbgcolor" />
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>
2924	+ <input id="<?php echo $prefix; ?>_border_width" class="spider_int_input" type="text" onchange="jQuery('#<?php echo $prefix; ?>').css({borderWidth: jQuery(this).val()})" onkeypress="return spider_check_isnum(event)" value="<?php echo $new_layer['border_width']; ?>" name="<?php echo $prefix; ?>_border_width"> px
2925	+ <select class="select_icon select_icon_320" id="<?php echo $prefix; ?>_border_style" onchange="jQuery('#<?php echo $prefix; ?>').css({borderStyle: jQuery(this).val()})" style="width: 80px !important;" name="<?php echo $prefix; ?>_border_style">
2926	+ <?php
2927	+ foreach ($border_styles as $key => $border_style) {
2928	+ ?>
2929	+ <option value="<?php echo $key; ?>" <?php echo (($new_layer['border_style'] == $key) ? 'selected="selected"' : ''); ?>><?php echo $border_style; ?></option>
2930	+ <?php
2931	+ }
2932	+ ?>
2933	+ </select>
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>
2951	+ <select class="select_icon select_icon_320" style="width:70px" id="<?php echo $prefix; ?>_text_alignment" onchange="jQuery('#<?php echo $prefix; ?>').css({textAlign: jQuery(this).val()})" name="<?php echo $prefix; ?>_text_alignment">
2952	+ <?php
2953	+ foreach ($text_alignments as $key => $text_alignment) {
2954	+ ?>
2955	+ <option value="<?php echo $key; ?>" <?php echo (($new_layer['text_alignment'] == $key) ? 'selected="selected"' : ''); ?>><?php echo $text_alignment; ?></option>
2956	+ <?php
2957	+ }
2958	+ ?>
2959	+ </select>
2960	+ <p class="description"></p>
2961	+ </span>
2962	+ </div>
2963	+ </div>
2964	+ </div>
2965	+ </div>
2966	+ </td>
2967	+ <input type="hidden" name="<?php echo $prefix; ?>_type" id="<?php echo $prefix; ?>_type" value="text">
2968	+ </tr>
2969	+ <?php
2970	+ return ob_get_clean();
2971	+ }
2972	+
2973	+ /**
2974	+ * Video embed layer template
2975	+ */
2976	+ function wds_videoLayerTemplate( $layer_effects_in, $layer_effects_out, $border_styles, $id=false, $prefix=false, $layer=false ) {
2977	+ $free_layer_effects = array('none', 'bounce', 'tada', 'bounceInDown', 'bounceOutUp', 'fadeInLeft', 'fadeOutRight');
2978	+ $id = ( $id == "" ) ? '%%slideID%%' : $id;
2979	+ $prefix = (isset($prefix) && $prefix != "") ? $prefix : 'slide'.$id.'_layerpr_%%LayerId%%';
2980	+ if( $layer == "" ) {
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',
2988	+ 'attr_width' => '300',
2989	+ 'attr_height' => '300',
2990	+ 'image_width' => '300',
2991	+ 'image_height' => '300',
2992	+ 'image_scale' => 'slide' . $id . '_layerpr_1_image_scale',
2993	+ 'color' => 'FFFFFF',
2994	+ 'left' => '0',
2995	+ 'top' => '0',
2996	+ 'link' => '',
2997	+ 'target_attr_layer' => 0,
2998	+ 'published' => 1,
2999	+ 'start' => 1000,
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,
3007	+ 'border_width' => 2,
3008	+ 'border_style' => $border_styles,
3009	+ 'border_radius' => '2px',
3010	+ 'border_color' => 'BBBBBB',
3011	+ 'shadow' => '',
3012	+ 'add_class' => '',
3013	+ 'layer_video_loop' => '',
3014	+ 'image_url' => '',
3015	+ 'alt' => '',
3016	+ );
3017	+ }
3018	+ else {
3019	+ $new_layer = array(
3020	+ 'videoType' => $layer->type,
3021	+ 'youtube_rel_layer_video' => $layer->youtube_rel_layer_video,
3022	+ 'text' => $layer->text,
3023	+ 'static_layer' => $layer->static_layer,
3024	+ 'id' => $id,
3025	+ 'attr_width' => $layer->attr_width,
3026	+ 'attr_height' => $layer->attr_height,
3027	+ 'image_width' => $layer->image_width,
3028	+ 'image_height' => $layer->image_height,
3029	+ 'image_scale' => $layer->image_scale,
3030	+ 'color' => $layer->color,
3031	+ 'left' => $layer->left,
3032	+ 'top' => $layer->top,
3033	+ 'link' => $layer->link,
3034	+ 'target_attr_layer' => $layer->target_attr_layer,
3035	+ 'published' => $layer->published,
3036	+ 'start' => $layer->start,
3037	+ 'layer_effect_in' => $layer->layer_effect_in,
3038	+ 'duration_eff_in' => $layer->duration_eff_in,
3039	+ 'infinite_in' => $layer->infinite_in,
3040	+ 'end' => $layer->end,
3041	+ 'layer_effect_out' => $layer->layer_effect_out,
3042	+ 'duration_eff_out' => $layer->duration_eff_out,
3043	+ 'infinite_out' => $layer->infinite_out,
3044	+ 'border_width' => $layer->border_width,
3045	+ 'border_style' => $layer->border_style,
3046	+ 'border_radius' => $layer->border_radius,
3047	+ 'border_color' => $layer->border_color,
3048	+ 'shadow' => $layer->shadow,
3049	+ 'add_class' => $layer->add_class,
3050	+ 'layer_video_loop' => $layer->layer_video_loop,
3051	+ 'image_url' => $layer->image_url,
3052	+ 'alt' => $layer->alt,
3053	+
3054	+ );
3055	+ }
3056	+ ob_start();
3057	+ ?>
3058	+ <tr style="display:none" class="wds_layer_tr wds_videoLayer wds_layer_content">
3059	+ <td colspan="3">
3060	+ <div class="wd-table">
3061	+ <div class="wd-table-col wd-table-col-50 wd-table-col-left">
3062	+ <div class="wd-box-section">
3063	+ <div class="wd-box-content">
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']; ?>" />
3083	+ <input type="hidden" name="<?php echo $prefix; ?>_alt" id="<?php echo $prefix; ?>_alt" value="<?php echo $new_layer['alt']; ?>"/>
3084	+ <input type="hidden" name="<?php echo $prefix; ?>_link" id="<?php echo $prefix; ?>_link" value="<?php echo $new_layer['link']; ?>"/>
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>
3096	+ <input id="<?php echo $prefix; ?>_border_width" class="spider_int_input" type="text" onchange="jQuery('#<?php echo $prefix; ?>').css({borderWidth: jQuery(this).val()})" onkeypress="return spider_check_isnum(event)" value="<?php echo $new_layer['border_width']; ?>" name="<?php echo $prefix; ?>_border_width"> px
3097	+ <select class="select_icon" id="<?php echo $prefix; ?>_border_style" onchange="jQuery('#<?php echo $prefix; ?>').css({borderStyle: jQuery(this).val()})" style="width: 80px !important;" name="<?php echo $prefix; ?>_border_style">
3098	+ <?php
3099	+ foreach ($border_styles as $key => $border_style) {
3100	+ ?>
3101	+ <option value="<?php echo $key; ?>" <?php echo (($new_layer['border_style'] == $key) ? 'selected="selected"' : ''); ?>><?php echo $border_style; ?></option>
3102	+ <?php
3103	+ }
3104	+ ?>
3105	+ </select>
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>
3113	+ <input id="<?php echo $prefix; ?>_image_scale0" type="radio" name="<?php echo $prefix; ?>_image_scale" value="off" <?php echo (($new_layer['image_scale'] == "on") ? '' : 'checked="checked"'); ?> />
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>
3126	+ </div>
3127	+ </div>
3128	+ <div class="wd-table-col wd-table-col-50 wd-table-col-right">
3129	+ <div class="wd-box-section">
3130	+ <div class="wd-box-content">
3131	+ <span class="wd-group">
3132	+ <label class="wd-label" for="<?php echo $prefix; ?>_layer_effect_in"><?php _e('Effect In:', 'wds'); ?></label>
3133	+ <span style="display: inline-block;">
3134	+ <input id="<?php echo $prefix; ?>_start" class="spider_int_input" type="text" value="<?php echo $new_layer['start']; ?>" name="<?php echo $prefix; ?>_start" /> ms
3135	+ <p class="description"><?php _e('Start', 'wds'); ?></p>
3136	+ </span>
3137	+ <span style="display: inline-block;">
3138	+ <select class="select_icon select_icon_320" name="<?php echo $prefix; ?>_layer_effect_in" id="<?php echo $prefix; ?>_layer_effect_in" style="width:150px;" onchange="wds_trans_effect_in('<?php echo $id; ?>', '<?php echo $prefix; ?>', 0); wds_trans_end('<?php echo $prefix; ?>', jQuery(this).val());">
3139	+ <?php
3140	+ foreach ($layer_effects_in as $key => $layer_effect_in) {
3141	+ ?>
3142	+ <option <?php echo (WD_S_FREE && !in_array($key, $free_layer_effects)) ? 'disabled="disabled" title="' . __('This effect is disabled in free version.', 'wds') . '"' : ''; ?> value="<?php echo $key; ?>" <?php if ($new_layer['layer_effect_in'] == $key) echo 'selected="selected"'; ?>><?php echo $layer_effect_in; ?></option>
3143	+ <?php
3144	+ }
3145	+ ?>
3146	+ </select>
3147	+ <p class="description"><?php _e('Effect', 'wds'); ?></p>
3148	+ </span>
3149	+ <span style="display: inline-block;">
3150	+ <input id="<?php echo $prefix; ?>_duration_eff_in" class="spider_int_input" type="text" onkeypress="return spider_check_isnum(event)" onchange="wds_trans_effect_in('<?php echo $id; ?>', '<?php echo $prefix; ?>', 0); wds_trans_end('<?php echo $prefix; ?>', jQuery('#<?php echo $prefix; ?>_layer_effect_in').val());" value="<?php echo $new_layer['duration_eff_in']; ?>" name="<?php echo $prefix; ?>_duration_eff_in" /> ms
3151	+ <p class="description"><?php _e('Duration', 'wds'); ?></p>
3152	+ </span>
3153	+ <span style="display: inline-block;">
3154	+ <input id="<?php echo $prefix; ?>_infinite_in" type="text" name="<?php echo $prefix; ?>_infinite_in" value="<?php echo $new_layer['infinite_in']; ?>" class="spider_int_input" title="0 for play infinte times" <?php echo ($new_layer['layer_effect_in'] == 'none') ? 'disabled="disabled"' : ''; ?> onchange="wds_trans_effect_in('<?php echo $id; ?>', '<?php echo $prefix; ?>', 1); wds_trans_end('<?php echo $prefix; ?>', jQuery(this).val());" />
3155	+ <p class="description"><?php _e('Iteration', 'wds'); ?></p>
3156	+ </span>
3157	+ </span>
3158	+ <span class="wd-group">
3159	+ <label class="wd-label" for="<?php echo $prefix; ?>_layer_effect_out"><?php _e('Effect Out:', 'wds'); ?></label>
3160	+ <span style="display: inline-block;">
3161	+ <input id="<?php echo $prefix; ?>_end" class="spider_int_input" type="text" value="<?php echo $new_layer['end']; ?>" name="<?php echo $prefix; ?>_end"> ms
3162	+ <p class="description"><?php _e('Start', 'wds'); ?></p>
3163	+ </span>
3164	+ <span style="display: inline-block;">
3165	+ <select class="select_icon select_icon_320" name="<?php echo $prefix; ?>_layer_effect_out" id="<?php echo $prefix; ?>_layer_effect_out" style="width:150px;" onchange="wds_trans_effect_out('<?php echo $id; ?>', '<?php echo $prefix; ?>', 0); wds_trans_end('<?php echo $prefix; ?>', jQuery(this).val());">
3166	+ <?php
3167	+ foreach ($layer_effects_out as $key => $layer_effect_out) {
3168	+ ?>
3169	+ <option <?php echo (WD_S_FREE && !in_array($key, $free_layer_effects)) ? 'disabled="disabled" title="' . __('This effect is disabled in free version.', 'wds') . '"' : ''; ?> value="<?php echo $key; ?>" <?php if ($new_layer['layer_effect_out'] == $key) echo 'selected="selected"'; ?>><?php echo $layer_effect_out; ?></option>
3170	+ <?php
3171	+ }
3172	+ ?>
3173	+ </select>
3174	+ <p class="description"><?php _e('Effect', 'wds'); ?></p>
3175	+ </span>
3176	+ <span style="display: inline-block;">
3177	+ <input id="<?php echo $prefix; ?>_duration_eff_out" class="spider_int_input" type="text" onkeypress="return spider_check_isnum(event)" onchange="wds_trans_effect_out('<?php echo $id; ?>', '<?php echo $prefix; ?>', 0); wds_trans_end('<?php echo $prefix; ?>', jQuery('#<?php echo $prefix; ?>_layer_effect_out').val());" value="<?php echo $new_layer['duration_eff_out']; ?>" name="<?php echo $prefix; ?>_duration_eff_out"> ms
3178	+ <p class="description"><?php _e('Duration', 'wds'); ?></p>
3179	+ </span>
3180	+ <span style="display: inline-block;">
3181	+ <input id="<?php echo $prefix; ?>_infinite_out" type="text" name="<?php echo $prefix; ?>_infinite_out" value="<?php echo $new_layer['infinite_out']; ?>" class="spider_int_input" title="0 for play infinte times" <?php echo ($new_layer['layer_effect_out'] == 'none') ? 'disabled="disabled"' : ''; ?> onchange="wds_trans_effect_out('<?php echo $id; ?>', '<?php echo $prefix; ?>', 0); wds_trans_end('<?php echo $prefix; ?>', jQuery(this).val());" />
3182	+ <p class="description"><?php _e('Iteration', 'wds'); ?></p>
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>
3199	+ </div>
3200	+ </div>
3201	+ </td>
3202	+ <input type="hidden" name="<?php echo $prefix; ?>_type" id="<?php echo $prefix; ?>_type" value="<?php echo $new_layer['videoType']?>">
3203	+ </tr>
3204	+ <?php
3205	+ return ob_get_clean();
3206	+ }
3207	+
3208	+ /**
3209	+ * Video upload layer template
3210	+ */
3211	+ function wds_upvideoLayerTemplate( $layer_effects_in, $layer_effects_out, $border_styles, $id=false, $prefix=false, $layer=false ) {
3212	+ $free_layer_effects = array('none', 'bounce', 'tada', 'bounceInDown', 'bounceOutUp', 'fadeInLeft', 'fadeOutRight');
3213	+ $id = ( $id == "" ) ? '%%slideID%%' : $id;
3214	+ $prefix = (isset($prefix) && $prefix != "") ? $prefix : 'slide'.$id.'_layerpr_%%LayerId%%';
3215	+ if( $layer == "" ) {
3216	+ $new_layer = array(
3217	+ 'videoType' => 'upvideo',
3218	+ 'youtube_rel_layer_video' => '1',
3219	+ 'text' => 'Sample Text',
3220	+ 'static_layer' => '0',
3221	+ 'id' => 'pr_1',
3222	+ 'attr_width' => '300',
3223	+ 'attr_height' => '300',
3224	+ 'image_width' => '300',
3225	+ 'image_height' => '300',
3226	+ 'image_scale' => 'on',
3227	+ 'color' => 'FFFFFF',
3228	+ 'left' => '0',
3229	+ 'top' => '0',
3230	+ 'link' => '',
3231	+ 'target_attr_layer' => 0,
3232	+ 'published' => 1,
3233	+ 'start' => 1000,
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,
3241	+ 'border_color' => 'FFFFFF',
3242	+ 'border_width' => 2,
3243	+ 'border_style' => $border_styles,
3244	+ 'border_radius' => '2px',
3245	+ 'shadow' => '',
3246	+ 'add_class' => '',
3247	+ 'layer_video_loop' => '',
3248	+ 'image_url' => '',
3249	+ 'alt' => '',
3250	+ );
3251	+ }
3252	+ else {
3253	+ $new_layer = array(
3254	+ 'videoType' => $layer->type,
3255	+ 'youtube_rel_layer_video' => $layer->youtube_rel_layer_video,
3256	+ 'text' => $layer->text,
3257	+ 'static_layer' => $layer->static_layer,
3258	+ 'id' => $id,
3259	+ 'attr_width' => $layer->attr_width,
3260	+ 'attr_height' => $layer->attr_height,
3261	+ 'image_width' => $layer->image_width,
3262	+ 'image_height' => $layer->image_height,
3263	+ 'image_scale' => $layer->image_scale,
3264	+ 'color' => $layer->color,
3265	+ 'left' => $layer->left,
3266	+ 'top' => $layer->top,
3267	+ 'link' => $layer->link,
3268	+ 'target_attr_layer' => $layer->target_attr_layer,
3269	+ 'published' => $layer->published,
3270	+ 'start' => $layer->start,
3271	+ 'layer_effect_in' => $layer->layer_effect_in,
3272	+ 'duration_eff_in' => $layer->duration_eff_in,
3273	+ 'infinite_in' => $layer->infinite_in,
3274	+ 'end' => $layer->end,
3275	+ 'layer_effect_out' => $layer->layer_effect_out,
3276	+ 'duration_eff_out' => $layer->duration_eff_out,
3277	+ 'infinite_out' => $layer->infinite_out,
3278	+ 'border_color' => $layer->border_color,
3279	+ 'border_width' => $layer->border_width,
3280	+ 'border_style' => $layer->border_style,
3281	+ 'border_radius' => $layer->border_radius,
3282	+ 'shadow' => $layer->shadow,
3283	+ 'add_class' => $layer->add_class,
3284	+ 'layer_video_loop' => $layer->layer_video_loop,
3285	+ 'image_url' => $layer->image_url,
3286	+ 'alt' => $layer->alt,
3287	+
3288	+ );
3289	+ }
3290	+ ob_start();
3291	+ ?>
3292	+ <tr style="display:none" class="wds_layer_tr wds_upvideoLayer wds_layer_content">
3293	+ <td colspan="3">
3294	+ <div class="wd-table">
3295	+ <div class="wd-table-col wd-table-col-50 wd-table-col-left">
3296	+ <div class="wd-box-section">
3297	+ <div class="wd-box-content">
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">
3307	+ <label class="wd-label" for="<?php echo $prefix; ?>_static_layer"><?php _e('Static layer:', 'wds'); ?></label>
3308	+ <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" />
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']; ?>" />
3316	+ <input type="hidden" name="<?php echo $prefix; ?>_alt" id="<?php echo $prefix; ?>_alt" value="<?php echo $new_layer['alt']; ?>"/>
3317	+ <input type="hidden" name="<?php echo $prefix; ?>_link" id="<?php echo $prefix; ?>_link" value="<?php echo $new_layer['link']; ?>"/>
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>
3329	+ <input id="<?php echo $prefix; ?>_border_width" class="spider_int_input" type="text" onchange="jQuery('#<?php echo $prefix; ?>').css({borderWidth: jQuery(this).val()})" onkeypress="return spider_check_isnum(event)" value="<?php echo $new_layer['border_width']; ?>" name="<?php echo $prefix; ?>_border_width"> px
3330	+ <select class="select_icon" id="<?php echo $prefix; ?>_border_style" onchange="jQuery('#<?php echo $prefix; ?>').css({borderStyle: jQuery(this).val()})" style="width: 80px !important;" name="<?php echo $prefix; ?>_border_style">
3331	+ <?php
3332	+ foreach ($border_styles as $key => $border_style) {
3333	+ ?>
3334	+ <option value="<?php echo $key; ?>" <?php echo (($new_layer['border_style'] == $key) ? 'selected="selected"' : ''); ?>><?php echo $border_style; ?></option>
3335	+ <?php
3336	+ }
3337	+ ?>
3338	+ </select>
3339	+ <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" />
3340	+ <p class="description"></p>
3341	+ </span>
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">
3351	+ <label class="wd-label"><?php _e('Controls:', 'wds'); ?></label>
3352	+ <input id="<?php echo $prefix; ?>_target_attr_layer1" type="radio" onClick="wds_enable_disable_autoplay('visible', '<?php echo $prefix; ?>_autoplay_td', '<?php echo $prefix; ?>_target_attr_layer1')" name="<?php echo $prefix; ?>_controls" value="1" <?php echo (($new_layer['target_attr_layer'] == "1") ? 'checked="checked"' : ''); ?> />
3353	+ <label <?php echo (($new_layer['target_attr_layer'] == "1") ? 'class="selected_color"' : ''); ?> for="<?php echo $prefix; ?>_target_attr_layer1"><?php _e('Yes', 'wds'); ?></label>
3354	+ <input id="<?php echo $prefix; ?>_target_attr_layer0" type="radio" onClick="wds_enable_disable_autoplay('hidden', '<?php echo $prefix; ?>_autoplay_td', '<?php echo $prefix; ?>_target_attr_layer0')" name="<?php echo $prefix; ?>_controls" value="0" <?php echo (($new_layer['target_attr_layer'] == "1") ? '' : 'checked="checked"'); ?> />
3355	+ <label <?php echo (($new_layer['target_attr_layer'] == "1") ? '' : 'class="selected_color"'); ?> for="<?php echo $prefix; ?>_target_attr_layer0"><?php _e('No', 'wds'); ?></label>
3356	+ <p class="description"></p>
3357	+ </span>
3358	+ <span class="wd-group <?php echo $prefix; ?>_autoplay_td" <?php echo ($new_layer['target_attr_layer'] == "0" && $new_layer['videoType'] == 'upvideo') ? 'style="visibility:hidden"' : ''; ?>>
3359	+ <label class="wd-label"><?php _e('Autoplay:', 'wds'); ?></label>
3360	+ <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"' : ''); ?> />
3361	+ <label <?php echo (($new_layer['image_scale'] == "on") ? 'class="selected_color"' : ''); ?> for="<?php echo $prefix; ?>_image_scale1"><?php _e('Yes', 'wds'); ?></label>
3362	+ <input id="<?php echo $prefix; ?>_image_scale0" type="radio" name="<?php echo $prefix; ?>_image_scale" value="off" <?php echo (($new_layer['image_scale'] == "on") ? '' : 'checked="checked"'); ?> />
3363	+ <label <?php echo (($new_layer['image_scale'] == "on") ? '' : 'class="selected_color"'); ?> for="<?php echo $prefix; ?>_image_scale0"><?php _e('No', 'wds'); ?></label>
3364	+ <p class="description"></p>
3365	+ </span>
3366	+ </div>
3367	+ </div>
3368	+ </div>
3369	+ <div class="wd-table-col wd-table-col-50 wd-table-col-right">
3370	+ <div class="wd-box-section">
3371	+ <div class="wd-box-content">
3372	+ <span class="wd-group">
3373	+ <label class="wd-label" for="<?php echo $prefix; ?>_layer_effect_in"><?php _e('Effect In:', 'wds'); ?></label>
3374	+ <span style="display: inline-block;">
3375	+ <input id="<?php echo $prefix; ?>_start" class="spider_int_input" type="text" value="<?php echo $new_layer['start']; ?>" name="<?php echo $prefix; ?>_start" /> ms
3376	+ <p class="description"><?php _e('Start', 'wds'); ?></p>
3377	+ </span>
3378	+ <span style="display: inline-block;">
3379	+ <select class="select_icon select_icon_320" name="<?php echo $prefix; ?>_layer_effect_in" id="<?php echo $prefix; ?>_layer_effect_in" style="width:150px;" onchange="wds_trans_effect_in('<?php echo $id; ?>', '<?php echo $prefix; ?>', 0); wds_trans_end('<?php echo $prefix; ?>', jQuery(this).val());">
3380	+ <?php
3381	+ foreach ($layer_effects_in as $key => $layer_effect_in) {
3382	+ ?>
3383	+ <option <?php echo (WD_S_FREE && !in_array($key, $free_layer_effects)) ? 'disabled="disabled" title="' . __('This effect is disabled in free version.', 'wds') . '"' : ''; ?> value="<?php echo $key; ?>" <?php if ($new_layer['layer_effect_in'] == $key) echo 'selected="selected"'; ?>><?php echo $layer_effect_in; ?></option>
3384	+ <?php
3385	+ }
3386	+ ?>
3387	+ </select>
3388	+ <p class="description"><?php _e('Effect', 'wds'); ?></p>
3389	+ </span>
3390	+ <span style="display: inline-block;">
3391	+ <input id="<?php echo $prefix; ?>_duration_eff_in" class="spider_int_input" type="text" onkeypress="return spider_check_isnum(event)" onchange="wds_trans_effect_in('<?php echo $id; ?>', '<?php echo $prefix; ?>', 0); wds_trans_end('<?php echo $prefix; ?>', jQuery('#<?php echo $prefix; ?>_layer_effect_in').val());" value="<?php echo $new_layer['duration_eff_in']; ?>" name="<?php echo $prefix; ?>_duration_eff_in" /> ms
3392	+ <p class="description"><?php _e('Duration', 'wds'); ?></p>
3393	+ </span>
3394	+ <span style="display: inline-block;">
3395	+ <input id="<?php echo $prefix; ?>_infinite_in" type="text" name="<?php echo $prefix; ?>_infinite_in" value="<?php echo $new_layer['infinite_in']; ?>" class="spider_int_input" title="0 for play infinte times" <?php echo ($new_layer['layer_effect_in'] == 'none') ? 'disabled="disabled"' : ''; ?> onchange="wds_trans_effect_in('<?php echo $id; ?>', '<?php echo $prefix; ?>', 1); wds_trans_end('<?php echo $prefix; ?>', jQuery(this).val());" />
3396	+ <p class="description"><?php _e('Iteration', 'wds'); ?></p>
3397	+ </span>
3398	+ </span>
3399	+ <span class="wd-group">
3400	+ <label class="wd-label" for="<?php echo $prefix; ?>_layer_effect_out"><?php _e('Effect Out:', 'wds'); ?></label>
3401	+ <span style="display: inline-block;">
3402	+ <input id="<?php echo $prefix; ?>_end" class="spider_int_input" type="text" value="<?php echo $new_layer['end']; ?>" name="<?php echo $prefix; ?>_end"> ms
3403	+ <p class="description"><?php _e('Start', 'wds'); ?></p>
3404	+ </span>
3405	+ <span style="display: inline-block;">
3406	+ <select class="select_icon select_icon_320" name="<?php echo $prefix; ?>_layer_effect_out" id="<?php echo $prefix; ?>_layer_effect_out" style="width:150px;" onchange="wds_trans_effect_out('<?php echo $id; ?>', '<?php echo $prefix; ?>', 0); wds_trans_end('<?php echo $prefix; ?>', jQuery(this).val());">
3407	+ <?php
3408	+ foreach ($layer_effects_out as $key => $layer_effect_out) {
3409	+ ?>
3410	+ <option <?php echo (WD_S_FREE && !in_array($key, $free_layer_effects)) ? 'disabled="disabled" title="' . __('This effect is disabled in free version.', 'wds') . '"' : ''; ?> value="<?php echo $key; ?>" <?php if ($new_layer['layer_effect_out'] == $key) echo 'selected="selected"'; ?>><?php echo $layer_effect_out; ?></option>
3411	+ <?php
3412	+ }
3413	+ ?>
3414	+ </select>
3415	+ <p class="description"><?php _e('Effect', 'wds'); ?></p>
3416	+ </span>
3417	+ <span style="display: inline-block;">
3418	+ <input id="<?php echo $prefix; ?>_duration_eff_out" class="spider_int_input" type="text" onkeypress="return spider_check_isnum(event)" onchange="wds_trans_effect_out('<?php echo $id; ?>', '<?php echo $prefix; ?>', 0); wds_trans_end('<?php echo $prefix; ?>', jQuery('#<?php echo $prefix; ?>_layer_effect_out').val());" value="<?php echo $new_layer['duration_eff_out']; ?>" name="<?php echo $prefix; ?>_duration_eff_out"> ms
3419	+ <p class="description"><?php _e('Duration', 'wds'); ?></p>
3420	+ </span>
3421	+ <span style="display: inline-block;">
3422	+ <input id="<?php echo $prefix; ?>_infinite_out" type="text" name="<?php echo $prefix; ?>_infinite_out" value="<?php echo $new_layer['infinite_out']; ?>" class="spider_int_input" title="0 for play infinte times" <?php echo ($new_layer['layer_effect_out'] == 'none') ? 'disabled="disabled"' : ''; ?> onchange="wds_trans_effect_out('<?php echo $id; ?>', '<?php echo $prefix; ?>', 0); wds_trans_end('<?php echo $prefix; ?>', jQuery(this).val());" />
3423	+ <p class="description"><?php _e('Iteration', 'wds'); ?></p>
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>
3440	+ </div>
3441	+ </div>
3442	+ </td>
3443	+ <input type="hidden" name="<?php echo $prefix; ?>_type" id="<?php echo $prefix; ?>_type" value="<?php echo $new_layer['videoType']?>">
3444	+ </tr>
3445	+ <?php
3446	+ return ob_get_clean();
3447	+ }
3448	+
3449	+ /**
3450	+ * Hotspot layer template
3451	+ */
3452	+ function wds_hotspotLayerTemplate( $font_weights, $layer_callbacks, $slides_name, $layer_effects_in, $layer_effects_out, $border_styles, $text_alignments, $google_fonts, $font_families, $hotp_text_positions, $id=false, $prefix=false, $layer=false ) {
3453	+ $free_layer_effects = array('none', 'bounce', 'tada', 'bounceInDown', 'bounceOutUp', 'fadeInLeft', 'fadeOutRight');
3454	+ $id = ( $id == "" ) ? '%%slideID%%' : $id;
3455	+ $prefix = (isset($prefix) && $prefix != "") ? $prefix : 'slide'.$id.'_layerpr_%%LayerId%%';
3456	+ if( $layer == "" ) {
3457	+ $new_layer = array(
3458	+ 'text' => 'Sample Text',
3459	+ 'static_layer' => '0',
3460	+ 'image_width' => '',
3461	+ 'image_height' => '',
3462	+ 'image_scale' => 'slide' . $id . '_layerpr_1_image_scale',
3463	+ 'size' => '18',
3464	+ 'min_size' => '11',
3465	+ 'left' => 20,
3466	+ 'top' => 20,
3467	+ 'google_fonts' => $google_fonts,
3468	+ 'ffamily' => $font_families,
3469	+ 'fweight' => '1',
3470	+ 'link' => '',
3471	+ 'target_attr_layer' => 1,
3472	+ 'layer_callback_list' => $layer_callbacks,
3473	+ 'published' => 1,
3474	+ 'start' => 1000,
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' => '',
3493	+ 'text_alignment' => $text_alignments,
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',
3501	+ 'hotp_fbgcolor' => 'FFFFFF',
3502	+ 'link_to_slide' => '',
3503	+ );
3504	+ } else {
3505	+ $new_layer = array(
3506	+ 'text' => $layer->text,
3507	+ 'static_layer' => $layer->static_layer,
3508	+ 'image_width' => $layer->image_width,
3509	+ 'image_height' => $layer->image_height,
3510	+ 'image_scale' => $layer->image_scale,
3511	+ 'size' => $layer->size,
3512	+ 'min_size' => $layer->min_size,
3513	+ 'left' => $layer->left,
3514	+ 'top' => $layer->top,
3515	+ 'google_fonts' => $layer->google_fonts,
3516	+ 'ffamily' => $layer->ffamily,
3517	+ 'fweight' => $layer->fweight,
3518	+ 'link' => $layer->link,
3519	+ 'target_attr_layer' => $layer->target_attr_layer,
3520	+ 'layer_callback_list' => $layer->layer_callback_list,
3521	+ 'published' => $layer->published,
3522	+ 'start' => $layer->start,
3523	+ 'layer_effect_in' => $layer->layer_effect_in,
3524	+ 'duration_eff_in' => $layer->duration_eff_in,
3525	+ 'infinite_in' => $layer->infinite_in,
3526	+ 'end' => $layer->end,
3527	+ 'layer_effect_out' => $layer->layer_effect_out,
3528	+ 'duration_eff_out' => $layer->duration_eff_out,
3529	+ 'infinite_out' => $layer->infinite_out,
3530	+ 'padding' => $layer->padding,
3531	+ 'fbgcolor' => $layer->fbgcolor,
3532	+ 'color' => $layer->color,
3533	+ 'transparent' => $layer->transparent,
3534	+ 'border_width' => $layer->border_width,
3535	+ 'border_style' => $layer->border_style,
3536	+ 'border_color' => $layer->border_color,
3537	+ 'hotp_border_radius' => $layer->hotp_border_radius,
3538	+ 'border_radius' => $layer->border_radius,
3539	+ 'shadow' => $layer->shadow,
3540	+ 'add_class' => $layer->add_class,
3541	+ 'text_alignment' => $layer->text_alignment,
3542	+ 'hotspot_text_display' => $layer->hotspot_text_display,
3543	+ 'hotspot_animation' => $layer->hotspot_animation,
3544	+ 'hotp_width' => $layer->hotp_width,
3545	+ 'hotp_text_position' => $layer->hotp_text_position,
3546	+ 'hotp_border_width' => $layer->hotp_border_width,
3547	+ 'hotp_border_style' => $layer->hotp_border_style,
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();
3559	+ ?>
3560	+ <tr class="wds_layer_tr wds_hotspotLayer wds_layer_content" style="display: none;">
3561	+ <td colspan=3>
3562	+ <div class="wd-table">
3563	+ <div class="wd-table-col wd-table-col-50 wd-table-col-left">
3564	+ <div class="wd-box-section">
3565	+ <div class="wd-box-content">
3566	+ <span class="wd-group">
3567	+ <label class="wd-label"><?php _e('Published:', 'wds'); ?></label>
3568	+ <input id="<?php echo $prefix; ?>_published1" type="radio" name="<?php echo $prefix; ?>_published" value="1" <?php echo (($new_layer['published']) ? 'checked="checked"' : ''); ?> />
3569	+ <label <?php echo (($new_layer['published']) ? 'class="selected_color"' : ''); ?> for="<?php echo $prefix; ?>_published1"><?php _e('Yes', 'wds'); ?></label>
3570	+ <input id="<?php echo $prefix; ?>_published0" type="radio" name="<?php echo $prefix; ?>_published" value="0" <?php echo (($new_layer['published']) ? '' : 'checked="checked"'); ?> />
3571	+ <label <?php echo (($new_layer['published']) ? '' : 'class="selected_color"'); ?> for="<?php echo $prefix; ?>_published0"><?php _e('No', 'wds'); ?></label>
3572	+ <p class="description"></p>
3573	+ </span>
3574	+ <span class="wd-group">
3575	+ <label class="wd-label" for="<?php echo $prefix; ?>_text"><?php _e('Text:', 'wds'); ?></label>
3576	+ <textarea id="<?php echo $prefix; ?>_text" class="wds_textarea" name="<?php echo $prefix; ?>_text" onkeyup="wds_new_line('<?php echo $prefix; ?>');"><?php echo $new_layer['text']; ?></textarea>
3577	+ <p class="description"></p>
3578	+ </span>
3579	+ <span class="wd-group">
3580	+ <label class="wd-label" for="<?php echo $prefix; ?>_static_layer"><?php _e('Static layer:', 'wds'); ?></label>
3581	+ <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" />
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	+ ?>
3609	+ <option value="<?php echo $key; ?>" <?php echo (($new_layer['hotp_text_position'] == $key) ? 'selected="selected"' : ''); ?>><?php echo $hotp_text_position; ?></option>
3610	+ <?php
3611	+ }
3612	+ ?>
3613	+ </select>
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>
3623	+ <input id="<?php echo $prefix; ?>_hotp_width" class="spider_int_input" type="text" onchange="wds_hotspot_width('<?php echo $prefix; ?>')" value="<?php echo $new_layer['hotp_width']; ?>" name="<?php echo $prefix; ?>_hotp_width" /> px
3624	+ </span>
3625	+ <span class="wd-group">
3626	+ <label class="wd-label" for="<?php echo $prefix; ?>_hotp_fbgcolor"><?php _e('Hotspot Background Color:', 'wds'); ?></label>
3627	+ <input id="<?php echo $prefix; ?>_hotp_fbgcolor" class="color" type="text" onchange="jQuery('#<?php echo $prefix; ?>_round').css({backgroundColor: '#' + jQuery(this).val()})" value="<?php echo $new_layer['hotp_fbgcolor']; ?>" name="<?php echo $prefix; ?>_hotp_fbgcolor" />
3628	+ <p class="description"></p>
3629	+ </span>
3630	+ <span class="wd-group">
3631	+ <label class="wd-label" for="<?php echo $prefix; ?>_hotp_border_width"><?php _e('Hotspot Border:', 'wds'); ?></label>
3632	+ <input id="<?php echo $prefix; ?>_round_hotp_border_width" class="spider_int_input" type="text" onchange="wds_hotpborder_width('<?php echo $prefix; ?>')" onkeypress="return spider_check_isnum(event)" value="<?php echo $new_layer['hotp_border_width']; ?>" name="<?php echo $prefix; ?>_hotp_border_width"> px
3633	+ <select class="select_icon select_icon_320" id="<?php echo $prefix; ?>_round_hotp_border_style" onchange="wds_hotpborder_width('<?php echo $prefix; ?>')" style="width: 80px;" name="<?php echo $prefix; ?>_hotp_border_style">
3634	+ <?php
3635	+ foreach ($border_styles as $key => $hotp_border_style) {
3636	+ ?>
3637	+ <option value="<?php echo $key; ?>" <?php echo (($new_layer['hotp_border_style'] == $key) ? 'selected="selected"' : ''); ?>><?php echo $hotp_border_style; ?></option>
3638	+ <?php
3639	+ }
3640	+ ?>
3641	+ </select>
3642	+ <input id="<?php echo $prefix; ?>_hotp_border_color" class="color" type="text" onchange="wds_hotpborder_width('<?php echo $prefix; ?>')" value="<?php echo $new_layer['hotp_border_color']; ?>" name="<?php echo $prefix; ?>_hotp_border_color" />
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>
3652	+ <input id="<?php echo $prefix; ?>_hotspot_animation1" type="radio" name="<?php echo $prefix; ?>_hotspot_animation" value="1" <?php echo (($new_layer['hotspot_animation']) ? 'checked="checked"' : ''); ?> />
3653	+ <label <?php echo (($new_layer['hotspot_animation']) ? 'class="selected_color"' : ''); ?> for="<?php echo $prefix; ?>_hotspot_animation1"><?php _e('Yes', 'wds'); ?></label>
3654	+ <input id="<?php echo $prefix; ?>_hotspot_animation0" type="radio" name="<?php echo $prefix; ?>_hotspot_animation" value="0" <?php echo (($new_layer['hotspot_animation']) ? '' : 'checked="checked"'); ?> />
3655	+ <label <?php echo (($new_layer['hotspot_animation']) ? '' : 'class="selected_color"'); ?> for="<?php echo $prefix; ?>_hotspot_animation0"><?php _e('No', 'wds'); ?></label>
3656	+ <p class="description"></p>
3657	+ </span>
3658	+ <span class="wd-group">
3659	+ <label class="wd-label" for="<?php echo $prefix; ?>_layer_callback_list"><?php _e('Add click action:', 'wds'); ?></label>
3660	+ <select class="select_icon select_icon_320" style="width: 120px;" id="<?php echo $prefix; ?>_layer_callback_list" name="<?php echo $prefix; ?>_layer_callback_list" onchange="wds_show_slides_name('<?php echo $prefix; ?>', jQuery(this).val())">
3661	+ <?php
3662	+ foreach ($layer_callbacks as $key => $layer_callback_list) {
3663	+ ?>
3664	+ <option value="<?php echo $key; ?>" <?php echo (($new_layer['layer_callback_list'] == $key) ? 'selected="selected"' : ''); ?>><?php echo $layer_callback_list; ?></option>
3665	+ <?php
3666	+ }
3667	+ ?>
3668	+ </select>
3669	+ <p class="description"></p>
3670	+ </span>
3671	+ <span class="wd-group">
3672	+ <label class="wd-label" for="<?php echo $prefix; ?>_link_to_slide" class="link_to_slide" style="<?php if ($new_layer['layer_callback_list'] != 'SlideLink') echo 'display:none;'; ?>"><?php _e('Slides Name:', 'wds'); ?></label>
3673	+ <select class="select_icon select_icon_320" style="width: 120px; <?php if ($new_layer['layer_callback_list'] != 'SlideLink') echo 'display:none;'; ?>" id="<?php echo $prefix; ?>_link_to_slide" name="<?php echo $prefix; ?>_link_to_slide">
3674	+ <?php
3675	+ foreach ($slides_name as $key => $slide_name) {
3676	+ ?>
3677	+ <option value="<?php echo $key; ?>" <?php echo (($new_layer['link_to_slide'] == $key ) ? 'selected="selected"' : ''); ?>><?php echo $slide_name; ?></option>
3678	+ <?php
3679	+ }
3680	+ ?>
3681	+ </select>
3682	+ <p class="description"></p>
3683	+ </span>
3684	+ </div>
3685	+ </div>
3686	+ </div>
3687	+ <div class="wd-table-col wd-table-col-50 wd-table-col-right">
3688	+ <div class="wd-box-section">
3689	+ <div class="wd-box-content">
3690	+ <span class="wd-group">
3691	+ <label class="wd-label" for="<?php echo $prefix; ?>_layer_effect_in"><?php _e('Effect In:', 'wds'); ?></label>
3692	+ <span style="display: inline-block;">
3693	+ <input id="<?php echo $prefix; ?>_start" class="spider_int_input" type="text" value="<?php echo $new_layer['start']; ?>" name="<?php echo $prefix; ?>_start" /> ms
3694	+ <p class="description"><?php _e('Start', 'wds'); ?></p>
3695	+ </span>
3696	+ <span style="display: inline-block;">
3697	+ <select class="select_icon select_icon_320" name="<?php echo $prefix; ?>_layer_effect_in" id="<?php echo $prefix; ?>_layer_effect_in" style="width:150px;" onchange="wds_trans_effect_in('<?php echo $id; ?>', '<?php echo $prefix; ?>', 0); wds_trans_end('<?php echo $prefix; ?>', jQuery(this).val());">
3698	+ <?php
3699	+ foreach ($layer_effects_in as $key => $layer_effect_in) {
3700	+ ?>
3701	+ <option <?php echo (WD_S_FREE && !in_array($key, $free_layer_effects)) ? 'disabled="disabled" title="' . __('This effect is disabled in free version.', 'wds') . '"' : ''; ?> value="<?php echo $key; ?>" <?php if ($new_layer['layer_effect_in'] == $key) echo 'selected="selected"'; ?>><?php echo $layer_effect_in; ?></option>
3702	+ <?php
3703	+ }
3704	+ ?>
3705	+ </select>
3706	+ <p class="description"><?php _e('Effect', 'wds'); ?></p>
3707	+ </span>
3708	+ <span style="display: inline-block;">
3709	+ <input id="<?php echo $prefix; ?>_duration_eff_in" class="spider_int_input" type="text" onkeypress="return spider_check_isnum(event)" onchange="wds_trans_effect_in('<?php echo $id; ?>', '<?php echo $prefix; ?>', 0); wds_trans_end('<?php echo $prefix; ?>', jQuery('#<?php echo $prefix; ?>_layer_effect_in').val());" value="<?php echo $new_layer['duration_eff_in']; ?>" name="<?php echo $prefix; ?>_duration_eff_in" />ms
3710	+ <p class="description"><?php _e('Duration', 'wds'); ?></p>
3711	+ </span>
3712	+ <span style="display: inline-block;">
3713	+ <input id="<?php echo $prefix; ?>_infinite_in" type="text" name="<?php echo $prefix; ?>_infinite_in" value="<?php echo $new_layer['infinite_in']; ?>" class="spider_int_input" title="0 for play infinte times" <?php echo ($new_layer['layer_effect_in'] == 'none') ? 'disabled="disabled"' : ''; ?> onchange="wds_trans_effect_in('<?php echo $id; ?>', '<?php echo $prefix; ?>', 1); wds_trans_end('<?php echo $prefix; ?>', jQuery(this).val());" />
3714	+ <p class="description"><?php _e('Iteration', 'wds'); ?></p>
3715	+ </span>
3716	+ </span>
3717	+ <span class="wd-group">
3718	+ <label class="wd-label" for="<?php echo $prefix; ?>_layer_effect_out"><?php _e('Effect Out:', 'wds'); ?></label>
3719	+ <span style="display: inline-block;">
3720	+ <input id="<?php echo $prefix; ?>_end" class="spider_int_input" type="text" value="<?php echo $new_layer['end']; ?>" name="<?php echo $prefix; ?>_end"> ms
3721	+ <p class="description"><?php _e('Start', 'wds'); ?></p>
3722	+ </span>
3723	+ <span style="display: inline-block;">
3724	+ <select class="select_icon select_icon_320" name="<?php echo $prefix; ?>_layer_effect_out" id="<?php echo $prefix; ?>_layer_effect_out" style="width:150px;" onchange="wds_trans_effect_out('<?php echo $id; ?>', '<?php echo $prefix; ?>', 0); wds_trans_end('<?php echo $prefix; ?>', jQuery(this).val());">
3725	+ <?php
3726	+ foreach ($layer_effects_out as $key => $layer_effect_out) {
3727	+ ?>
3728	+ <option <?php echo (WD_S_FREE && !in_array($key, $free_layer_effects)) ? 'disabled="disabled" title="' . __('This effect is disabled in free version.', 'wds') . '"' : ''; ?> value="<?php echo $key; ?>" <?php if ($new_layer['layer_effect_out'] == $key) echo 'selected="selected"'; ?>><?php echo $layer_effect_out; ?></option>
3729	+ <?php
3730	+ }
3731	+ ?>
3732	+ </select>
3733	+ <p class="description"><?php _e('Effect', 'wds'); ?></p>
3734	+ </span>
3735	+ <span style="display: inline-block;">
3736	+ <input id="<?php echo $prefix; ?>_duration_eff_out" class="spider_int_input" type="text" onkeypress="return spider_check_isnum(event)" onchange="wds_trans_effect_out('<?php echo $id; ?>', '<?php echo $prefix; ?>', 0); wds_trans_end('<?php echo $prefix; ?>', jQuery('#<?php echo $prefix; ?>_layer_effect_out').val());" value="<?php echo $new_layer['duration_eff_out']; ?>" name="<?php echo $prefix; ?>_duration_eff_out"> ms
3737	+ <p class="description"><?php _e('Duration', 'wds'); ?></p>
3738	+ </span>
3739	+ <span style="display: inline-block;">
3740	+ <input id="<?php echo $prefix; ?>_infinite_out" type="text" name="<?php echo $prefix; ?>_infinite_out" value="<?php echo $new_layer['infinite_out']; ?>" class="spider_int_input" title="0 for play infinte times" <?php echo ($new_layer['layer_effect_out'] == 'none') ? 'disabled="disabled"' : ''; ?> onchange="wds_trans_effect_out('<?php echo $id; ?>', '<?php echo $prefix; ?>', 0); wds_trans_end('<?php echo $prefix; ?>', jQuery(this).val());" />
3741	+ <p class="description"><?php _e('Iteration', 'wds'); ?></p>
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" />
3762	+ <p class="description"></p>
3763	+ </span>
3764	+ <span class="wd-group">
3765	+ <label class="wd-label" for="<?php echo $prefix; ?>_ffamily"><?php _e('Font family:', 'wds'); ?></label>
3766	+ <select class="select_icon select_icon_320" style="width: 180px;" id="<?php echo $prefix; ?>_ffamily" onchange="wds_change_fonts('<?php echo $prefix; ?>', 1)" name="<?php echo $prefix; ?>_ffamily">
3767	+ <?php
3768	+ $fonts = (isset($new_layer['google_fonts']) && $new_layer['google_fonts']) ? $google_fonts : $font_families;
3769	+ foreach ($fonts as $key => $font_family) {
3770	+ ?>
3771	+ <option value="<?php echo $key; ?>" <?php echo (($new_layer['ffamily'] == $key) ? 'selected="selected"' : ''); ?>><?php echo $font_family; ?></option>
3772	+ <?php
3773	+ }
3774	+ ?>
3775	+ </select>
3776	+ <input id="<?php echo $prefix; ?>_google_fonts1" type="radio" name="<?php echo $prefix; ?>_google_fonts" value="1" <?php echo (($new_layer['google_fonts']) ? 'checked="checked"' : ''); ?> onchange="wds_change_fonts('<?php echo $prefix; ?>')" />
3777	+ <label for="<?php echo $prefix; ?>_google_fonts1">Google fonts</label>
3778	+ <input id="<?php echo $prefix; ?>_google_fonts0" type="radio" name="<?php echo $prefix; ?>_google_fonts" value="0" <?php echo (($new_layer['google_fonts']) ? '' : 'checked="checked"'); ?> onchange="wds_change_fonts('<?php echo $prefix; ?>')" />
3779	+ <label for="<?php echo $prefix; ?>_google_fonts0"><?php _e('Default', 'wds'); ?></label>
3780	+ <p class="description"></p>
3781	+ </span>
3782	+ <span class="wd-group">
3783	+ <label class="wd-label" for="<?php echo $prefix; ?>_fweight"><?php _e('Font weight:', 'wds'); ?></label>
3784	+ <select class="select_icon select_icon_320" id="<?php echo $prefix; ?>_fweight" onchange="jQuery('#<?php echo $prefix; ?>').css({fontWeight: jQuery(this).val()})" name="<?php echo $prefix; ?>_fweight">
3785	+ <?php
3786	+ foreach ($font_weights as $key => $fweight) {
3787	+ ?>
3788	+ <option value="<?php echo $key; ?>" <?php echo (($new_layer['fweight'] == $key) ? 'selected="selected"' : ''); ?>><?php echo $fweight; ?></option>
3789	+ <?php
3790	+ }
3791	+ ?>
3792	+ </select>
3793	+ <p class="description"></p>
3794	+ </span>
3795	+ <span class="wd-group">
3796	+ <label class="wd-label" for="<?php echo $prefix; ?>_fbgcolor"><?php _e('Background Color:', 'wds'); ?></label>
3797	+ <input id="<?php echo $prefix; ?>_fbgcolor" class="color" type="text" onchange="wde_change_text_bg_color('<?php echo $prefix; ?>')" value="<?php echo $new_layer['fbgcolor']; ?>" name="<?php echo $prefix; ?>_fbgcolor" />
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>
3807	+ <input id="<?php echo $prefix; ?>_border_width" class="spider_int_input" type="text" onchange="jQuery('#<?php echo $prefix; ?>').css({borderWidth: jQuery(this).val()})" onkeypress="return spider_check_isnum(event)" value="<?php echo $new_layer['border_width']; ?>" name="<?php echo $prefix; ?>_border_width"> px
3808	+ <select class="select_icon select_icon_320" id="<?php echo $prefix; ?>_border_style" onchange="jQuery('#<?php echo $prefix; ?>').css({borderStyle: jQuery(this).val()})" style="width: 80px;" name="<?php echo $prefix; ?>_border_style">
3809	+ <?php
3810	+ foreach ($border_styles as $key => $border_style) {
3811	+ ?>
3812	+ <option value="<?php echo $key; ?>" <?php echo (($new_layer['border_style'] == $key) ? 'selected="selected"' : ''); ?>><?php echo $border_style; ?></option>
3813	+ <?php
3814	+ }
3815	+ ?>
3816	+ </select>
3817	+ <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" />
3818	+ <p class="description"></p>
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>
3836	+ <select class="select_icon select_icon_320" style="width:70px" id="<?php echo $prefix; ?>_text_alignment" onchange="jQuery('#<?php echo $prefix; ?>').css({textAlign: jQuery(this).val()})" name="<?php echo $prefix; ?>_text_alignment">
3837	+ <?php
3838	+ foreach ($text_alignments as $key => $text_alignment) {
3839	+ ?>
3840	+ <option value="<?php echo $key; ?>" <?php echo (($new_layer['text_alignment'] == $key) ? 'selected="selected"' : ''); ?>><?php echo $text_alignment; ?></option>
3841	+ <?php
3842	+ }
3843	+ ?>
3844	+ </select>
3845	+ <p class="description"></p>
3846	+ </span>
3847	+ </div>
3848	+ </div>
3849	+ </div>
3850	+ </div>
3851	+ </td>
3852	+ <input type="hidden" name="<?php echo $prefix; ?>_type" id="<?php echo $prefix; ?>_type" value="hotspots">
3853	+ </tr>
3854	+ <?php
3855	+ return ob_get_clean();
3856	+ }
3857	+
3858	+ /**
3859	+ * Social layer template
3860	+ */
3861	+ function wds_socialLayerTemplate( $social_buttons, $layer_effects_in, $layer_effects_out, $id=false, $prefix=false, $layer=false ) {
3862	+ $free_layer_effects = array('none', 'bounce', 'tada', 'bounceInDown', 'bounceOutUp', 'fadeInLeft', 'fadeOutRight');
3863	+ $id = ( $id == "" ) ? '%%slideID%%' : $id;
3864	+ $prefix = (isset($prefix) && $prefix != "") ? $prefix : 'slide'.$id.'_layerpr_%%LayerId%%';
3865	+ if( $layer == "" ) {
3866	+ $new_layer = array(
3867	+ 'static_layer' => '0',
3868	+ 'left' => '0',
3869	+ 'top' => '0',
3870	+ 'social_button' => $social_buttons,
3871	+ 'size' => 18,
3872	+ 'transparent' => 0,
3873	+ 'published' => 1,
3874	+ 'start' => 1000,
3875	+ 'layer_effect_in' => 'none',
3876	+ 'duration_eff_in' => 1000,
3877	+ 'infinite_in' => 1,
3878	+ 'end' => 1000,
3879	+ 'layer_effect_out' => 'none',
3880	+ 'duration_eff_out' => 1000,
3881	+ 'infinite_out' => 1,
3882	+ 'color' => 'FFFFFF',
3883	+ 'hover_color' => 'FFFFFF',
3884	+ 'add_class' => '',
3885	+ );
3886	+ } else {
3887	+ $new_layer = array(
3888	+ 'static_layer' => $layer->static_layer,
3889	+ 'left' => $layer->left,
3890	+ 'top' => $layer->top,
3891	+ 'social_button' => $layer->social_button,
3892	+ 'size' => $layer->size,
3893	+ 'transparent' => $layer->transparent,
3894	+ 'published' => $layer->published,
3895	+ 'start' => $layer->start,
3896	+ 'layer_effect_in' => $layer->layer_effect_in,
3897	+ 'duration_eff_in' => $layer->duration_eff_in,
3898	+ 'infinite_in' => $layer->infinite_in,
3899	+ 'end' => $layer->end,
3900	+ 'layer_effect_out' => $layer->layer_effect_out,
3901	+ 'duration_eff_out' => $layer->duration_eff_out,
3902	+ 'infinite_out' => $layer->infinite_out,
3903	+ 'color' => $layer->color,
3904	+ 'hover_color' => $layer->hover_color,
3905	+ 'add_class' => $layer->add_class,
3906	+ );
3907	+ }
3908	+
3909	+ ob_start();
3910	+ ?>
3911	+ <tr class="wds_layer_tr wds_socialLayer wds_layer_content" style="display: none;">
3912	+ <td colspan="3">
3913	+ <div class="wd-table">
3914	+ <div class="wd-table-col wd-table-col-50 wd-table-col-left">
3915	+ <div class="wd-box-section">
3916	+ <div class="wd-box-content">
3917	+ <span class="wd-group">
3918	+ <label class="wd-label"><?php _e('Published:', 'wds');?></label>
3919	+ <input id="<?php echo $prefix; ?>_published1" type="radio" name="<?php echo $prefix; ?>_published" value="1" <?php echo (($new_layer['published']) ? 'checked="checked"' : ''); ?> />
3920	+ <label <?php echo (($new_layer['published']) ? 'class="selected_color"' : ''); ?> for="<?php echo $prefix; ?>_published1"><?php _e('Yes', 'wds');?></label>
3921	+ <input id="<?php echo $prefix; ?>_published0" type="radio" name="<?php echo $prefix; ?>_published" value="0" <?php echo (($new_layer['published']) ? '' : 'checked="checked"'); ?>/>
3922	+ <label <?php echo (($new_layer['published']) ? '' : 'class="selected_color"'); ?> for="<?php echo $prefix; ?>_published0"><?php _e('No', 'wds');?></label>
3923	+ <p class="description"></p>
3924	+ </span>
3925	+ <span class="wd-group">
3926	+ <label class="wd-label" for="<?php echo $prefix; ?>_static_layer"><?php _e('Static layer:', 'wds');?> </label>
3927	+ <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" />
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>
3937	+ <select class="select_icon select_icon_320" id="<?php echo $prefix; ?>_social_button" onchange="jQuery('#<?php echo $prefix; ?>').attr('class', 'wds_draggable_<?php echo $id; ?> wds_draggable fa fa-' + jQuery(this).val())" name="<?php echo $prefix; ?>_social_button" style="width:150px;">
3938	+ <?php
3939	+ foreach ($social_buttons as $key => $social_button) {
3940	+ ?>
3941	+ <option value="<?php echo $key; ?>" <?php echo (($new_layer['social_button'] == $key) ? 'selected="selected"' : ''); ?>><?php echo $social_button; ?></option>
3942	+ <?php
3943	+ }
3944	+ ?>
3945	+ </select>
3946	+ <p class="description"></p>
3947	+ </span>
3948	+ <span class="wd-group">
3949	+ <label class="wd-label" for="<?php echo $prefix; ?>_size"><?php _e('Size:', 'wds');?></label>
3950	+ <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
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>
3959	+ </div>
3960	+ <div class="wd-table-col wd-table-col-50 wd-table-col-right">
3961	+ <div class="wd-box-section">
3962	+ <div class="wd-box-content">
3963	+ <span class="wd-group">
3964	+ <label class="wd-label" for="<?php echo $prefix; ?>_layer_effect_in"><?php _e('Effect In:', 'wds');?></label>
3965	+ <span style="display: inline-block;">
3966	+ <input id="<?php echo $prefix; ?>_start" class="spider_int_input" type="text" value="<?php echo $new_layer['start']; ?>" name="<?php echo $prefix; ?>_start" /> ms
3967	+ <p class="description"><?php _e('Start', 'wds');?></p>
3968	+ </span>
3969	+ <span style="display: inline-block;">
3970	+ <select class="select_icon select_icon_320" name="<?php echo $prefix; ?>_layer_effect_in" id="<?php echo $prefix; ?>_layer_effect_in" style="width:150px;" onchange="wds_trans_effect_in('<?php echo $id; ?>', '<?php echo $prefix; ?>', 1); wds_trans_end('<?php echo $prefix; ?>', jQuery(this).val());">
3971	+ <?php
3972	+ foreach ($layer_effects_in as $key => $layer_effect_in) {
3973	+ ?>
3974	+ <option <?php echo (WD_S_FREE && !in_array($key, $free_layer_effects)) ? 'disabled="disabled" title="' . __('This effect is disabled in free version.', 'wds') . '"' : ''; ?> value="<?php echo $key; ?>" <?php if ($new_layer['layer_effect_in'] == $key) echo 'selected="selected"'; ?>><?php echo $layer_effect_in; ?></option>
3975	+ <?php
3976	+ }
3977	+ ?>
3978	+ </select>
3979	+ <p class="description"><?php _e('Effect', 'wds');?></p>
3980	+ </span>
3981	+ <span style="display: inline-block;">
3982	+ <input id="<?php echo $prefix; ?>_duration_eff_in" class="spider_int_input" type="text" onkeypress="return spider_check_isnum(event)" onchange="wds_trans_effect_in('<?php echo $id; ?>', '<?php echo $prefix; ?>', 1); wds_trans_end('<?php echo $prefix; ?>', jQuery('#<?php echo $prefix; ?>_layer_effect_in').val());" value="<?php echo $new_layer['duration_eff_in']; ?>" name="<?php echo $prefix; ?>_duration_eff_in" /> ms
3983	+ <p class="description"><?php _e('Duration', 'wds');?></p>
3984	+ </span>
3985	+ <span style="display: inline-block;">
3986	+ <input id="<?php echo $prefix; ?>_infinite_in" type="text" name="<?php echo $prefix; ?>_infinite_in" value="<?php echo $new_layer['infinite_in']; ?>" class="spider_int_input" title="0 for play infinte times" <?php echo ($new_layer['layer_effect_in'] == 'none') ? 'disabled="disabled"' : ''; ?> onchange="wds_trans_effect_in('<?php echo $id; ?>', '<?php echo $prefix; ?>', 1); wds_trans_end('<?php echo $prefix; ?>', jQuery(this).val());" />
3987	+ <p class="description"><?php _e('Iteration', 'wds');?></p>
3988	+ </span>
3989	+ </span>
3990	+ <span class="wd-group">
3991	+ <label class="wd-label" for="<?php echo $prefix; ?>_layer_effect_out"><?php _e('Effect Out:', 'wds');?></label>
3992	+ <span style="display: inline-block;">
3993	+ <input id="<?php echo $prefix; ?>_end" class="spider_int_input" type="text" value="<?php echo $new_layer['end']; ?>" name="<?php echo $prefix; ?>_end"> ms
3994	+ <p class="description"><?php _e('Start', 'wds');?></p>
3995	+ </span>
3996	+ <span style="display: inline-block;">
3997	+ <select class="select_icon select_icon_320" name="<?php echo $prefix; ?>_layer_effect_out" id="<?php echo $prefix; ?>_layer_effect_out" style="width:150px;" onchange="wds_trans_effect_out('<?php echo $id; ?>', '<?php echo $prefix; ?>', 1); wds_trans_end('<?php echo $prefix; ?>', jQuery(this).val());">
3998	+ <?php
3999	+ foreach ($layer_effects_out as $key => $layer_effect_out) {
4000	+ ?>
4001	+ <option <?php echo (WD_S_FREE && !in_array($key, $free_layer_effects)) ? 'disabled="disabled" title="' . __('This effect is disabled in free version.', 'wds') . '"' : ''; ?> value="<?php echo $key; ?>" <?php if ($new_layer['layer_effect_out'] == $key) echo 'selected="selected"'; ?>><?php echo $layer_effect_out; ?></option>
4002	+ <?php
4003	+ }
4004	+ ?>
4005	+ </select>
4006	+ <p class="description"><?php _e('Effect', 'wds');?></p>
4007	+ </span>
4008	+ <span style="display: inline-block;">
4009	+ <input id="<?php echo $prefix; ?>_duration_eff_out" class="spider_int_input" type="text" onkeypress="return spider_check_isnum(event)" onchange="wds_trans_effect_out('<?php echo $id; ?>', '<?php echo $prefix; ?>', 1); wds_trans_end('<?php echo $prefix; ?>', jQuery('#<?php echo $prefix; ?>_layer_effect_out').val());" value="<?php echo $new_layer['duration_eff_out']; ?>" name="<?php echo $prefix; ?>_duration_eff_out">ms
4010	+ <p class="description"><?php _e('Duration', 'wds');?></p>
4011	+ </span>
4012	+ <span style="display: inline-block;">
4013	+ <input id="<?php echo $prefix; ?>_infinite_out" type="text" name="<?php echo $prefix; ?>_infinite_out" value="<?php echo $new_layer['infinite_out']; ?>" class="spider_int_input" title="0 for play infinte times" <?php echo ($new_layer['layer_effect_out'] == 'none') ? 'disabled="disabled"' : ''; ?> onchange="wds_trans_effect_out('<?php echo $id; ?>', '<?php echo $prefix; ?>', 0); wds_trans_end('<?php echo $prefix; ?>', jQuery(this).val());" />
4014	+ <p class="description"><?php _e('Iteration', 'wds');?></p>
4015	+ </span>
4016	+ </span>
4017	+ <span class="wd-group">
4018	+ <label class="wd-label" for="<?php echo $prefix; ?>_color"><?php _e('Color:', 'wds');?></label>
4019	+ <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" />
4020	+ <p class="description"></p>
4021	+ </span>
4022	+ <span class="wd-group">
4023	+ <label class="wd-label" for="<?php echo $prefix; ?>_hover_color"><?php _e('Hover Color:', 'wds');?></label>
4024	+ <input id="<?php echo $prefix; ?>_hover_color" class="color" type="text" value="<?php echo $new_layer['hover_color']; ?>" name="<?php echo $prefix; ?>_hover_color" />
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>
4033	+ </div>
4034	+ </div>
4035	+ </td>
4036	+ <input type="hidden" name="<?php echo $prefix; ?>_type" id="<?php echo $prefix; ?>_type" value="social">
4037	+ </tr>
4038	+ <?php
4039	+ return ob_get_clean();
4040	+ }
4041	+ }

admin/views/WDSViewUninstall_wds.php CHANGED Viewed

	@@ -30,26 +30,28 @@ class WDSViewUninstall_wds {
30	<?php wp_nonce_field('nonce_wd', 'nonce_wd'); ?>
31	<div class="wrap">
32	<span class="uninstall_icon"></span>
33	- <h2><?php _e('Uninstall Slider WD', 'wds')~~; ?></~~h2>
34	<div class="goodbye-text">
35	<?php
36	- $support_team = '<a href="https://web-dorado.com/support/contact-us.html?source=slider-wd" target="_blank">' . __('support team', '~~wde~~') . '</a>';
37	- $contact_us = '<a href="https://web-dorado.com/support/contact-us.html?source=slider-wd" target="_blank">' . __('Contact us', '~~wde~~') . '</a>';
38	echo sprintf(__("Before uninstalling the plugin, please Contact our %s. We'll do our best to help you out with your issue. We value each and every user and value what's right for our users in everything we do.<br />
39	- However, if anyway you have made a decision to uninstall the plugin, please take a minute to %s and tell what you didn't like for our plugins further improvement and development. Thank you !!!", "~~wde~~"), $support_team, $contact_us); ?>
40	</div>
41	- <p><?php _e('Deactivating Slider WD plugin does not remove any data that may have been created. To completely remove this plugin, you can uninstall it here.', 'wds')~~; ?></p>~~

42	<p style="color: red;">
43	- <strong~~><?~~php _e('WARNING:', 'wds')~~; ?></~~strong>
44	- <?php _e('Once uninstalled, this can’t be undone. You should use a Database Backup plugin of WordPress to back up all the data first.', 'wds')~~; ?>~~

45	</p>
46	<p style="color: red">
47	- <strong><?php _e('The following Database Tables will be deleted:', 'wds')~~; ?></~~strong>
48	</p>
49	<table class="widefat">
50	<thead>
51	<tr>
52	- <th><?php _e('Database Tables', 'wds')~~; ?></~~th>
53	</tr>
54	</thead>
55	<tr>
	@@ -62,13 +64,13 @@ class WDSViewUninstall_wds {
62	</td>
63	</tr>
64	</table>
65	- <p style="text-align: center;"><?php _e('Do you really want to uninstall Slider WD plugin?', 'wds')~~; ?></~~p>
66	<p style="text-align: center;">
67	- <input type="checkbox" name="Slider WD" id="check_yes" value="yes" /> <label for="check_yes"><?php _e('Yes', 'wds')~~; ?></~~label>
68	</p>
69	<p style="text-align: center;">
70	- <input type="submit" value="<?php _e('UNINSTALL', 'wds')~~; ?>~~" class="button-primary" onclick="if (check_yes.checked) {
71	- if (confirm('<?php _e("You are About to Uninstall Slider WD plugin from WordPress.", 'wds');?>\n<?php _e("This Action Is Not Reversible.", 'wds');?>')) {
72	spider_set_input_value('task', 'uninstall');
73	} else {
74	return false;
	@@ -93,14 +95,19 @@ class WDSViewUninstall_wds {
93	$deactivate_url = wp_nonce_url($deactivate_url, 'deactivate-plugin_' . WD_S_NAME . '/slider-wd.php');
94	?>
95	<div id="message" class="wd_updated fade">
96	- <p><?php _e("The following Database Tables successfully deleted:", 'wds')~~; ?></~~p>
97	<p><?php echo $prefix; ?>wdsslider,</p>
98	<p><?php echo $prefix; ?>wdsslide,</p>
99	<p><?php echo $prefix; ?>wdslayer.</p>
100	</div>
101	<div class="wrap">
102	- <h2><?php _e("Uninstall Slider WD", 'wds')~~; ?></~~h2>
103	- <p><strong~~><a href="<?php echo $deactivate_url; ?>" class="wds_deactivate_link" data-uninstall="1"><?php _e("Click Here", 'wds'); ?></a~~> ~~<?php _e("To Finish the Uninstallation and Slider WD will be Deactivated Automatically.", 'wds'); ?></strong></p>~~





104	<input id="task" name="task" type="hidden" value="" />
105	</div>
106	<?php


30	<?php wp_nonce_field('nonce_wd', 'nonce_wd'); ?>
31	<div class="wrap">
32	<span class="uninstall_icon"></span>
33	+ <h2><?php _e('Uninstall Slider WD', 'wds');?></h2>
34	<div class="goodbye-text">
35	<?php
36	+ $support_team = '<a href="https://web-dorado.com/support/contact-us.html?source=slider-wd" target="_blank">' . __('support team', 'wds') . '</a>';
37	+ $contact_us = '<a href="https://web-dorado.com/support/contact-us.html?source=slider-wd" target="_blank">' . __('Contact us', 'wds') . '</a>';
38	echo sprintf(__("Before uninstalling the plugin, please Contact our %s. We'll do our best to help you out with your issue. We value each and every user and value what's right for our users in everything we do.<br />
39	+ However, if anyway you have made a decision to uninstall the plugin, please take a minute to %s and tell what you didn't like for our plugins further improvement and development. Thank you !!!", "wds"), $support_team, $contact_us); ?>
40	</div>
41	+ <p><?php _e('Deactivating Slider WD plugin does not remove any data that may have been created. To completely remove this plugin, you can uninstall it here.', 'wds');?>
42	+ </p>
43	<p style="color: red;">
44	+ <strong> <?php _e('WARNING:', 'wds');?></strong>
45	+ <?php _e('Once uninstalled, this can’t be undone. You should use a Database Backup plugin of WordPress to back up all the data first.', 'wds');?>
46	+
47	</p>
48	<p style="color: red">
49	+ <strong><?php _e('The following Database Tables will be deleted:', 'wds');?></strong>
50	</p>
51	<table class="widefat">
52	<thead>
53	<tr>
54	+ <th><?php _e('Database Tables', 'wds');?></th>
55	</tr>
56	</thead>
57	<tr>

64	</td>
65	</tr>
66	</table>
67	+ <p style="text-align: center;"><?php _e('Do you really want to uninstall Slider WD plugin?', 'wds');?></p>
68	<p style="text-align: center;">
69	+ <input type="checkbox" name="<?php _e('Slider WD', 'wds'); ?>" id="check_yes" value="yes" /> <label for="check_yes"><?php _e('Yes', 'wds');?></label>
70	</p>
71	<p style="text-align: center;">
72	+ <input type="submit" value="<?php _e('UNINSTALL', 'wds');?>" class="button-primary" onclick="if (check_yes.checked) {
73	+ if (confirm('<?php _e("You are About to Uninstall Slider WD plugin from WordPress.", 'wds');?>\n<?php _e("This Action Is Not Reversible.", 'wds');?>')) {
74	spider_set_input_value('task', 'uninstall');
75	} else {
76	return false;

95	$deactivate_url = wp_nonce_url($deactivate_url, 'deactivate-plugin_' . WD_S_NAME . '/slider-wd.php');
96	?>
97	<div id="message" class="wd_updated fade">
98	+ <p><?php _e('The following Database Tables successfully deleted:', 'wds');?></p>
99	<p><?php echo $prefix; ?>wdsslider,</p>
100	<p><?php echo $prefix; ?>wdsslide,</p>
101	<p><?php echo $prefix; ?>wdslayer.</p>
102	</div>
103	<div class="wrap">
104	+ <h2><?php _e('Uninstall Slider WD', 'wds');?></h2>
105	+ <p><strong>
106	+ <?php
107	+ $deactivate_html = '<a href="'. $deactivate_url .'" class="wds_deactivate_link" data-uninstall="1">' . __('Click Here', 'wds') . '</a>';
108	+ echo sprintf(__("%s To Finish the Uninstallation and Slider WD will be Deactivated Automatically.", "wds"), $deactivate_html);
109	+ ?>
110	+ </strong></p>
111	<input id="task" name="task" type="hidden" value="" />
112	</div>
113	<?php

admin/views/WDSViewWDSExport.php ADDED Viewed

	@@ -0,0 +1,192 @@


1	+ <?php
2	+
3	+ class WDSViewWDSExport {
4	+ ////////////////////////////////////////////////////////////////////////////////////////
5	+ // Events //
6	+ ////////////////////////////////////////////////////////////////////////////////////////
7	+ ////////////////////////////////////////////////////////////////////////////////////////
8	+ // Constants //
9	+ ////////////////////////////////////////////////////////////////////////////////////////
10	+ ////////////////////////////////////////////////////////////////////////////////////////
11	+ // Variables //
12	+ ////////////////////////////////////////////////////////////////////////////////////////
13	+ private $model;
14	+
15	+ ////////////////////////////////////////////////////////////////////////////////////////
16	+ // Constructor & Destructor //
17	+ ////////////////////////////////////////////////////////////////////////////////////////
18	+ public function __construct($model) {
19	+ $this->model = $model;
20	+ }
21	+
22	+ ////////////////////////////////////////////////////////////////////////////////////////
23	+ // Public Methods //
24	+ ////////////////////////////////////////////////////////////////////////////////////////
25	+ public function display($slider_id) {
26	+ if ($slider_id) {
27	+ $this->export_onee();
28	+ }
29	+ else {
30	+ $this->export_full();
31	+ }
32	+ }
33	+
34	+ public function export_full() {
35	+ $data = $this->model->export_full();
36	+ $this->export($data);
37	+ }
38	+
39	+ public function export_onee() {
40	+ $data = $this->model->export_one();
41	+ $this->export($data);
42	+ }
43	+ public function export($data) {
44	+ $t = isset($_GET["imagesexport"]) ? esc_html($_GET["imagesexport"]) : FALSE;
45	+ $filename = "sliders_" . date('Ymd His');
46	+ $xml_str = '<?xml version="1.0" encoding="utf-8" ?>';
47	+ $zip = new ZipArchive();
48	+ $zip->open($filename, ZipArchive::CREATE);
49	+ $xml_str .= '<sliders version="' . get_option('wds_version').'">';
50	+ foreach ($data as $key => $value) {
51	+ $xml_str .= '<slider>';
52	+ foreach ($value as $key_slider => $value_slider) {
53	+ if (!is_array($value_slider)) {
54	+ if (strpos($value_slider, site_url()) !== FALSE) {
55	+ if (strpos($value_slider, WD_S_URL . '/images/') !== FALSE) {
56	+ $value_slider = str_replace(site_url(), FAKE_SITE_URL, $value_slider);
57	+ }
58	+ else {
59	+ $file_url = html_entity_decode($value_slider, ENT_QUOTES);
60	+ $base_name = basename($file_url);
61	+ $download_file = file_get_contents(str_replace(" ", "%20", $file_url));
62	+ $zip->addFromString(FAKE_SITE_URL_BTNS . $base_name, $download_file);
63	+ if ($key_slider != "built_in_watermark_url") {
64	+ if ($key_slider != "music_url") {
65	+ // Create thumbnail url to check if it exist.
66	+ $thumb_url = str_replace($base_name, 'thumb/' . $base_name, $file_url);
67	+ // Thumbnail filname from url.
68	+ $thumb_filename = str_replace(site_url(), ABSPATH, $thumb_url);
69	+ if (file_exists($thumb_filename)) {
70	+ // If thumbnail exist (buttons default images).
71	+ $download_file = file_get_contents(str_replace(" ", "%20", str_replace($base_name, 'thumb/' . $base_name, $file_url)));
72	+ }
73	+ $zip->addFromString(FAKE_SITE_URL_BTNS . '_thumb_' . $base_name, $download_file);
74	+ }
75	+ }
76	+ $value_slider = FAKE_SITE_URL_BTNS . basename($value_slider);
77	+ }
78	+ }
79	+ $value->built_in_watermark_url = '';
80	+ $xml_str .= '<'. $key_slider.' value="' . htmlspecialchars($value_slider, ENT_QUOTES) . '" />';
81	+ }
82	+ elseif ($key_slider == 'slides') {
83	+ foreach ($value_slider as $key_slides => $value_slides) {
84	+ $xml_str .= '<slide>';
85	+ if (!is_array($value_slides)) {
86	+ $image_url = $value_slides->image_url;
87	+ if ($t == 'true') {
88	+ if ($value_slides->type == 'image') {
89	+ if (strpos($value_slides->image_url, site_url()) !== FALSE) {
90	+ $download_file = file_get_contents(html_entity_decode(str_replace(" ", "%20", $image_url), ENT_QUOTES));
91	+ $zip->addFromString(basename(html_entity_decode($image_url, ENT_QUOTES)), $download_file);
92	+ $value_slides->image_url = FAKE_SITE_URL. basename($image_url);
93	+ }
94	+ if (strpos($value_slides->thumb_url , site_url()) !== FALSE) {
95	+ $download_file = file_get_contents(html_entity_decode(str_replace(" ", "%20", $value_slides->thumb_url), ENT_QUOTES));
96	+ $zip->addFromString('thumb_' . basename(html_entity_decode($image_url, ENT_QUOTES)), $download_file);
97	+ $value_slides->thumb_url = FAKE_SITE_URL . basename($image_url);
98	+ }
99	+ }
100	+ if ($value_slides->type == 'video') {
101	+ if (ctype_digit($value_slides->thumb_url)) {
102	+ $value_slides->thumb_url = wp_get_attachment_url(get_post_thumbnail_id($value_slides->thumb_url)) ? wp_get_attachment_url(get_post_thumbnail_id($value_slides->thumb_url)) : WD_S_URL . '/images/no-video.png';
103	+ }
104	+ if (strpos($value_slides->thumb_url , site_url()) !== FALSE) {
105	+ $download_file = file_get_contents(html_entity_decode(str_replace(" ", "%20", $value_slides->thumb_url), ENT_QUOTES));
106	+ $zip->addFromString('featured_' . basename(html_entity_decode($value_slides->thumb_url, ENT_QUOTES)), $download_file);
107	+ $value_slides->thumb_url = FAKE_SITE_URL . basename($value_slides->thumb_url);
108	+ }
109	+ if (strpos($value_slides->image_url, site_url()) !== FALSE) {
110	+ $download_file = file_get_contents(html_entity_decode(str_replace(" ", "%20", $image_url), ENT_QUOTES));
111	+ $zip->addFromString(basename(html_entity_decode($image_url, ENT_QUOTES)), $download_file);
112	+ $value_slides->image_url = FAKE_SITE_URL. basename($image_url);
113	+ }
114	+ }
115	+ }
116	+ else {
117	+ if ($value_slides->type == 'image' && strpos($value_slides->image_url, site_url()) !== FALSE) {
118	+ $value_slides->image_url = '';
119	+ }
120	+ if ($value_slides->type == 'image' && strpos($value_slides->thumb_url, site_url()) !== FALSE) {
121	+ $value_slides->thumb_url = '';
122	+ }
123	+ if ($value_slides->type == 'video') {
124	+ $value_slides->image_url = '';
125	+ $value_slides->thumb_url = '';
126	+ }
127	+ }
128	+ }
129	+ foreach ($value_slides as $key_slide => $value_slide) {
130	+ if ($key_slide == 'slidelayers') {
131	+ foreach ($value_slide as $key_layers => $value_layers) {
132	+ $xml_str .= '<layer>';
133	+ if (!is_array($value_layers)) {
134	+ if ($t == 'true') {
135	+ if (strpos($value_layers->image_url, site_url()) !== FALSE) {
136	+ $file_url = html_entity_decode($value_layers->image_url, ENT_QUOTES);
137	+ $base_name = basename($file_url);
138	+ $download_file = file_get_contents(str_replace(" ", "%20", $file_url));
139	+ $zip->addFromString($base_name, $download_file);
140	+ // Create thumbnail url to check if it exist.
141	+ $thumb_url = str_replace($base_name, 'thumb/' . $base_name, $file_url);
142	+ // Thumbnail filname from url.
143	+ $thumb_filename = str_replace(site_url(), ABSPATH, $thumb_url);
144	+ if (file_exists($thumb_filename)) {
145	+ // If thumbnail exist (layer images uploaded with spider uploader).
146	+ $download_file = file_get_contents(str_replace(" ", "%20", str_replace($base_name, 'thumb/' . $base_name, $file_url)));
147	+ }
148	+ $zip->addFromString('thumb_' . $base_name, $download_file);
149	+
150	+ $value_layers->image_url = FAKE_SITE_URL . basename($value_layers->image_url);
151	+ }
152	+ }
153	+ elseif (strpos($value_layers->image_url, site_url()) !== FALSE) {
154	+ $value_layers->image_url = '';
155	+ }
156	+ }
157	+ foreach ($value_layers as $key_layer => $value_layer) {
158	+ $xml_str .= '<' . $key_layer .'>' . htmlspecialchars($value_layer, ENT_QUOTES) . '</' . $key_layer .'>';
159	+ }
160	+ $xml_str .= '</layer>';
161	+ }
162	+ }
163	+ else {
164	+ $xml_str .= '<'.$key_slide .' value="' . htmlspecialchars($value_slide, ENT_QUOTES) . '" />';
165	+ }
166	+ }
167	+ $xml_str .= '</slide>';
168	+ }
169	+ }
170	+ }
171	+ $xml_str .= '</slider>';
172	+ }
173	+ $xml_str .= '</sliders>';
174	+ $zip->addFromString($filename . ".xml", $xml_str);
175	+ $zip->close();
176	+ header("Content-Disposition: attachment; filename=\"$filename.zip\"");
177	+ header("Content-Type:text/xml, charset=utf-8");
178	+ ob_end_clean();
179	+ readfile($filename);
180	+ @unlink($filename);
181	+ die('');
182	+ }
183	+ ////////////////////////////////////////////////////////////////////////////////////////
184	+ // Getters & Setters //
185	+ ////////////////////////////////////////////////////////////////////////////////////////
186	+ ////////////////////////////////////////////////////////////////////////////////////////
187	+ // Private Methods //
188	+ ////////////////////////////////////////////////////////////////////////////////////////
189	+ ////////////////////////////////////////////////////////////////////////////////////////
190	+ // Listeners //
191	+ ////////////////////////////////////////////////////////////////////////////////////////
192	+ }

admin/views/WDSViewWDSShortcode.php CHANGED Viewed

	@@ -16,7 +16,7 @@ class WDSViewWDSShortcode {
16	<ul>
17	<li id="display_tab" class="current" role="tab" tabindex="0">
18	<span>
19	- <a href="javascript:mcTabs.displayTab('display_tab','display_panel');" onMouseDown="return false;" tabindex="-1"~~><?php _e("~~Slider WD~~", 'wds'); ?></~~a>
20	</span>
21	</li>
22	</ul>
	@@ -25,10 +25,10 @@ class WDSViewWDSShortcode {
25	<div id="display_panel" class="panel current" style="height: 90px !important;">
26	<table>
27	<tr>
28	- <td style="vertical-align: middle; text-align: left;"><?php _e("Select a Slider", 'wds')~~; ?></~~td>
29	<td style="vertical-align: middle; text-align: left;">
30	<select name="wds_id" id="wds_id" style="width: 230px; text-align: left;">
31	- <option value="0" selected="selected"><?php _e("- Select a Slider -", 'wds')~~; ?></~~option>
32	<?php
33	foreach ($rows as $row) {
34	?>
	@@ -44,13 +44,13 @@ class WDSViewWDSShortcode {
44	</div>
45	<div class="mceActionPanel">
46	<div style="float: left;">
47	- <input type="button" id="cancel" name="cancel" value="Cancel" onClick="window.parent.tb_remove();" />
48	</div>
49	<div style="float: right;">
50	<input type="submit" id="insert" name="insert" value="<?php _e('Insert', 'wds');?>" onClick="wds_insert_shortcode();" />
51	</div>
52	</div>
53	- <script>
54	var short_code = get_params("wds");
55	if (short_code['id']) {
56	document.getElementById("wds_id").value = short_code['id'];
	@@ -79,6 +79,7 @@ class WDSViewWDSShortcode {
79	}
80	return short_code_attr;
81	}

82	function wds_insert_shortcode() {
83	if (document.getElementById("wds_id").value && document.getElementById("wds_id").value != 0) {
84	window.parent.send_to_editor('[wds id="' + document.getElementById('wds_id').value + '"]');


16	<ul>
17	<li id="display_tab" class="current" role="tab" tabindex="0">
18	<span>
19	+ <a href="javascript:mcTabs.displayTab('display_tab','display_panel');" onMouseDown="return false;" tabindex="-1">Slider WD</a>
20	</span>
21	</li>
22	</ul>

25	<div id="display_panel" class="panel current" style="height: 90px !important;">
26	<table>
27	<tr>
28	+ <td style="vertical-align: middle; text-align: left;"><?php _e('Select a Slider', 'wds');?></td>
29	<td style="vertical-align: middle; text-align: left;">
30	<select name="wds_id" id="wds_id" style="width: 230px; text-align: left;">
31	+ <option value="0" selected="selected"><?php _e('- Select a Slider -', 'wds');?></option>
32	<?php
33	foreach ($rows as $row) {
34	?>

44	</div>
45	<div class="mceActionPanel">
46	<div style="float: left;">
47	+ <input type="button" id="cancel" name="cancel" value="<?php _e('Cancel', 'wds');?>" onClick="window.parent.tb_remove();" />
48	</div>
49	<div style="float: right;">
50	<input type="submit" id="insert" name="insert" value="<?php _e('Insert', 'wds');?>" onClick="wds_insert_shortcode();" />
51	</div>
52	</div>
53	+ <script type="text/javascript">
54	var short_code = get_params("wds");
55	if (short_code['id']) {
56	document.getElementById("wds_id").value = short_code['id'];

79	}
80	return short_code_attr;
81	}
82	+
83	function wds_insert_shortcode() {
84	if (document.getElementById("wds_id").value && document.getElementById("wds_id").value != 0) {
85	window.parent.send_to_editor('[wds id="' + document.getElementById('wds_id').value + '"]');

admin/views/WDSViewWidgetSlideshow.php CHANGED Viewed

	@@ -22,25 +22,24 @@ class WDSViewWidgetSlideshow {
22	// Public Methods //
23	////////////////////////////////////////////////////////////////////////////////////////
24
25	- public function display() {
26	- }
27
28	- function widget($args, $instance) {
29	extract($args);
30	$title = (isset($instance['title']) ? $instance['title'] : "");
31	$id = (isset($instance['id']) ? $instance['id'] : 0);
32	// Before widget.
33	echo $before_widget;
34	// Title of widget.
35	- if ($title) {
36	echo $before_title . $title . $after_title;
37	}
38	// Widget output.
39	- require_once(WD_S_DIR . '/frontend/controllers/WDSControllerSlider.php');
40	$controller_class = 'WDSControllerSlider';
41	$controller = new $controller_class();
42	global $wds;
43	- $params = array('id' => $id);
44	$controller->execute($id, 1, $wds);
45	$wds++;
46	// After widget.
	@@ -50,19 +49,19 @@ class WDSViewWidgetSlideshow {
50	// Widget Control Panel.
51	function form($instance, $id_title, $name_title, $id_gallery_id, $name_gallery_id) {
52	$defaults = array(
53	- 'title' => 'Slider',
54	'id' => 0,
55	);
56	$instance = wp_parse_args((array) $instance, $defaults);
57	$slider_rows = $this->model->get_slider_rows_data();
58	?>
59	<p>
60	- <label for="<?php echo $id_title; ?>"><?php _e("Title:", 'wds')~~; ?></~~label>
61	<input class="widefat" id="<?php echo $id_title; ?>" name="<?php echo $name_title; ?>" type="text" value="<?php echo $instance['title']; ?>" />
62	</p>
63	<p>
64	<select name="<?php echo $name_gallery_id; ?>" id="<?php echo $id_gallery_id; ?>" class="widefat">
65	- <option value="0"><?php _e("Select Slider", 'wds')~~; ?></~~option>
66	<?php
67	foreach ($slider_rows as $slider_row) {
68	?>


22	// Public Methods //
23	////////////////////////////////////////////////////////////////////////////////////////
24
25	+ public function display() {}

26
27	+ function widget( $args, $instance ) {
28	extract($args);
29	$title = (isset($instance['title']) ? $instance['title'] : "");
30	$id = (isset($instance['id']) ? $instance['id'] : 0);
31	// Before widget.
32	echo $before_widget;
33	// Title of widget.
34	+ if ( $title ) {
35	echo $before_title . $title . $after_title;
36	}
37	// Widget output.
38	+ require_once(WD_S_DIR . '/frontend/controllers/WDSControllerSlider.php');
39	$controller_class = 'WDSControllerSlider';
40	$controller = new $controller_class();
41	global $wds;
42	+ $params = array( 'id' => $id );
43	$controller->execute($id, 1, $wds);
44	$wds++;
45	// After widget.

49	// Widget Control Panel.
50	function form($instance, $id_title, $name_title, $id_gallery_id, $name_gallery_id) {
51	$defaults = array(
52	+ 'title' => __('Slider', 'wds'),
53	'id' => 0,
54	);
55	$instance = wp_parse_args((array) $instance, $defaults);
56	$slider_rows = $this->model->get_slider_rows_data();
57	?>
58	<p>
59	+ <label for="<?php echo $id_title; ?>"><?php _e('Title:', 'wds');?></label>
60	<input class="widefat" id="<?php echo $id_title; ?>" name="<?php echo $name_title; ?>" type="text" value="<?php echo $instance['title']; ?>" />
61	</p>
62	<p>
63	<select name="<?php echo $name_gallery_id; ?>" id="<?php echo $id_gallery_id; ?>" class="widefat">
64	+ <option value="0"><?php _e('Select Slider', 'wds');?></option>
65	<?php
66	foreach ($slider_rows as $slider_row) {
67	?>

admin/views/embed.php ADDED Viewed

	@@ -0,0 +1,22 @@


1	+ <?PHP
2	+
3	+ /**
4	+ * Class WDSViewembed.
5	+ */
6	+ class WDSViewembed {
7	+ public function __construct() {
8	+ // Register and include styles and scripts.
9	+ wds_register_iframe_scripts();
10	+ wp_print_styles(WD_S_PREFIX . '_tables');
11	+ wp_print_scripts(WD_S_PREFIX . '_admin');
12	+ }
13	+
14	+ /**
15	+ * Display.
16	+ */
17	+ public function display() {
18	+ echo WDW_S_Library::message_id(0, __('This functionality is disabled in free version.', 'wds'), 'error');
19	+
20	+ die();
21	+ }
22	+ }

admin/views/posts.php ADDED Viewed

	@@ -0,0 +1,26 @@


1	+ <?PHP
2	+
3	+ /**
4	+ * Class WDSViewposts.
5	+ */
6	+ class WDSViewposts {
7	+ private $model;
8	+
9	+ public function __construct($model) {
10	+ $this->model = $model;
11	+
12	+ // Register and include styles and scripts.
13	+ wds_register_iframe_scripts();
14	+ wp_print_styles(WD_S_PREFIX . '_tables');
15	+ wp_print_scripts(WD_S_PREFIX . '_admin');
16	+ }
17	+
18	+ /**
19	+ * Display.
20	+ */
21	+ public function display() {
22	+ echo WDW_S_Library::message_id(0, __('This functionality is disabled in free version.', 'wds'), 'error');
23	+
24	+ die();
25	+ }
26	+ }

css/notices.css CHANGED Viewed

	@@ -97,7 +97,9 @@
97	box-shadow: none !important;
98	text-decoration: none;
99	}
100	- a.wds_pro_text, ~~a.wds_pro_text:active, a.wds_pro_text:visited, a.wds_pro_text:hover {~~


101	background-color: #D8D8D8;
102	color: #175c8b;
103	display: inline-block;


97	box-shadow: none !important;
98	text-decoration: none;
99	}
100	+ a.wds_pro_text,
101	+ a.wds_pro_text:active,
102	+ a.wds_pro_text:visited, a.wds_pro_text:hover {
103	background-color: #D8D8D8;
104	color: #175c8b;
105	display: inline-block;

css/wds_effects.css CHANGED Viewed

@@ -81,257 +81,4 @@
               -webkit-transform-origin: center bottom;
               -ms-transform-origin: center bottom;
               transform-origin: center bottom;
-            -
            }
-            -
-            -
            @-webkit-keyframes tada {
-            -
              0% {
-            -
                -webkit-transform: scale3d(1, 1, 1);
-            -
                transform: scale3d(1, 1, 1);
-            -
              }
-            -
-            -
              10%, 20% {
-            -
                -webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
-            -
                transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
-            -
              }
-            -
-            -
              30%, 50%, 70%, 90% {
-            -
                -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
-            -
                transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
-            -
              }
-            -
-            -
              40%, 60%, 80% {
-            -
                -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
-            -
                transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
-            -
              }
-            -
-            -
              100% {
-            -
                -webkit-transform: scale3d(1, 1, 1);
-            -
                transform: scale3d(1, 1, 1);
-            -
              }
-            -
            }
-            -
-            -
            @keyframes tada {
-            -
              0% {
-            -
                -webkit-transform: scale3d(1, 1, 1);
-            -
                -ms-transform: scale3d(1, 1, 1);
-            -
                transform: scale3d(1, 1, 1);
-            -
              }
-            -
-            -
              10%, 20% {
-            -
                -webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
-            -
                -ms-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
-            -
                transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
-            -
              }
-            -
-            -
              30%, 50%, 70%, 90% {
-            -
                -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
-            -
                -ms-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
-            -
                transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
-            -
              }
-            -
-            -
              40%, 60%, 80% {
-            -
                -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
-            -
                -ms-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
-            -
                transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
-            -
              }
-            -
-            -
              100% {
-            -
                -webkit-transform: scale3d(1, 1, 1);
-            -
                -ms-transform: scale3d(1, 1, 1);
-            -
                transform: scale3d(1, 1, 1);
-            -
              }
-            -
            }
-            -
-            -
            .tada {
-            -
              -webkit-animation-name: tada;
-            -
              animation-name: tada;
-            -
            }
-            -
-            -
            @-webkit-keyframes bounceInDown {
-            -
              0%, 60%, 75%, 90%, 100% {
-            -
                -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
-            -
                transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
-            -
              }
-            -
-            -
              0% {
-            -
                opacity: 0;
-            -
                -webkit-transform: translate3d(0, -3000px, 0);
-            -
                transform: translate3d(0, -3000px, 0);
-            -
              }
-            -
-            -
              60% {
-            -
                opacity: 1;
-            -
                -webkit-transform: translate3d(0, 25px, 0);
-            -
                transform: translate3d(0, 25px, 0);
-            -
              }
-            -
-            -
              75% {
-            -
                -webkit-transform: translate3d(0, -10px, 0);
-            -
                transform: translate3d(0, -10px, 0);
-            -
              }
-            -
-            -
              90% {
-            -
                -webkit-transform: translate3d(0, 5px, 0);
-            -
                transform: translate3d(0, 5px, 0);
-            -
              }
-            -
-            -
              100% {
-            -
                -webkit-transform: none;
-            -
                transform: none;
-            -
              }
-            -
            }
-            -
-            -
            @keyframes bounceInDown {
-            -
              0%, 60%, 75%, 90%, 100% {
-            -
                -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
-            -
                transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
-            -
              }
-            -
-            -
              0% {
-            -
                opacity: 0;
-            -
                -webkit-transform: translate3d(0, -3000px, 0);
-            -
                -ms-transform: translate3d(0, -3000px, 0);
-            -
                transform: translate3d(0, -3000px, 0);
-            -
              }
-            -
-            -
              60% {
-            -
                opacity: 1;
-            -
                -webkit-transform: translate3d(0, 25px, 0);
-            -
                -ms-transform: translate3d(0, 25px, 0);
-            -
                transform: translate3d(0, 25px, 0);
-            -
              }
-            -
-            -
              75% {
-            -
                -webkit-transform: translate3d(0, -10px, 0);
-            -
                -ms-transform: translate3d(0, -10px, 0);
-            -
                transform: translate3d(0, -10px, 0);
-            -
              }
-            -
-            -
              90% {
-            -
                -webkit-transform: translate3d(0, 5px, 0);
-            -
                -ms-transform: translate3d(0, 5px, 0);
-            -
                transform: translate3d(0, 5px, 0);
-            -
              }
-            -
-            -
              100% {
-            -
                -webkit-transform: none;
-            -
                -ms-transform: none;
-            -
                transform: none;
-            -
              }
-            -
            }
-            -
-            -
            .bounceInDown {
-            -
              -webkit-animation-name: bounceInDown;
-            -
              animation-name: bounceInDown;
-            -
            }
-            -
-            -
            @-webkit-keyframes bounceOutUp {
-            -
              20% {
-            -
                -webkit-transform: translate3d(0, -10px, 0);
-            -
                transform: translate3d(0, -10px, 0);
-            -
              }
-            -
-            -
              40%, 45% {
-            -
                opacity: 1;
-            -
                -webkit-transform: translate3d(0, 20px, 0);
-            -
                transform: translate3d(0, 20px, 0);
-            -
              }
-            -
-            -
              100% {
-            -
                opacity: 0;
-            -
                -webkit-transform: translate3d(0, -2000px, 0);
-            -
                transform: translate3d(0, -2000px, 0);
-            -
              }
-            -
            }
-            -
-            -
            @keyframes bounceOutUp {
-            -
              20% {
-            -
                -webkit-transform: translate3d(0, -10px, 0);
-            -
                -ms-transform: translate3d(0, -10px, 0);
-            -
                transform: translate3d(0, -10px, 0);
-            -
              }
-            -
-            -
              40%, 45% {
-            -
                opacity: 1;
-            -
                -webkit-transform: translate3d(0, 20px, 0);
-            -
                -ms-transform: translate3d(0, 20px, 0);
-            -
                transform: translate3d(0, 20px, 0);
-            -
              }
-            -
-            -
              100% {
-            -
                opacity: 0;
-            -
                -webkit-transform: translate3d(0, -2000px, 0);
-            -
                -ms-transform: translate3d(0, -2000px, 0);
-            -
                transform: translate3d(0, -2000px, 0);
-            -
              }
-            -
            }
-            -
-            -
            .bounceOutUp {
-            -
              -webkit-animation-name: bounceOutUp;
-            -
              animation-name: bounceOutUp;
-            -
            }
-            -
-            -
            @-webkit-keyframes fadeInLeft {
-            -
              0% {
-            -
                opacity: 0;
-            -
                -webkit-transform: translate3d(-100%, 0, 0);
-            -
                transform: translate3d(-100%, 0, 0);
-            -
              }
-            -
-            -
              100% {
-            -
                opacity: 1;
-            -
                -webkit-transform: none;
-            -
                transform: none;
-            -
              }
-            -
            }
-            -
-            -
            @keyframes fadeInLeft {
-            -
              0% {
-            -
                opacity: 0;
-            -
                -webkit-transform: translate3d(-100%, 0, 0);
-            -
                -ms-transform: translate3d(-100%, 0, 0);
-            -
                transform: translate3d(-100%, 0, 0);
-            -
              }
-            -
-            -
              100% {
-            -
                opacity: 1;
-            -
                -webkit-transform: none;
-            -
                -ms-transform: none;
-            -
                transform: none;
-            -
              }
-            -
            }
-            -
-            -
            .fadeInLeft {
-            -
              -webkit-animation-name: fadeInLeft;
-            -
              animation-name: fadeInLeft;
-            -
            }
-            -
-            -
            @-webkit-keyframes fadeOutRight {
-            -
              0% {
-            -
                opacity: 1;
-            -
              }
-            -
-            -
              100% {
-            -
                opacity: 0;
-            -
                -webkit-transform: translate3d(100%, 0, 0);
-            -
                transform: translate3d(100%, 0, 0);
-            -
              }
-            -
            }
-            -
-            -
            @keyframes fadeOutRight {
-            -
              0% {
-            -
                opacity: 1;
-            -
              }
-            -
-            -
              100% {
-            -
                opacity: 0;
-            -
                -webkit-transform: translate3d(100%, 0, 0);
-            -
                -ms-transform: translate3d(100%, 0, 0);
-            -
                transform: translate3d(100%, 0, 0);
-            -
              }
-            -
            }
-            -
-            -
            .fadeOutRight {
-            -
              -webkit-animation-name: fadeOutRight;
-            -
              animation-name: fadeOutRight;
+            }

               -webkit-transform-origin: center bottom;
               -ms-transform-origin: center bottom;
               transform-origin: center bottom;
+            }

css/wds_shortcode.css CHANGED Viewed

	@@ -27,4 +27,4 @@
27	border-radius: 3px;
28	box-shadow: 0 0 7px black;
29	line-height: 10px;
30	- }


27	border-radius: 3px;
28	box-shadow: 0 0 7px black;
29	line-height: 10px;
30	+ }

css/wds_tables.css CHANGED Viewed

@@ -44,11 +44,6 @@
               font-size: 12px;
+            }
-            -
            .wrap .button {
-            -
              border-radius: 3px !important;
-            -
              text-shadow: none !important;
-            -
            }
-            -
             .spider_message_cont {
               display: none;
               width: 99%;
@@ -93,11 +88,11 @@
             #TB_window {
               margin-left: -400px !important;
+            }
-            -
             .wrap * {
               font-size: 12px;
             	font-family: "Open Sans",sans-serif;
-            -
            }
             .input_th {
               margin-left: 0px !important;
@@ -290,7 +285,7 @@
             .spider_bull_options_color_cont,
             .spider_pp_options_color_cont {
               display: none;
-            -
              width: 180px;
               height: 150px;
               overflow: scroll;
               overflow-x: hidden;
@@ -315,7 +310,7 @@
             .spider_option_cont_img {
               display: table-cell;
-            -
              width: 23%;
               height: 15px;
               text-align: right;
               padding: 5px 4px 0px 0px;
@@ -388,17 +383,6 @@
               padding: 1px 12px;
+            }
-            -
            .buttons_div {
-            -
               clear: both;
-            -
              float: right;
-            -
              margin: 10px 0 5px !important;
-            -
              width:100%;
-            -
            }
-            -
-            -
            .buttons_div input{
-            -
            	margin-bottom:4px;
-            -
            }
-            -
             .buttons_div_left {
               float: left;
               margin: 5px 0;
@@ -410,28 +394,6 @@
               margin: 5px 0;
+            }
-            -
            .spider_delete_img {
-            -
              background-image: url("../images/delete.png");
-            -
              border: none;
-            -
              cursor: pointer;
-            -
              display: inline-block;
-            -
              vertical-align: middle;
-            -
              height: 14px;
-            -
              width: 14px;
-            -
            }
-            -
-            -
            .spider_delete_img_small {
-            -
                background-image: url("../images/delete.png");
-            -
                background-size: 10px auto;
-            -
                border: medium none;
-            -
                cursor: pointer;
-            -
                display: inline-block;
-            -
                height: 10px;
-            -
                margin-top: 2px;
-            -
                vertical-align: middle;
-            -
                width: 10px;
-            -
            }
-            -
             .spider_fieldset {
               background: none repeat scroll 0 0 #F4F4F4;
               border: 1px solid #8F8D8D;
@@ -537,11 +499,6 @@
               height: 30px;
+            }
-            -
            .spider_search_value {
-            -
              height: 2em;
-            -
              margin: 0 0 4px;
-            -
            }
-            -
             #th_order,
             .spider_order {
               display: none;
@@ -561,6 +518,7 @@
             .wds_resize_image,
             .wds_imports,
             .wds_exports,
             .wds_editor,
             .wds_merge {
               display: none;
@@ -586,6 +544,17 @@
               margin-left: -240px;
+            }
             .wds_merge {
               margin-left: -175px;
+            }
@@ -628,6 +597,7 @@
             .wds_opacity_video,
             .wds_opacity_import,
             .wds_opacity_export,
             .wds_opacity_merge {
               background-color: #000000;
               display: none;
@@ -775,7 +745,7 @@
               width: 19px !important;
               height: 19px !important;
               margin-top:0 !important;
-            -
              margin-right:11px !important;
               padding:0px !important;
               cursor: pointer;
+            }
@@ -817,6 +787,10 @@
               width: inherit;
+            }
             .wds_box {
               display: none;
               position: relative;
@@ -863,10 +837,8 @@
               background-color: #F5F5F5;
               border-right: 1px solid #DFDFDF;
               float: left;
-            -
              height: 640px;
               margin: 0;
               width: 150px;
-            -
              margin-left: 14px;
+            }
             .wds_nav_tabs ul {
@@ -875,6 +847,10 @@
               padding: 0;
+            }
             .wds_nav_tabs .wds_sub_active,
             .wds_nav_tabs .wds_sub_active a,
             .wds_nav_tabs .wds_sub_active a:hover,
@@ -882,13 +858,15 @@
             .wds_nav_tabs .wds_active a,
             .wds_nav_tabs .wds_active a:hover {
               background: none repeat scroll 0 0 #fff;
               color: #333;
+            }
             .wds_nav_tabs .wds_active {
-            -
              /* border-color: rgb(0, 160, 212); */
-            -
              border: 1px solid #0099cc;
-            -
              border-right: none;
-            -
              margin: 0 -2px 0 -4px;
               padding: 0;
+            }
@@ -903,14 +881,15 @@
             .wds_nav_tabs a {
               display: block;
               line-height: 18px;
-            -
              padding: 5px 5px 5px 12px;
               text-decoration: none;
+            }
             .wds_nav_box {
               background: none repeat scroll 0 0 #fff;
               display: none;
-            -
              height: 610px;
               overflow: auto;
               padding: 15px;
+            }
@@ -933,7 +912,7 @@
+            }
             .wds_box td {
-            -
              padding: 10px !important;
+            }
             .wds_draggable {
@@ -993,7 +972,7 @@ span[data-type="wds_text_parent"] * {
             .wds_button-secondary{
             	background-color: #FFFFFF;
-            -
            	padding: 0 7px 1px 37px;
             	margin: 0;
             	display: inline-block;
             	text-decoration: none;
@@ -1018,24 +997,6 @@ span[data-type="wds_text_parent"] * {
             	margin-right: 10px;
+            }
-            -
            #wds_search,
-            -
            #wds_reset {
-            -
            	background-color: #FFFFFF;
-            -
            	padding: 0 15px 1px ;
-            -
            	margin: 0px;
-            -
            	display: inline-block;
-            -
            	text-decoration: none;
-            -
            	font-size: 13px;
-            -
            	line-height: 32px;
-            -
            	height: 32px;
-            -
            	cursor: pointer;
-            -
            	-webkit-appearance: none;
-            -
            	white-space: nowrap;
-            -
            	-webkit-box-sizing: border-box;
-            -
            	-moz-box-sizing: border-box;
-            -
            	box-sizing: border-box;
-            -
            }
-            -
             .wds_alternate {
             	background-color:#F1F1F1;
+            }
@@ -1182,7 +1143,7 @@ tbody .action_buttons {
             .new_tab_image {
             	background-image:url('../images/sliderwdpng/border.png');
             	background-repeat: no-repeat;
-            -
              background-position:center center;
             	width:100%;
             	position:relative;
             	border:1px solid #B4AFAF;
@@ -1205,14 +1166,20 @@ tbody .action_buttons {
             	padding: 0 !important;
+            }
             .select_icon {
             	background-image: url('../images/sliderwdpng/select.png');
             	background-repeat: no-repeat;
             	-webkit-appearance: none;
             	-moz-appearance: none;
             	background-position: 93% 49%;
-            -
            	padding: 0 2px 2px 2px !important;
-            -
              width: 10%;
               height: 32px !important;
+            }
@@ -1257,7 +1224,22 @@ tbody .action_buttons {
+            }
             #name {
-            -
              width: 80%;
+            }
             .slider_title_conteiner input {
@@ -1266,8 +1248,7 @@ tbody .action_buttons {
+            }
             .tab_conteiner {
-            -
            	float: left;
-            -
            	margin-bottom: 2px;
+            }
             .wds_subtab_wrap {
@@ -1278,7 +1259,7 @@ tbody .action_buttons {
+            }
             .tab_button_wrap {
-            -
              float: left;
               width: 120px;
               margin-right: 5px;
+            }
@@ -1408,54 +1389,13 @@ tbody .action_buttons {
               background-position: 10% 50%;
+            }
-            -
            .wds_delete_slider {
-            -
              background-image:url('../images/sliderwdpng/delete_slider.png');
-            -
              background-repeat:no-repeat;
-            -
              background-color:#D14130;
-            -
              border-bottom: 3px solid #AD2626 !important;
-            -
              background-position: 10% 50%;
-            -
            }
-            -
-            -
            .wds_settings {
-            -
              background-image:url('../images/sliderwdpng/settings_grey.png');
-            -
              background-repeat:no-repeat;
-            -
              background-position: 15% 50%;
-            -
              background-repeat: no-repeat;
-            -
              height: 36px;
-            -
              padding-top: 2px;
-            -
              font-size: 13px;
-            -
              width: 100%
-            -
            }
-            -
-            -
            .wds_slides {
-            -
              background-image:url('../images/sliderwdpng/slider_grey.png');
-            -
              background-repeat:no-repeat;
-            -
              background-position: 15% 50%;
-            -
              background-repeat: no-repeat;
               height: 36px;
               padding-top: 2px;
               font-size: 13px;
               width: 100%
+            }
-            -
            .wds_save_slider {
-            -
              background-image:url('../images/sliderwdpng/save.png');
-            -
              background-repeat:no-repeat;
-            -
              background-position: 15% 50%
-            -
            }
-            -
-            -
            .wds_apply_slider {
-            -
              background-image:url('../images/sliderwdpng/apply.png');
-            -
              background-repeat:no-repeat;
-            -
              background-position: 15% 50%
-            -
            }
-            -
-            -
            .wds_dublicate_slide {
-            -
              background-image:url('../images/sliderwdpng/save_copy.png');
-            -
              background-repeat:no-repeat;
-            -
              background-position: 15% 50%
-            -
            }
-            -
             #wds_preview{
               background-color:#00A2D0;
               line-height: 30px;
@@ -1559,7 +1499,7 @@ tbody .action_buttons {
+            }
             .wds_tab_label {
-            -
              text-align:center
+            }
             .callbeck-textarea {
@@ -1594,6 +1534,12 @@ tbody .action_buttons {
                height: 34px;
+            }
             @media screen and (max-width: 782px){
             	body {
             		overflow-x: initial !important;
@@ -1629,9 +1575,6 @@ tbody .action_buttons {
                 width: 47.2% !important;
                 height: 155px !important;
+              }
-            -
              .wds_textarea {
-            -
                width: 107px !important;
-            -
              }
               .wds_link {
                 width: 145px !important;
+              }
@@ -1675,7 +1618,7 @@ tbody .action_buttons {
+            }
             .wds_free_button {
-            -
              background-color: #6EC9E6!important;
               border-color:#5BA6B9 !important;
               opacity: 1;
               filter: Alpha(opacity=100);
@@ -1835,29 +1778,34 @@ th.sorted a span {
               -moz-box-sizing: border-box;
               box-sizing: border-box;
+            }
-            -
-            -
            .load_gif_img {
-            -
              display: inline-block;
-            -
              vertical-align: middle;
-            -
              width: 40px;
-            -
              height: 40px;
+            }
             #select_slider_merge option {
               display: none;
+            }
-            -
            .wds_category_name {
-            -
              height: 32px;
-            -
            }
-            -
             .wds_fieldset {
               display: inline-block;
               border: 1px solid #ccc;
               color: #666666;
               padding: 10px;
               padding-top: 5px;
-            -
              font-size: 10px;
+            }
             .wds_center {
@@ -1882,7 +1830,269 @@ th.sorted a span {
               padding: 11px 15px 4px 0;
+            }
-            -
            .button_padding {
-            -
              border-bottom: 3px solid #258AA6;
-            -
              padding-left: 7px !important;
+            }


44	font-size: 12px;
45	}
46





47	.spider_message_cont {
48	display: none;
49	width: 99%;

88	#TB_window {
89	margin-left: -400px !important;
90	}
91	+ /*
92	.wrap * {
93	font-size: 12px;
94	font-family: "Open Sans",sans-serif;
95	+ }*/
96
97	.input_th {
98	margin-left: 0px !important;

285	.spider_bull_options_color_cont,
286	.spider_pp_options_color_cont {
287	display: none;
288	+ width: 120px;
289	height: 150px;
290	overflow: scroll;
291	overflow-x: hidden;

310
311	.spider_option_cont_img {
312	display: table-cell;
313	+ width: 40%;
314	height: 15px;
315	text-align: right;
316	padding: 5px 4px 0px 0px;

383	padding: 1px 12px;
384	}
385











386	.buttons_div_left {
387	float: left;
388	margin: 5px 0;

394	margin: 5px 0;
395	}
396






















397	.spider_fieldset {
398	background: none repeat scroll 0 0 #F4F4F4;
399	border: 1px solid #8F8D8D;

499	height: 30px;
500	}
501





502	#th_order,
503	.spider_order {
504	display: none;

518	.wds_resize_image,
519	.wds_imports,
520	.wds_exports,
521	+ .wds_set,
522	.wds_editor,
523	.wds_merge {
524	display: none;

544	margin-left: -240px;
545	}
546
547	+ .wds_set {
548	+ margin-left: -115px;
549	+ margin-top: -100px;
550	+ height: 200px;
551	+ }
552	+ .wds_options_form .wds_set {
553	+ height: auto;
554	+ }
555	+ .wds_options_form .wds_set #choose_slider {
556	+ width:200px;
557	+ }
558	.wds_merge {
559	margin-left: -175px;
560	}

597	.wds_opacity_video,
598	.wds_opacity_import,
599	.wds_opacity_export,
600	+ .wds_opacity_set,
601	.wds_opacity_merge {
602	background-color: #000000;
603	display: none;

745	width: 19px !important;
746	height: 19px !important;
747	margin-top:0 !important;
748	+ margin-right:10px !important;
749	padding:0px !important;
750	cursor: pointer;
751	}

787	width: inherit;
788	}
789
790	+ .wds_tab_label span.dashicons {
791	+ margin: 5px 5px 0 0;
792	+ }
793	+
794	.wds_box {
795	display: none;
796	position: relative;

837	background-color: #F5F5F5;
838	border-right: 1px solid #DFDFDF;
839	float: left;

840	margin: 0;
841	width: 150px;

842	}
843
844	.wds_nav_tabs ul {

847	padding: 0;
848	}
849
850	+ .wds_active span.dashicons {
851	+ color: rgb(0, 160, 212);
852	+ }
853	+
854	.wds_nav_tabs .wds_sub_active,
855	.wds_nav_tabs .wds_sub_active a,
856	.wds_nav_tabs .wds_sub_active a:hover,

858	.wds_nav_tabs .wds_active a,
859	.wds_nav_tabs .wds_active a:hover {
860	background: none repeat scroll 0 0 #fff;
861	+ box-shadow: none;
862	color: #333;
863	}
864	+
865	.wds_nav_tabs .wds_active {
866	+ border-color: rgb(0, 160, 212);
867	+ border-width: 1px 0 1px 1px;
868	+ border-style: solid;
869	+ margin: 0 -2px 0 0;
870	padding: 0;
871	}
872

881	.wds_nav_tabs a {
882	display: block;
883	line-height: 18px;
884	+ padding: 12px;
885	text-decoration: none;
886	+ font-size: 14px;
887	}
888
889	.wds_nav_box {
890	background: none repeat scroll 0 0 #fff;
891	display: none;
892	+ min-height: 400px;
893	overflow: auto;
894	padding: 15px;
895	}

912	}
913
914	.wds_box td {
915	+ padding: 10px 0 !important;
916	}
917
918	.wds_draggable {

972
973	.wds_button-secondary{
974	background-color: #FFFFFF;
975	+ padding: 0 7px 1px 10px;
976	margin: 0;
977	display: inline-block;
978	text-decoration: none;

997	margin-right: 10px;
998	}
999


















1000	.wds_alternate {
1001	background-color:#F1F1F1;
1002	}

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;

1166	padding: 0 !important;
1167	}
1168
1169	+ #add_slide_text{
1170	+ margin: 0;
1171	+ padding: 100px 0 0 0;
1172	+ text-align: center;
1173	+ font-weight: 500;
1174	+ }
1175	+
1176	.select_icon {
1177	background-image: url('../images/sliderwdpng/select.png');
1178	background-repeat: no-repeat;
1179	-webkit-appearance: none;
1180	-moz-appearance: none;
1181	background-position: 93% 49%;
1182	+ padding-right: 20px !important;

1183	height: 32px !important;
1184	}
1185

1224	}
1225
1226	#name {
1227	+ padding: 3px 8px;
1228	+ font-size: 1.6em;
1229	+ line-height: 100%;
1230	+ height: 1.6em;
1231	+ width: 30%;
1232	+ outline: 0;
1233	+ margin: 0 0 3px;
1234	+ background-color: #fff;
1235	+ }
1236	+
1237	+ .wp-heading-inline {
1238	+ font-size: 23px;
1239	+ font-weight: 400;
1240	+ margin: 0;
1241	+ padding: 9px 0 4px;
1242	+ line-height: 29px;
1243	}
1244
1245	.slider_title_conteiner input {

1248	}
1249
1250	.tab_conteiner {
1251	+ margin-top: 20px;

1252	}
1253
1254	.wds_subtab_wrap {

1259	}
1260
1261	.tab_button_wrap {
1262	+ display: inline-block;
1263	width: 120px;
1264	margin-right: 5px;
1265	}

1389	background-position: 10% 50%;
1390	}
1391
1392	+ .wds_settings, .wds_slides, .wds_howto {























1393	height: 36px;
1394	padding-top: 2px;
1395	font-size: 13px;
1396	width: 100%
1397	}
1398


















1399	#wds_preview{
1400	background-color:#00A2D0;
1401	line-height: 30px;

1499	}
1500
1501	.wds_tab_label {
1502	+ overflow: hidden;
1503	}
1504
1505	.callbeck-textarea {

1534	height: 34px;
1535	}
1536
1537	+ .wds_textarea {
1538	+ width: calc(100% - 80px);
1539	+ height: 60px;
1540	+ resize: vertical;
1541	+ }
1542	+
1543	@media screen and (max-width: 782px){
1544	body {
1545	overflow-x: initial !important;

1575	width: 47.2% !important;
1576	height: 155px !important;
1577	}



1578	.wds_link {
1579	width: 145px !important;
1580	}

1618	}
1619
1620	.wds_free_button {
1621	+ background-color: #6EC9E6 !important;
1622	border-color:#5BA6B9 !important;
1623	opacity: 1;
1624	filter: Alpha(opacity=100);

1778	-moz-box-sizing: border-box;
1779	box-sizing: border-box;
1780	}
1781	+ .wds_fieldset_img_preview {
1782	+ margin-top: 3.5px !important;
1783	+ cursor:pointer;
1784	+ }
1785	+ .wds_fieldset_img {
1786	+ display:inline-block;
1787	+ opacity: 0;
1788	+ width: 20px;
1789	+ vertical-align: middle;
1790	+ }
1791	+ .wds_fieldset_img.opacity { opacity:1; }
1792	+ .wds_fieldset_img img {
1793	+ width: 100%;
1794	+ margin-top: 2px;
1795	+ padding: 4px;
1796	+ border: 1px solid #ccc;
1797	}
1798
1799	#select_slider_merge option {
1800	display: none;
1801	}
1802




1803	.wds_fieldset {
1804	display: inline-block;
1805	border: 1px solid #ccc;
1806	color: #666666;
1807	padding: 10px;
1808	padding-top: 5px;

1809	}
1810
1811	.wds_center {

1830	padding: 11px 15px 4px 0;
1831	}
1832
1833	+ .wds_template_class {
1834	+ display: none;
1835	+ }
1836	+
1837	+ .wd-table {
1838	+ clear: both;
1839	+ display: table;
1840	+ margin: 0;
1841	+ padding: 10px 0;
1842	+ position: relative;
1843	+ table-layout: fixed;
1844	+ width: 100%;
1845	+ }
1846	+
1847	+ .wd-table-col {
1848	+ display: table-cell;
1849	+ position: relative;
1850	+ vertical-align: top;
1851	+ }
1852	+
1853	+ .wd-table-col-50 {
1854	+ width: 50%;
1855	+ }
1856	+ .wd-table-col-60 {
1857	+ width: 60%;
1858	+ }
1859	+ .wd-table-col-70 {
1860	+ width: 70%;
1861	+ }
1862	+ @media screen and (max-width: 782px) {
1863	+ .wd-table-col {
1864	+ display: block;
1865	+ }
1866	+
1867	+ .wd-table-col-50,
1868	+ .wd-table-col-60,
1869	+ .wd-table-col-70 {
1870	+ width: 100%;
1871	+ float:none;
1872	+ }
1873	+ }
1874	+ .wd-table-col-100 {
1875	+ width: 100%;
1876	+ }
1877	+
1878	+ .wd-box-section {
1879	+ background-color: #FFFFFF;
1880	+ border: 1px solid #eaeaea;
1881	+ margin: 5px 0;
1882	+ }
1883	+ .wd-table-col-left .wd-box-section {
1884	+ margin-right: 5px;
1885	+ }
1886	+ .wd-table-col-right .wd-box-section {
1887	+ margin-left: 5px;
1888	+ }
1889	+
1890	+ .wd-box-title {
1891	+ border-bottom: 1px solid #eaeaea;
1892	+ height: inherit;
1893	+ margin: 0;
1894	+ padding: 15px 30px;
1895	+ }
1896	+
1897	+ .wd-box-content {
1898	+ overflow-wrap: break-word;
1899	+ padding: 30px;
1900	+ box-sizing: border-box;
1901	+ -moz-box-sizing: border-box;
1902	+ -webkit-box-sizing: border-box;
1903	+ }
1904	+
1905	+ .wd-box-content-shortcode {
1906	+ padding-top: 0;
1907	+ padding-bottom: 0;
1908	+ }
1909	+
1910	+ .wd-label {
1911	+ display: block;
1912	+ font-size: 15px;
1913	+ font-weight: bold;
1914	+ line-height: 20px;
1915	+ margin-bottom: 10px;
1916	+ padding: 0;
1917	+ }
1918	+
1919	+ .wd-label-radio {
1920	+ display: inline-block;
1921	+ max-width: 450px;
1922	+ margin: 0;
1923	+ }
1924	+
1925	+ .wd-table .wd-radio {
1926	+ display: inline-block;
1927	+ margin: 0;
1928	+ }
1929	+
1930	+ .wd-group {
1931	+ display: block;
1932	+ margin: 0 0 25px;
1933	+ max-width: 100%;
1934	+ width: 100%;
1935	+ }
1936	+
1937	+ .wd-group:last-child {
1938	+ margin-bottom: 0;
1939	+ }
1940	+
1941	+ .wd-left {
1942	+ text-align: left;
1943	+ }
1944	+
1945	+ .wd-right {
1946	+ text-align: right;
1947	+ }
1948	+
1949	+ .wd-float-left {
1950	+ float: left;
1951	+ }
1952	+
1953	+ .wd-float-right {
1954	+ float: right;
1955	+ }
1956	+
1957	+ .wds_form .wd-hidden {
1958	+ display: none;
1959	+ }
1960	+
1961	+ .wds_form .wd-center {
1962	+ text-align: center;
1963	+ }
1964	+
1965	+ .col-slides-count {
1966	+ width: 80px;
1967	+ }
1968	+
1969	+ .col-shortcode {
1970	+ width: 120px;
1971	+ }
1972	+
1973	+ .col-function {
1974	+ width: 170px;
1975	+ }
1976	+
1977	+ .col-author {
1978	+ width: 120px;
1979	+ }
1980	+
1981	+ .col-type {
1982	+ width: 80px;
1983	+ }
1984	+
1985	+ .col-date {
1986	+ width: 150px;
1987	+ }
1988	+
1989	+ .col-modified {
1990	+ width: 150px;
1991	+ }
1992	+
1993	+ .preview-image {
1994	+ border: 1px solid #cccccc;
1995	+ }
1996	+
1997	+ .wds_form .media-frame-content,
1998	+ .wds_form .media-frame-toolbar {
1999	+ left: 0;
2000	+ }
2001	+
2002	+ .wds_form .media-frame-content {
2003	+ top: 0 !important;
2004	+ }
2005	+
2006	+ form.wds_form_popup {
2007	+ margin: 0;
2008	+ }
2009	+
2010	+ .media-frame-menu .separator {
2011	+ display: none;
2012	+ }
2013	+
2014	+ .wd-pointer {
2015	+ cursor: pointer;
2016	+ }
2017	+
2018	+ .js .postbox .hndle {
2019	+ cursor: pointer;
2020	+ }
2021	+
2022	+ .wds_form .postbox h2.hndle {
2023	+ font-size: 14px;
2024	+ padding: 8px 12px;
2025	+ margin: 0;
2026	+ line-height: 1.4;
2027	+ }
2028	+
2029	+ .wds-preview-overflow {
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 {
2036	+ width: 150px;
2037	+ }
2038	+
2039	+ .wds_options_form .wd-table input[type="text"].spider_int_input {
2040	+ width: 45px;
2041	+ line-height: 24px;
2042	+ }
2043	+
2044	+ .wds_settings_box .wd-box-content {
2045	+ padding: 10px;
2046	+ }
2047	+
2048	+ .wds_layer_content .wd-box-section {
2049	+ border: none;
2050	+ }
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	+ }
2058	+
2059	+ .wds_layer_content .wd-group input.spider_int_input[type="text"] {
2060	+ width: 60px;
2061	+ line-height: 24px;
2062	+ }
2063	+
2064	+ .wds_howto_container {
2065	+ display: flex;
2066	+ flex-wrap: wrap;
2067	+ }
2068	+
2069	+ .wds_howto_content {
2070	+ border: 1px rgb(221, 221, 221) solid;
2071	+ display: flex;
2072	+ flex: 1;
2073	+ flex-direction: column;
2074	+ margin: 5px;
2075	+ min-width: 250px;
2076	+ padding: 20px 10px;
2077	+ text-align: center;
2078	+ }
2079	+
2080	+ .wds_howto_content input,
2081	+ .wds_howto_content textarea {
2082	+ margin: 0 auto;
2083	+ text-align: center;
2084	+ width: 100%;
2085	+ }
2086	+
2087	+ .wds_howto_content img {
2088	+ width: 100%;
2089	+ }
2090	+
2091	+ .wd-free .wd-group,
2092	+ .wd-free.wd-group {
2093	+ color: #CCCCCC;
2094	+ }
2095	+
2096	+ .tab_conteiner .howto_tab_button_wrap.hide {
2097	+ display:none;
2098	}

css/wds_tables_320.css CHANGED Viewed

	@@ -110,11 +110,7 @@
110	padding: 0 18px 1px 39px !important;
111	width: 100%
112	}
113	-
114	- .wds_textarea {
115	- width: 107px !important;
116	- }
117	-
118	.wds_link {
119	width: 145px !important;
120	}


110	padding: 0 18px 1px 39px !important;
111	width: 100%
112	}
113	+




114	.wds_link {
115	width: 145px !important;
116	}

css/wds_tables_640.css CHANGED Viewed

	@@ -69,7 +69,6 @@
69
70	.new_tab_image {
71	height: 132px;
72	- top: 2px;
73	}
74
75	.tab_link,
	@@ -115,10 +114,6 @@
115	width: 100% !important;
116	}
117
118	- .wds_textarea {
119	- width: 197px;
120	- }
121	-
122	#TB_window {
123	width: 100% !important;
124	left: 0 !important;
	@@ -128,6 +123,7 @@
128	#add_embed,
129	.wds_resize_image,
130	.wds_exports,

131	.wds_editor,
132	#add_embed_help {
133	width: 93% !important;
	@@ -139,6 +135,7 @@
139	#add_embed input[type="text"],
140	.wds_resize_image input[type="text"],
141	.wds_exports input[type="text"],

142	.wds_editor input[type="text"] {
143	width: 94% !important;
144	}
	@@ -190,7 +187,7 @@
190	}
191
192	.tab_button_wrap {
193	- ~~float~~: ~~left~~;
194	width: 48.7%;
195	margin-right: 2px
196	}
	@@ -224,8 +221,9 @@
224	position: absolute;
225	background-color: #ffffff;
226	border: 1px solid #ccc;
227	- top: ~~-15px~~;
228	- margin:0;

229	}
230
231	.wds_menu_icon {


69
70	.new_tab_image {
71	height: 132px;

72	}
73
74	.tab_link,

114	width: 100% !important;
115	}
116




117	#TB_window {
118	width: 100% !important;
119	left: 0 !important;

123	#add_embed,
124	.wds_resize_image,
125	.wds_exports,
126	+ .wds_set,
127	.wds_editor,
128	#add_embed_help {
129	width: 93% !important;

135	#add_embed input[type="text"],
136	.wds_resize_image input[type="text"],
137	.wds_exports input[type="text"],
138	+ .wds_set input[type="text"],
139	.wds_editor input[type="text"] {
140	width: 94% !important;
141	}

187	}
188
189	.tab_button_wrap {
190	+ display: inline-block;
191	width: 48.7%;
192	margin-right: 2px
193	}

221	position: absolute;
222	background-color: #ffffff;
223	border: 1px solid #ccc;
224	+ top: 0px;
225	+ margin: 0;
226	+ z-index: 1000;
227	}
228
229	.wds_menu_icon {

demo_sliders/demo_sliders.php CHANGED Viewed

@@ -1,37 +1,244 @@
             <?php
             function spider_demo_sliders() {
               $demo_sliders = array(
-            -
                'layer-slider' => 'LAYER SLIDER',
-            -
                'slider-pro-2' => 'LAYER SLIDER 2',
-            -
                'slide1' => 'MULTY LAYER SLIDER',
-            -
                'news-site-or-blog' => 'NEWS SITE OR BLOG SLIDER',
-            -
                'post-feed-demo' => 'POST FEED DEMO SLIDER',
-            -
                'online-store' => 'ONLINE STORE SLIDER',
-            -
                'portfolio' => 'PORTFOLIO SLIDER',
-            -
                'slide2' => '3D FULL-WIDTH SLIDER',
-            -
                'slide3' => 'FILMSTRIP SLIDER',
-            -
                'slide4' => 'ZOOM EFFECT SLIDER',
-            -
                'wordpress-slider-wd-carusel' => 'CAROUSEL SLIDER',
-            -
                'parallax' => 'PARALLAX SLIDER',
-            -
                'hotspot' => 'HOTSPOT SLIDER',
-            -
                'video-slider' => 'VIDEO SLIDER SLIDER',
               );
               ?>
               <div id="main_featured_sliders_page">
-            -
                <h3><?php _e('Slider Pro', 'wds');?></h3>
-            -
                <p><?php _e('You can download and import these demo sliders in your website by using Import / Export feature.', 'wds');?></p>
-            -
            	<ul id="featured-sliders-list">
-            -
                  <?php
-            -
                  foreach ($demo_sliders as $key => $demo_slider) {
-            -
                    ?>
-            -
                  <li class="<?php echo $key; ?>">
-            -
            		<div class="product"></div>
-            -
            			<a target="_blank" href="http://wpdemo.web-dorado.com/<?php echo $key; ?>" class="download"><span><?php _e('DOWNLOAD', 'wds');?> <?php echo $demo_slider; ?></span></a>
-            -
            		</li>
-            -
                    <?php
-            -
                  }
-            -
                  ?>
-            -
            	</ul>
-            -
              </div>
               <?php
+            }


1	<?php
2	+ if( isset($_REQUEST['wds_import_submit']) && ! empty($_FILES['fileimport']) ) {
3	+ require_once(WD_S_DIR . '/framework/WDW_S_Library.php');
4	+ global $wpdb;
5	+ global $WD_S_UPLOAD_DIR;
6	+ $flag = FALSE;
7	+ $file = $_FILES['fileimport'];
8	+ $dest_dir = ABSPATH . $WD_S_UPLOAD_DIR;
9	+ if ( move_uploaded_file($file["tmp_name"], $dest_dir . $file["name"]) ) {
10	+ $zip = zip_open($dest_dir . $file["name"]);
11	+ if ( $zip ) {
12	+ if ( !is_dir($dest_dir . '/import') ) {
13	+ mkdir($dest_dir . '/import', 0777, TRUE);
14	+ }
15	+ if ( !is_dir($dest_dir . '/import/arrows') ) {
16	+ mkdir($dest_dir . '/import/arrows', 0777, TRUE);
17	+ }
18	+ if ( !is_dir($dest_dir . '/import/arrows/thumb') ) {
19	+ mkdir($dest_dir . '/import/arrows/thumb', 0777, TRUE);
20	+ }
21	+ if ( !is_dir($dest_dir . '/import/arrows/.original') ) {
22	+ mkdir($dest_dir . '/import/arrows/.original', 0777, TRUE);
23	+ }
24	+ if ( !is_dir($dest_dir . '/import/.original') ) {
25	+ mkdir($dest_dir . '/import/.original', 0777, TRUE);
26	+ }
27	+ if ( !is_dir($dest_dir . '/import/thumb') ) {
28	+ mkdir($dest_dir . '/import/thumb', 0777, TRUE);
29	+ }
30	+ $upload_dir = wp_upload_dir();
31	+ $dest_url = $upload_dir['baseurl'] . '/slider-wd/';
32	+ while ( $zip_entry = zip_read($zip) ) {
33	+ if ( strripos(zip_entry_name($zip_entry), ".xml") ) {
34	+ if ( zip_entry_open($zip, $zip_entry, "r") ) {
35	+ $buf = zip_entry_read($zip_entry, zip_entry_filesize($zip_entry));
36	+ $buf = preg_replace('~\s(<([^>])>[^<]</\2>\|<[^>]>)\s*~', '$1', $buf);
37	+ $xml = simplexml_load_string($buf);
38	+ $slider_fields = array();
39	+ $slide_fields = array();
40	+ $slides = array();
41	+ $layer_fields = array();
42	+ $layers = array();
43	+ $sliders = $xml->slider;
44	+ foreach ( $sliders as $slider ) {
45	+ foreach ( $slider as $key_slider => $value_slider ) {
46	+ $flag = TRUE;
47	+ if ( strpos($value_slider["value"], FAKE_SITE_URL_BTNS) === 0 ) {
48	+ $slider_fields[$key_slider] = trim(str_replace(FAKE_SITE_URL_BTNS, $dest_url . '/import/arrows/', $value_slider["value"]));
49	+ $slider_fields[$key_slider] = trim(str_replace(site_url(), '{site_url}', $slider_fields[$key_slider]));
50	+ }
51	+ elseif ( strpos($value_slider["value"], FAKE_SITE_URL) === 0 ) {
52	+ $slider_fields[$key_slider] = trim(str_replace(FAKE_SITE_URL, site_url(), $value_slider["value"]));
53	+ $slider_fields[$key_slider] = trim(str_replace(site_url(), '{site_url}', $slider_fields[$key_slider]));
54	+ }
55	+ elseif ( $key_slider != "slide" && $key_slider != "id" ) {
56	+ $slider_fields[$key_slider] = trim($value_slider["value"]);
57	+ }
58	+ elseif ( $key_slider == "slide" ) {
59	+ foreach ( $value_slider->children() as $key_slide => $slide ) {
60	+ if ( $key_slide != "layer" && $key_slide != "id" ) {
61	+ $slide_fields[$key_slide] = trim($slide["value"]);
62	+ }
63	+ elseif ( $key_slide == "layer" ) {
64	+ foreach ( $slide->children() as $key_layer => $layer ) {
65	+ if ( $key_layer != "id" ) {
66	+ $layer_fields[$key_layer] = isset($layer["value"]) ? trim($layer["value"]) : trim($layer);
67	+ }
68	+ }
69	+ array_push($layers, $layer_fields);
70	+ }
71	+ }
72	+ array_push($slides, array( "slide" => $slide_fields, "layers" => $layers ));
73	+ $layers = array();
74	+ }
75	+ }
76	+ $wpdb->insert($wpdb->prefix . 'wdsslider', $slider_fields);
77	+ $slider_id = $wpdb->insert_id;
78	+ foreach ( $slides as $slide ) {
79	+ $slide["slide"]["slider_id"] = $slider_id;
80	+ if ( strpos($slide["slide"]["image_url"], FAKE_SITE_URL) === 0 ) {
81	+ $slide["slide"]["image_url"] = trim(str_replace(FAKE_SITE_URL, $dest_url . '/import/', $slide["slide"]["image_url"]));
82	+ $slide["slide"]["image_url"] = trim(str_replace(site_url(), '{site_url}', $slide["slide"]["image_url"]));
83	+ }
84	+ if ( strpos($slide["slide"]["thumb_url"], FAKE_SITE_URL) === 0 ) {
85	+ $slide["slide"]["thumb_url"] = trim(str_replace(FAKE_SITE_URL, $dest_url . '/import/thumb/', $slide["slide"]["thumb_url"]));
86	+ $slide["slide"]["thumb_url"] = trim(str_replace(site_url(), '{site_url}', $slide["slide"]["thumb_url"]));
87	+ }
88	+ $wpdb->insert($wpdb->prefix . 'wdsslide', $slide["slide"]);
89	+ $slide_id = $wpdb->insert_id;
90	+ foreach ( $slide["layers"] as $layer ) {
91	+ $layer["slide_id"] = $slide_id;
92	+ if ( strpos($layer["image_url"], FAKE_SITE_URL) === 0 ) {
93	+ $layer["image_url"] = trim(str_replace(FAKE_SITE_URL, $dest_url . '/import/', $layer["image_url"]));
94	+ $layer["image_url"] = trim(str_replace(site_url(), '{site_url}', $layer["image_url"]));
95	+ }
96	+ $wpdb->insert($wpdb->prefix . 'wdslayer', $layer);
97	+ }
98	+ }
99	+ $slides = array();
100	+ }
101	+ zip_entry_close($zip_entry);
102	+ }
103	+ }
104	+ else {
105	+ $zip_r = zip_entry_read($zip_entry, zip_entry_filesize($zip_entry));
106	+ $zip_name = zip_entry_name($zip_entry);
107	+ if ( strpos($zip_name, 'featured_') === 0 ) {
108	+ $zip_name = str_replace('featured_', '', $zip_name);
109	+ $zip_name = get_unique_file_name($zip_name, $dest_dir . '/import/thumb/', $zip_name);
110	+ if ( $handlethumb = fopen($dest_dir . '/import/thumb/' . $zip_name, "w") ) {
111	+ fwrite($handlethumb, $zip_r);
112	+ fclose($handlethumb);
113	+ }
114	+ }
115	+ if ( strpos($zip_name, 'thumb_') === 0 ) {
116	+ $zip_name = str_replace('thumb_', '', $zip_name);
117	+ $zip_name = get_unique_file_name($zip_name, $dest_dir . '/import/thumb/', $zip_name);
118	+ if ( $handlethumb = fopen($dest_dir . '/import/thumb/' . $zip_name, "w") ) {
119	+ fwrite($handlethumb, $zip_r);
120	+ fclose($handlethumb);
121	+ }
122	+ }
123	+ elseif ( strpos($zip_name, FAKE_SITE_URL_BTNS . '_thumb_') === 0 ) {
124	+ $zip_name = str_replace(FAKE_SITE_URL_BTNS . '_thumb_', '', $zip_name);
125	+ $zip_name = get_unique_file_name($zip_name, $dest_dir . '/import/arrows/thumb/', $zip_name);
126	+ if ( $handlethumb = fopen($dest_dir . '/import/arrows/thumb/' . $zip_name, "w") ) {
127	+ fwrite($handlethumb, $zip_r);
128	+ fclose($handlethumb);
129	+ }
130	+ }
131	+ elseif ( strpos($zip_name, FAKE_SITE_URL_BTNS) === 0 ) {
132	+ $zip_name = str_replace(FAKE_SITE_URL_BTNS, '', $zip_name);
133	+ $zip_name = get_unique_file_name($zip_name, $dest_dir . '/import/arrows/.original/', $zip_name);
134	+ if ( $handleorg = fopen($dest_dir . '/import/arrows/.original/' . $zip_name, "w") ) {
135	+ fwrite($handleorg, $zip_r);
136	+ fclose($handleorg);
137	+ }
138	+ $zip_name = get_unique_file_name($zip_name, $dest_dir . '/import/arrows/', $zip_name);
139	+ if ( $handleorg = fopen($dest_dir . '/import/arrows/' . $zip_name, "w") ) {
140	+ fwrite($handleorg, $zip_r);
141	+ fclose($handleorg);
142	+ }
143	+ }
144	+ else {
145	+ $zip_name = get_unique_file_name($zip_name, $dest_dir . '/import/.original/', $zip_name);
146	+ if ( $handleorg = fopen($dest_dir . '/import/.original/' . $zip_name, "w") ) {
147	+ fwrite($handleorg, $zip_r);
148	+ fclose($handleorg);
149	+ }
150	+ $zip_name = get_unique_file_name($zip_name, $dest_dir . '/import/', $zip_name);
151	+ if ( $handleorg = fopen($dest_dir . '/import/' . $zip_name, "w") ) {
152	+ fwrite($handleorg, $zip_r);
153	+ fclose($handleorg);
154	+ }
155	+ }
156	+ }
157	+ }
158	+ zip_close($zip);
159	+ }
160	+ unlink($dest_dir . $file["name"]);
161	+ }
162	+
163	+ $message_id = 24;
164	+ if ( $flag ) {
165	+ $message_id = 23;
166	+ }
167	+ WDW_S_Library::spider_redirect( add_query_arg( array( 'page' => 'sliders_wds', 'message' => $message_id), admin_url('admin.php') ) );
168	+ }
169	+
170	+ function get_unique_file_name($filename, $foldername, $zip_name) {
171	+ if (file_exists($foldername . $filename)) {
172	+ $p = 1;
173	+ $fileName1 = $zip_name;
174	+ while (file_exists($foldername . $fileName1)) {
175	+ $to = strrpos($fileName1, '.');
176	+ $fileName1 = substr($fileName1, 0, $to) . '(' . $p . ')' . substr($fileName1, $to);
177	+ $p++;
178	+ }
179	+ $zip_name = $fileName1;
180	+ }
181	+ return $zip_name;
182	+ }
183	+
184	function spider_demo_sliders() {
185	$demo_sliders = array(
186	+ 'layer-slider' => __('LAYER SLIDER', 'wds'),
187	+ 'slider-pro-2' => __('LAYER SLIDER 2', 'wds'),
188	+ 'slide1' => __('MULTY LAYER SLIDER', 'wds'),
189	+ 'news-site-or-blog' => __('NEWS SITE OR BLOG SLIDER', 'wds'),
190	+ 'post-feed-demo' => __('POST FEED DEMO SLIDER', 'wds'),
191	+ 'online-store' => __('ONLINE STORE SLIDER', 'wds'),
192	+ 'portfolio' => __('PORTFOLIO SLIDER', 'wds'),
193	+ 'slide2' => __('3D FULL-WIDTH SLIDER', 'wds'),
194	+ 'slide3' => __('FILMSTRIP SLIDER', 'wds'),
195	+ 'slide4' => __('ZOOM EFFECT SLIDER', 'wds'),
196	+ 'wordpress-slider-wd-carusel' => __('CAROUSEL SLIDER', 'wds'),
197	+ 'parallax' => __('PARALLAX SLIDER', 'wds'),
198	+ 'hotspot' => __('HOTSPOT SLIDER', 'wds'),
199	+ 'video-slider' => __('VIDEO SLIDER SLIDER', 'wds'),
200	);
201	?>
202	+
203	<div id="main_featured_sliders_page">
204	+ <div class="wd-table">
205	+ <div class="wd-table-col wd-table-col-50 wd-table-col-left">
206	+ <div class="wd-box-section">
207	+ <div class="wd-box-title">
208	+ <strong><?php _e('Import a slider', 'wds'); ?></strong>
209	+ </div>
210	+ <div class="wd-box-content">
211	+ <form method="post" enctype="multipart/form-data">
212	+ <div class="wd-group">
213	+ <input type="file" name="fileimport" id="fileimport">
214	+ <input type="submit" name="wds_import_submit" class="button button-primary" onclick="<?php echo (WD_S_FREE ? 'alert(\'' . addslashes(__('This functionality is disabled in free version.', 'wds')) . '\'); return false;' : 'if(!wds_getfileextension(document.getElementById(\'fileimport\').value)){ return false; }'); ?>" value="<?php _e('Import', 'wds'); ?>">
215	+ <p class="description"><?php _e('Browse the .zip file of the slider.', 'wds'); ?></p>
216	+ </div>
217	+ </form>
218	+ </div>
219	+ </div>
220	+ <div class="wd-box-section">
221	+ <div class="wd-box-title">
222	+ <strong><?php _e('Download sliders', 'wds'); ?></strong>
223	+ </div>
224	+ <div class="wd-box-content">
225	+ <p><?php _e('You can download and import these demo sliders to your website using Import feature of Slider WD.', 'wds');?></p>
226	+ <ul id="featured-sliders-list">
227	+ <?php
228	+ foreach ($demo_sliders as $key => $demo_slider) {
229	+ ?>
230	+ <li class="<?php echo $key; ?>">
231	+ <div class="product"></div>
232	+ <a target="_blank" href="http://wpdemo.web-dorado.com/<?php echo $key; ?>" class="download"><span><?php _e('DOWNLOAD', 'wds');?> <?php echo $demo_slider; ?></span></a>
233	+ </li>
234	+ <?php
235	+ }
236	+ ?>
237	+ </ul>
238	+ </div>
239	+ </div>
240	+ </div>
241	+ </div>
242	+ </div>
243	<?php
244	}

demo_sliders/style.css CHANGED Viewed

	@@ -6,14 +6,6 @@
6	padding: 20px 0px 10px 0px;
7	width: 99%;
8	}
9	-
10	- #main_featured_sliders_page p {
11	- color: rgb(111, 111, 111);
12	- font-family: Segoe UI;
13	- font-size: 20px;
14	- margin: 0px;
15	- }
16	-
17	#main_featured_sliders_page #featured-sliders-list {
18	position: relative;
19	width: 95.4%;


6	padding: 20px 0px 10px 0px;
7	width: 99%;
8	}








9	#main_featured_sliders_page #featured-sliders-list {
10	position: relative;
11	width: 95.4%;

filemanager/controller.php CHANGED Viewed

	@@ -12,7 +12,6 @@ class FilemanagerController {
12
13	public function __construct() {
14	global $WD_S_UPLOAD_DIR;
15	- $upload_dir = wp_upload_dir();
16	$this->uploads_dir = ABSPATH . $WD_S_UPLOAD_DIR;
17	if (file_exists($this->uploads_dir) == FALSE) {
18	mkdir($this->uploads_dir);
	@@ -77,9 +76,9 @@ class FilemanagerController {
77	'width' => '650',
78	'height' => '500',
79	'task' => 'display',
80	- 'extensions' => esc_html($_REQUEST['extensions']),
81	- 'callback' => esc_html($_REQUEST['callback']),
82	- 'image_for' => esc_html($_REQUEST['image_for']),
83	'slide_id' => esc_html($_REQUEST['slide_id']),
84	'dir' => esc_html($_REQUEST['dir']),
85	'TB_iframe' => '1',
	@@ -139,9 +138,9 @@ class FilemanagerController {
139	'width' => '650',
140	'height' => '500',
141	'task' => 'display',
142	- 'extensions' => esc_html($_REQUEST['extensions']),
143	- 'callback' => esc_html($_REQUEST['callback']),
144	- 'image_for' => esc_html($_REQUEST['image_for']),
145	'slide_id' => esc_html($_REQUEST['slide_id']),
146	'dir' => esc_html($_REQUEST['dir']),
147	'TB_iframe' => '1',
	@@ -189,9 +188,9 @@ class FilemanagerController {
189	'width' => '650',
190	'height' => '500',
191	'task' => 'show_file_manager',
192	- 'extensions' => esc_html($_REQUEST['extensions']),
193	- 'callback' => esc_html($_REQUEST['callback']),
194	- 'image_for' => esc_html($_REQUEST['image_for']),
195	'slide_id' => esc_html($_REQUEST['slide_id']),
196	'dir' => esc_html($_REQUEST['dir']),
197	'TB_iframe' => '1',
	@@ -302,9 +301,9 @@ class FilemanagerController {
302	'width' => '650',
303	'height' => '500',
304	'task' => 'show_file_manager',
305	- 'extensions' => esc_html($_REQUEST['extensions']),
306	- 'callback' => esc_html($_REQUEST['callback']),
307	- 'image_for' => esc_html($_REQUEST['image_for']),
308	'slide_id' => esc_html($_REQUEST['slide_id']),
309	'dir' => $input_dir,
310	'TB_iframe' => '1',
	@@ -320,8 +319,8 @@ class FilemanagerController {
320	'action' => 'wds_UploadHandler',
321	'importer_thumb_width' => esc_html($_REQUEST['importer_thumb_width']),
322	'importer_thumb_height' => esc_html($_REQUEST['importer_thumb_height']),
323	- 'callback' => esc_html($_REQUEST['callback']),
324	- 'image_for' => esc_html($_REQUEST['image_for']),
325	'slide_id' => esc_html($_REQUEST['slide_id']),
326	'file_namesML' => esc_html($_REQUEST['file_namesML']),
327	'importer_img_width' => esc_html($_REQUEST['importer_img_width']),


12
13	public function __construct() {
14	global $WD_S_UPLOAD_DIR;

15	$this->uploads_dir = ABSPATH . $WD_S_UPLOAD_DIR;
16	if (file_exists($this->uploads_dir) == FALSE) {
17	mkdir($this->uploads_dir);

76	'width' => '650',
77	'height' => '500',
78	'task' => 'display',
79	+ 'extensions' => (isset($_REQUEST['extensions']) ? esc_html($_REQUEST['extensions']) : 'jpg,jpeg,png,gif'),
80	+ 'callback' => (isset($_REQUEST['callback']) ? esc_html($_REQUEST['callback']) : 'wds_add_image'),
81	+ 'image_for' => (isset($_REQUEST['image_for']) ? esc_html($_REQUEST['image_for']) : 'add_slides'),
82	'slide_id' => esc_html($_REQUEST['slide_id']),
83	'dir' => esc_html($_REQUEST['dir']),
84	'TB_iframe' => '1',

138	'width' => '650',
139	'height' => '500',
140	'task' => 'display',
141	+ 'extensions' => (isset($_REQUEST['extensions']) ? esc_html($_REQUEST['extensions']) : 'jpg,jpeg,png,gif'),
142	+ 'callback' => (isset($_REQUEST['callback']) ? esc_html($_REQUEST['callback']) : 'wds_add_image'),
143	+ 'image_for' => (isset($_REQUEST['image_for']) ? esc_html($_REQUEST['image_for']) : 'add_slides'),
144	'slide_id' => esc_html($_REQUEST['slide_id']),
145	'dir' => esc_html($_REQUEST['dir']),
146	'TB_iframe' => '1',

188	'width' => '650',
189	'height' => '500',
190	'task' => 'show_file_manager',
191	+ 'extensions' => (isset($_REQUEST['extensions']) ? esc_html($_REQUEST['extensions']) : 'jpg,jpeg,png,gif'),
192	+ 'callback' => (isset($_REQUEST['callback']) ? esc_html($_REQUEST['callback']) : 'wds_add_image'),
193	+ 'image_for' => (isset($_REQUEST['image_for']) ? esc_html($_REQUEST['image_for']) : 'add_slides'),
194	'slide_id' => esc_html($_REQUEST['slide_id']),
195	'dir' => esc_html($_REQUEST['dir']),
196	'TB_iframe' => '1',

301	'width' => '650',
302	'height' => '500',
303	'task' => 'show_file_manager',
304	+ 'extensions' => (isset($_REQUEST['extensions']) ? esc_html($_REQUEST['extensions']) : 'jpg,jpeg,png,gif'),
305	+ 'callback' => (isset($_REQUEST['callback']) ? esc_html($_REQUEST['callback']) : 'wds_add_image'),
306	+ 'image_for' => (isset($_REQUEST['image_for']) ? esc_html($_REQUEST['image_for']) : 'add_slides'),
307	'slide_id' => esc_html($_REQUEST['slide_id']),
308	'dir' => $input_dir,
309	'TB_iframe' => '1',

319	'action' => 'wds_UploadHandler',
320	'importer_thumb_width' => esc_html($_REQUEST['importer_thumb_width']),
321	'importer_thumb_height' => esc_html($_REQUEST['importer_thumb_height']),
322	+ 'callback' => (isset($_REQUEST['callback']) ? esc_html($_REQUEST['callback']) : 'wds_add_image'),
323	+ 'image_for' => (isset($_REQUEST['image_for']) ? esc_html($_REQUEST['image_for']) : 'add_slides'),
324	'slide_id' => esc_html($_REQUEST['slide_id']),
325	'file_namesML' => esc_html($_REQUEST['file_namesML']),
326	'importer_img_width' => esc_html($_REQUEST['importer_img_width']),

filemanager/model.php CHANGED Viewed

	@@ -36,9 +36,9 @@ class FilemanagerModel {
36	$data['files_count'] = $get_files_data['files_count'];
37	$data['all_files'] = $get_files_data['all_files'];
38	$data['element_load_count'] = $this->element_load_count;
39	- $data['extensions'] = (isset($_REQUEST['extensions']) ? esc_html($_REQUEST['extensions']) : '');
40	- $data['callback'] = (isset($_REQUEST['callback']) ? esc_html($_REQUEST['callback']) : '');
41	- $data['image_for'] = (isset($_REQUEST['image_for']) ? esc_html($_REQUEST['image_for']) : '');
42	$data['slide_id'] = (isset($_REQUEST['slide_id']) ? esc_html($_REQUEST['slide_id']) : '');
43
44	return $data;
	@@ -81,8 +81,8 @@ class FilemanagerModel {
81	function get_files($sort_by, $sort_order) {
82	$icons_dir_path = WD_S_DIR . '/filemanager/images/file_icons';
83	$icons_dir_url = WD_S_URL . '/filemanager/images/file_icons';
84	- $valid_types = explode(',', isset($_REQUEST['extensions']) ? ~~strtolower(~~esc_html($_REQUEST['extensions'])) : '*');
85	- $image_for = isset($_REQUEST['image_for']) ? esc_html($_REQUEST['image_for']) : '';
86	$dir = (isset($_REQUEST['dir']) ? '/' . htmlspecialchars_decode(stripslashes(esc_html(str_replace('../', '', $_REQUEST['dir']))), ENT_COMPAT \| ENT_QUOTES) : '');
87	$parent_dir = $this->controller->get_uploads_dir() . $dir;
88	$parent_dir = str_replace('../', '', $parent_dir);


36	$data['files_count'] = $get_files_data['files_count'];
37	$data['all_files'] = $get_files_data['all_files'];
38	$data['element_load_count'] = $this->element_load_count;
39	+ $data['extensions'] = (isset($_REQUEST['extensions']) ? esc_html($_REQUEST['extensions']) : 'jpg,jpeg,png,gif');
40	+ $data['callback'] = (isset($_REQUEST['callback']) ? esc_html($_REQUEST['callback']) : 'wds_add_image');
41	+ $data['image_for'] = (isset($_REQUEST['image_for']) ? esc_html($_REQUEST['image_for']) : 'add_slides');
42	$data['slide_id'] = (isset($_REQUEST['slide_id']) ? esc_html($_REQUEST['slide_id']) : '');
43
44	return $data;

81	function get_files($sort_by, $sort_order) {
82	$icons_dir_path = WD_S_DIR . '/filemanager/images/file_icons';
83	$icons_dir_url = WD_S_URL . '/filemanager/images/file_icons';
84	+ $valid_types = explode(',', (isset($_REQUEST['extensions']) ? esc_html($_REQUEST['extensions']) : 'jpg,jpeg,png,gif'));
85	+ $image_for = (isset($_REQUEST['image_for']) ? esc_html($_REQUEST['image_for']) : 'add_slides');
86	$dir = (isset($_REQUEST['dir']) ? '/' . htmlspecialchars_decode(stripslashes(esc_html(str_replace('../', '', $_REQUEST['dir']))), ENT_COMPAT \| ENT_QUOTES) : '');
87	$parent_dir = $this->controller->get_uploads_dir() . $dir;
88	$parent_dir = str_replace('../', '', $parent_dir);

filemanager/view.php CHANGED Viewed

	@@ -69,8 +69,8 @@ class FilemanagerView {
69	var root = "<?php echo addslashes($this->controller->get_uploads_dir()); ?>";
70	var dir = "<?php echo (isset($_REQUEST['dir']) ? trim(esc_html($_REQUEST['dir'])) : ''); ?>";
71	var dirUrl = "<?php echo $this->controller->get_uploads_url() . (isset($_REQUEST['dir']) ? esc_html($_REQUEST['dir']) . '/' : ''); ?>";
72	- var callback = "<?php echo (isset($_REQUEST['callback']) ? esc_html($_REQUEST['callback']) : ''); ?>";
73	- var image_for = "<?php echo (isset($_REQUEST['image_for']) ? esc_html($_REQUEST['image_for']) : ''); ?>";
74	var slide_id = "<?php echo (isset($_REQUEST['slide_id']) ? esc_html($_REQUEST['slide_id']) : ''); ?>";
75	var layer_id = "<?php echo (isset($_REQUEST['layer_id']) ? esc_html($_REQUEST['layer_id']) : ''); ?>";
76	var sortBy = "<?php echo $sort_by; ?>";
	@@ -348,9 +348,9 @@ class FilemanagerView {
348	</div>
349	</div>
350	<input type="hidden" name="task" value="" />
351	- <input type="hidden" name="extensions" value="<?php echo (isset($_REQUEST['extensions']) ? esc_html($_REQUEST['extensions']) : '*'); ?>" />
352	- <input type="hidden" name="callback" value="<?php echo (isset($_REQUEST['callback']) ? esc_html($_REQUEST['callback']) : ''); ?>" />
353	- <input type="hidden" name="image_for" value="<?php echo (isset($_REQUEST['image_for']) ? esc_html($_REQUEST['image_for']) : ''); ?>" />
354	<input type="hidden" name="slide_id" value="<?php echo (isset($_REQUEST['slide_id']) ? esc_html($_REQUEST['slide_id']) : ''); ?>" />
355	<input type="hidden" name="layer_id" value="<?php echo (isset($_REQUEST['layer_id']) ? esc_html($_REQUEST['layer_id']) : ''); ?>" />
356	<input type="hidden" name="sort_by" value="<?php echo $sort_by; ?>" />


69	var root = "<?php echo addslashes($this->controller->get_uploads_dir()); ?>";
70	var dir = "<?php echo (isset($_REQUEST['dir']) ? trim(esc_html($_REQUEST['dir'])) : ''); ?>";
71	var dirUrl = "<?php echo $this->controller->get_uploads_url() . (isset($_REQUEST['dir']) ? esc_html($_REQUEST['dir']) . '/' : ''); ?>";
72	+ var callback = "<?php echo (isset($_REQUEST['callback']) ? esc_html($_REQUEST['callback']) : 'wds_add_image'); ?>";
73	+ var image_for = "<?php echo (isset($_REQUEST['image_for']) ? esc_html($_REQUEST['image_for']) : 'add_slides'); ?>";
74	var slide_id = "<?php echo (isset($_REQUEST['slide_id']) ? esc_html($_REQUEST['slide_id']) : ''); ?>";
75	var layer_id = "<?php echo (isset($_REQUEST['layer_id']) ? esc_html($_REQUEST['layer_id']) : ''); ?>";
76	var sortBy = "<?php echo $sort_by; ?>";

348	</div>
349	</div>
350	<input type="hidden" name="task" value="" />
351	+ <input type="hidden" name="extensions" value="<?php echo (isset($_REQUEST['extensions']) ? esc_html($_REQUEST['extensions']) : 'jpg,jpeg,png,gif'); ?>" />
352	+ <input type="hidden" name="callback" value="<?php echo (isset($_REQUEST['callback']) ? esc_html($_REQUEST['callback']) : 'wds_add_image'); ?>" />
353	+ <input type="hidden" name="image_for" value="<?php echo (isset($_REQUEST['image_for']) ? esc_html($_REQUEST['image_for']) : 'add_slides'); ?>" />
354	<input type="hidden" name="slide_id" value="<?php echo (isset($_REQUEST['slide_id']) ? esc_html($_REQUEST['slide_id']) : ''); ?>" />
355	<input type="hidden" name="layer_id" value="<?php echo (isset($_REQUEST['layer_id']) ? esc_html($_REQUEST['layer_id']) : ''); ?>" />
356	<input type="hidden" name="sort_by" value="<?php echo $sort_by; ?>" />

framework/WDW_S_Library.php CHANGED Viewed

@@ -1,27 +1,9 @@
             <?php
-            -
             class WDW_S_Library {
-            -
              ////////////////////////////////////////////////////////////////////////////////////////
-            -
              // Events                                                                             //
-            -
              ////////////////////////////////////////////////////////////////////////////////////////
-            -
              ////////////////////////////////////////////////////////////////////////////////////////
-            -
              // Constants                                                                          //
-            -
              ////////////////////////////////////////////////////////////////////////////////////////
-            -
              ////////////////////////////////////////////////////////////////////////////////////////
-            -
              // Variables                                                                          //
-            -
              ////////////////////////////////////////////////////////////////////////////////////////
-            -
              ////////////////////////////////////////////////////////////////////////////////////////
-            -
              // Constructor & Destructor                                                           //
-            -
              ////////////////////////////////////////////////////////////////////////////////////////
               public function __construct() {
+              }
-            -
              ////////////////////////////////////////////////////////////////////////////////////////
-            -
              // Public Methods                                                                     //
-            -
              ////////////////////////////////////////////////////////////////////////////////////////
-            -
              ////////////////////////////////////////////////////////////////////////////////////////
-            -
              // Getters & Setters                                                                  //
-            -
              ////////////////////////////////////////////////////////////////////////////////////////
               public static function get($key, $default_value = '') {
                 if (isset($_GET[$key])) {
                   $value = $_GET[$key];
@@ -38,143 +20,161 @@ class WDW_S_Library {
                 return esc_html($value);
+              }
-            -
              public static function message_id($message_id) {
                 if ($message_id) {
-            -
                  switch($message_id) {
                     case 1: {
                       $message = __('Item Succesfully Saved.', 'wds');
                       $type = 'wd_updated';
                       break;
-            -
+                    }
                     case 2: {
                       $message = __('Error. Please install plugin again.', 'wds');
                       $type = 'wd_error';
                       break;
-            -
+                    }
                     case 3: {
                       $message = __('Item Succesfully Deleted.', 'wds');
                       $type = 'wd_updated';
                       break;
-            -
+                    }
                     case 4: {
                       $message = __("You can't delete default theme", 'wds');
                       $type = 'wd_error';
                       break;
-            -
+                    }
                     case 5: {
                       $message = __('Items Succesfully Deleted.', 'wds');
                       $type = 'wd_updated';
                       break;
-            -
+                    }
                     case 6: {
                       $message = __('You must select at least one item.', 'wds');
                       $type = 'wd_error';
                       break;
-            -
+                    }
                     case 7: {
                       $message = __('The item is successfully set as default.', 'wds');
                       $type = 'wd_updated';
                       break;
-            -
+                    }
                     case 8: {
                       $message = __('Options Succesfully Saved.', 'wds');
                       $type = 'wd_updated';
                       break;
-            -
+                    }
                     case 9: {
                       $message = __('Item Succesfully Published.', 'wds');
                       $type = 'wd_updated';
                       break;
-            -
+                    }
                     case 10: {
                       $message = __('Items Succesfully Published.', 'wds');
                       $type = 'wd_updated';
                       break;
-            -
+                    }
                     case 11: {
                       $message = __('Item Succesfully Unpublished.', 'wds');
                       $type = 'wd_updated';
                       break;
-            -
+                    }
                     case 12: {
                       $message = __('Items Succesfully Unpublished.', 'wds');
                       $type = 'wd_updated';
                       break;
-            -
+                    }
                     case 13: {
                       $message = __('Ordering Succesfully Saved.', 'wds');
                       $type = 'wd_updated';
                       break;
-            -
+                    }
                     case 14: {
                       $message = __('A term with the name provided already exists.', 'wds');
                       $type = 'wd_error';
                       break;
-            -
+                    }
                     case 15: {
                       $message = __('Name field is required.', 'wds');
                       $type = 'wd_error';
                       break;
-            -
+                    }
                     case 16: {
                       $message = __('The slug must be unique.', 'wds');
                       $type = 'wd_error';
                       break;
-            -
+                    }
                     case 17: {
                       $message = __('Changes must be saved.', 'wds');
                       $type = 'wd_error';
                       break;
-            -
+                    }
                     case 18: {
                       $message = __('You must set watermark type.', 'wds');
                       $type = 'wd_error';
                       break;
-            -
+                    }
                     case 19: {
                       $message = __('Watermark Succesfully Set.', 'wds');
                       $type = 'wd_updated';
                       break;
-            -
+                    }
                     case 20: {
                       $message = __('Watermark Succesfully Reset.', 'wds');
                       $type = 'wd_updated';
                       break;
-            -
+                    }
                     case 21: {
                       $message = __('Settings Succesfully Reset.', 'wds');
                       $type = 'wd_updated';
                       break;
-            -
+                    }
                     default: {
                       $message = '';
-            -
                      $type = 'wd_error';
                       break;
+                    }
+                  }
-            -
                  return '<div style="width:99%"><div class="' . $type . '"><p><strong>'. $message .'</strong></p></div></div>';
+                }
+              }
               public static function message($message, $type) {
@@ -182,8 +182,9 @@ class WDW_S_Library {
+              }
               public static function search($search_by, $search_value, $form_id) {
                 ?>
-            -
                <div class="alignright actions" style="clear: both;">
                   <script>
                     function spider_search(event) {
                       if (typeof event != 'undefined') {
@@ -215,18 +216,12 @@ class WDW_S_Library {
+                    }
                   </script>
                   <div class="alignleft actions">
-            -
                    <label for="search_value" style="font-size:14px; width:50px; display:inline-block;"><?php echo $search_by; ?>:</label>
-            -
                    <input type="text"
                            id="search_value"
                            name="search_value"
-            -
                           class="spider_search_value"
                            value="<?php echo esc_html($search_value); ?>"
-            -
                           style="box-shadow: none; margin-right: 5px; width: 150px;<?php echo (get_bloginfo('version') > '3.7') ? ' height: 32px;' : ''; ?>"
                            onkeypress="spider_search(event)" />
-            -
                  </div>
-            -
                  <div class="alignleft actions">
-            -
                    <input type="button" value="<?php _e('Search', 'wds');?>" id="wds_search" onclick="spider_search()" class="wds_button-secondary action" />
-            -
                    <input type="button" value="<?php _e('Reset', 'wds');?>" id="wds_reset" onclick="spider_reset()" class="wds_button-secondary action" />
                   </div>
                 </div>
                 <?php
@@ -322,7 +317,7 @@ class WDW_S_Library {
                     <?php
                     if ($count_items != 0) {
                       echo $count_items;
-            -
                      _e('item', 'wds');
                       echo (($count_items == 1) ? '' : __('s', 'wds'));
+                    }
                     ?>
@@ -347,8 +342,8 @@ class WDW_S_Library {
+                    }
                   ?>
                   <span class="pagination-links">
-            -
                    <a class="<?php echo $first_page; ?>" title="<?php _e('Go to the first page', 'wds');?>" href="javascript:spider_page(<?php echo $page_number; ?>,-2);">«</a>
-            -
                    <a class="<?php echo $prev_page; ?>" title="<?php _e('Go to the previous page', 'wds');?>" href="javascript:spider_page(<?php echo $page_number; ?>,-1);">‹</a>
                     <span class="paging-input">
                       <span class="total-pages">
                       <input class="current_page" id="current_page" name="current_page" value="<?php echo $page_number; ?>" onkeypress="return check_enter_key(event)" title="Go to the page" type="text" size="1" />
@@ -357,8 +352,8 @@ class WDW_S_Library {
                         <?php echo $items_county; ?>
                       </span>
                     </span>
-            -
                    <a class="<?php echo $next_page ?>" title="<?php _e('Go to the next page', 'wds');?>" href="javascript:spider_page(<?php echo $page_number; ?>,1);">›</a>
-            -
                    <a class="<?php echo $last_page ?>" title="<?php _e('Go to the last page', 'wds');?>" href="javascript:spider_page(<?php echo $page_number; ?>,2);">»</a>
                     <?php
+                  }
                   ?>
@@ -369,32 +364,6 @@ class WDW_S_Library {
                 <?php
+              }
-            -
              public static function ajax_search($search_by, $search_value, $form_id) {
-            -
                ?>
-            -
                <div class="alignleft actions" style="clear:both;">
-            -
                  <script>
-            -
                    function spider_search() {
-            -
                      document.getElementById("page_number").value = "1";
-            -
                      document.getElementById("search_or_not").value = "search";
-            -
                    }
-            -
                    function spider_reset() {
-            -
                      if (document.getElementById("search_value")) {
-            -
                        document.getElementById("search_value").value = "";
-            -
                      }
-            -
                    }
-            -
                  </script>
-            -
                  <div class="alignleft actions" style="">
-            -
                    <label for="search_value" style="font-size:14px; width:60px; display:inline-block;"><?php echo $search_by; ?>:</label>
-            -
                    <input type="text" id="search_value" name="search_value" class="spider_search_value" value="<?php echo esc_html($search_value); ?>" style="width: 150px;<?php echo (get_bloginfo('version') > '3.7') ? ' height: 32px;' : ''; ?>" />
-            -
                  </div>
-            -
                  <div class="alignleft actions">
-            -
                    <input type="button" value="<?php _e('Search', 'wds'); ?>" onclick="spider_search()" class="button-secondary action">
-            -
                    <input type="button" value="<?php _e('Reset', 'wds'); ?>" onclick="spider_reset()" class="button-secondary action">
-            -
                  </div>
-            -
                </div>
-            -
                <?php
-            -
              }
-            -
               public static function ajax_html_page_nav($count_items, $page_number, $form_id) {
                 $limit = 20;
                 if ($count_items) {
@@ -457,10 +426,10 @@ class WDW_S_Library {
                   <span class="displaying-num">
                     <?php
                     if ($count_items != 0) {
-            -
                      echo $count_items;
-            -
                      _e('item', 'wds');
-            -
                      echo (($count_items == 1) ? '' : __('s', 'wds'));
-            -
                    }
                     ?>
                   </span>
                   <?php
@@ -567,7 +536,7 @@ class WDW_S_Library {
                 $wds_global_options = get_option("wds_global_options", 0);
                 $global_options = json_decode($wds_global_options);
                 $possib_add_ffamily_google = isset($global_options->possib_add_ffamily_google) ? $global_options->possib_add_ffamily_google : '';
-            -
                $google_fonts = array('ABeeZee' => 'ABeeZee', 'Abel' => 'Abel', 'Abril Fatface' => 'Abril Fatface', 'Aclonica' => 'Aclonica', 'Acme' => 'Acme', 'Actor' => 'Actor', 'Adamina' => 'Adamina', 'Advent Pro' => 'Advent Pro', 'Aguafina Script' => 'Aguafina Script', 'Akronim' => 'Akronim', 'Aladin' => 'Aladin', 'Aldrich' => 'Aldrich', 'Alef' => 'Alef', 'Alegreya' => 'Alegreya', 'Alegreya SC' => 'Alegreya SC', 'Alegreya Sans' => 'Alegreya Sans', 'Alex Brush' => 'Alex Brush', 'Alfa Slab One' => 'Alfa Slab One', 'Alice' => 'Alice', 'Alike' => 'Alike', 'Alike Angular' => 'Alike Angular', 'Allan' => 'Allan', 'Allerta' => 'Allerta', 'Allerta Stencil' => 'Allerta Stencil', 'Allura' => 'Allura', 'Almendra' => 'Almendra', 'Almendra display' => 'Almendra Display', 'Almendra sc' => 'Almendra SC', 'Amarante' => 'Amarante', 'Amaranth' => 'Amaranth', 'Amatic sc' => 'Amatic SC', 'Amethysta' => 'Amethysta', 'Amiri' => 'Amiri', 'Amita' => 'Amita', 'Anaheim' => 'Anaheim', 'Andada' => 'Andada', 'Andika' => 'Andika', 'Angkor' => 'Angkor', 'Annie Use Your Telescope' => 'Annie Use Your Telescope', 'Anonymous Pro' => 'Anonymous Pro', 'Antic' => 'Antic', 'Antic Didone' => 'Antic Didone', 'Antic Slab' => 'Antic Slab', 'Anton' => 'Anton', 'Arapey' => 'Arapey', 'Arbutus' => 'Arbutus', 'Arbutus slab' => 'Arbutus Slab', 'Architects daughter' => 'Architects Daughter', 'Archivo black' => 'Archivo Black', 'Archivo narrow' => 'Archivo Narrow', 'Arimo' => 'Arimo', 'Arizonia' => 'Arizonia', 'Armata' => 'Armata', 'Artifika' => 'Artifika', 'Arvo' => 'Arvo', 'Arya' => 'Arya', 'Asap' => 'Asap', 'Asar' => 'Asar', 'Asset' => 'Asset', 'Astloch' => 'Astloch', 'Asul' => 'Asul', 'Atomic age' => 'Atomic Age', 'Aubrey' => 'Aubrey', 'Audiowide' => 'Audiowide', 'Autour one' => 'Autour One', 'Average' => 'Average', 'Average Sans' => 'Average Sans', 'Averia Gruesa Libre' => 'Averia Gruesa Libre', 'Averia Libre' => 'Averia Libre', 'Averia Sans Libre' => 'Averia Sans Libre', 'Averia Serif Libre' => 'Averia Serif Libre', 'Bad Script' => 'Bad Script', 'Balthazar' => 'Balthazar', 'Bangers' => 'Bangers', 'Basic' => 'Basic', 'Battambang' => 'Battambang', 'Baumans' => 'Baumans', 'Bayon' => 'Bayon', 'Belgrano' => 'Belgrano', 'BenchNine' => 'BenchNine', 'Bentham' => 'Bentham', 'Berkshire Swash' => 'Berkshire Swash', 'Bevan' => 'Bevan', 'Bigelow Rules' => 'Bigelow Rules', 'Bigshot One' => 'Bigshot One', 'Bilbo' => 'Bilbo', 'Bilbo Swash Caps' => 'Bilbo Swash Caps', 'Biryani' => 'Biryani', 'Bitter' => 'Bitter', 'Black Ops One' => 'Black Ops One', 'Bokor' => 'Bokor', 'Bonbon' => 'Bonbon', 'Boogaloo' => 'Boogaloo', 'Bowlby One' => 'Bowlby One', 'bowlby One SC' => 'Bowlby One SC', 'Brawler' => 'Brawler', 'Bree Serif' => 'Bree Serif', 'Bubblegum Sans' => 'Bubblegum Sans', 'Bubbler One' => 'Bubbler One', 'Buda' => 'Buda', 'Buda Light 300' => 'Buda Light 300', 'Buenard' => 'Buenard', 'Butcherman' => 'Butcherman', 'Butterfly Kids' => 'Butterfly Kids', 'Cabin' => 'Cabin', 'Cabin Condensed' => 'Cabin Condensed', 'Cabin Sketch' => 'Cabin Sketch', 'Caesar Dressing' => 'Caesar Dressing', 'Cagliostro' => 'Cagliostro', 'Calligraffitti' => 'Calligraffitti', 'Cambay' => 'Cambay', 'Cambo' => 'Cambo', 'Candal' => 'Candal', 'Cantarell' => 'Cantarell', 'Cantata One' => 'Cantata One', 'Cantora One' => 'Cantora One', 'Capriola' => 'Capriola', 'Cardo' => 'Cardo', 'Carme' => 'Carme', 'Carrois Gothic' => 'Carrois Gothic', 'Carrois Gothic SC' => 'Carrois Gothic SC', 'Carter One' => 'Carter One', 'Caudex' => 'Caudex', 'Caveat Brush' => 'Caveat Brush', 'Cedarville cursive' => 'Cedarville Cursive', 'Ceviche One' => 'Ceviche One', 'Changa One' => 'Changa One', 'Chango' => 'Chango', 'Chau philomene One' => 'Chau Philomene One', 'Chela One' => 'Chela One', 'Chelsea Market' => 'Chelsea Market', 'Chenla' => 'Chenla', 'Cherry Cream Soda' => 'Cherry Cream Soda', 'Chewy' => 'Chewy', 'Chicle' => 'Chicle', 'Chivo' => 'Chivo', 'Chonburi' => 'Chonburi', 'Cinzel' => 'Cinzel', 'Cinzel Decorative' => 'Cinzel Decorative', 'Clicker Script' => 'Clicker Script', 'Coda' => 'Coda', 'Coda Caption' => 'Coda Caption', 'Codystar' => 'Codystar', 'Combo' => 'Combo', 'Comfortaa' => 'Comfortaa', 'Coming soon' => 'Coming Soon', 'Concert One' => 'Concert One', 'Condiment' => 'Condiment', 'Content' => 'Content', 'Contrail One' => 'Contrail One', 'Convergence' => 'Convergence', 'Cookie' => 'Cookie', 'Copse' => 'Copse', 'Corben' => 'Corben', 'Courgette' => 'Courgette', 'Cousine' => 'Cousine', 'Coustard' => 'Coustard', 'Covered By Your Grace' => 'Covered By Your Grace', 'Crafty Girls' => 'Crafty Girls', 'Creepster' => 'Creepster', 'Crete Round' => 'Crete Round', 'Crimson Text' => 'Crimson Text', 'Croissant One' => 'Croissant One', 'Crushed' => 'Crushed', 'Cuprum' => 'Cuprum', 'Cutive' => 'Cutive', 'Cutive Mono' => 'Cutive Mono', 'Damion' => 'Damion', 'Dancing Script' => 'Dancing Script', 'Dangrek' => 'Dangrek', 'Dawning of a New Day' => 'Dawning of a New Day', 'Days One' => 'Days One', 'Dekko' => 'Dekko', 'Delius' => 'Delius', 'Delius Swash Caps' => 'Delius Swash Caps', 'Delius Unicase' => 'Delius Unicase', 'Della Respira' => 'Della Respira', 'Denk One' => 'Denk One', 'Devonshire' => 'Devonshire', 'Dhurjati' => 'Dhurjati', 'Didact Gothic' => 'Didact Gothic', 'Diplomata' => 'Diplomata', 'Diplomata SC' => 'Diplomata SC', 'Domine' => 'Domine', 'Donegal One' => 'Donegal One', 'Doppio One' => 'Doppio One', 'Dorsa' => 'Dorsa', 'Dosis' => 'Dosis', 'Dr Sugiyama' => 'Dr Sugiyama', 'Droid Sans' => 'Droid Sans', 'Droid Sans Mono' => 'Droid Sans Mono', 'Droid Serif' => 'Droid Serif', 'Duru Sans' => 'Duru Sans', 'Dynalight' => 'Dynalight', 'Eb Garamond' => 'EB Garamond', 'Eagle Lake' => 'Eagle Lake', 'Eater' => 'Eater', 'Economica' => 'Economica', 'Eczar' => 'Eczar', 'Ek Mukta' => 'Ek Mukta', 'Electrolize' => 'Electrolize', 'Elsie' => 'Elsie', 'Elsie Swash Caps' => 'Elsie Swash Caps', 'Emblema One' => 'Emblema One', 'Emilys Candy' => 'Emilys Candy', 'Engagement' => 'Engagement', 'Englebert' => 'Englebert', 'Enriqueta' => 'Enriqueta', 'Erica One' => 'Erica One', 'Esteban' => 'Esteban', 'Euphoria Script' => 'Euphoria Script', 'Ewert' => 'Ewert', 'Exo' => 'Exo', 'Exo 2' => 'Exo 2', 'Expletus Sans' => 'Expletus Sans', 'Fanwood Text' => 'Fanwood Text', 'Fascinate' => 'Fascinate', 'Fascinate Inline' => 'Fascinate Inline', 'Faster One' => 'Faster One', 'Fasthand' => 'Fasthand', 'Fauna One' => 'Fauna One', 'Federant' => 'Federant', 'Federo' => 'Federo', 'Felipa' => 'Felipa', 'Fenix' => 'Fenix', 'Finger Paint' => 'Finger Paint', 'Fira Mono' => 'Fira Mono', 'Fjalla One' => 'Fjalla One', 'Fjord One' => 'Fjord One', 'Flamenco' => 'Flamenco', 'Flavors' => 'Flavors', 'Fondamento' => 'Fondamento', 'Fontdiner swanky' => 'Fontdiner Swanky', 'Forum' => 'Forum', 'Francois One' => 'Francois One', 'Freckle Face' => 'Freckle Face', 'Fredericka the Great' => 'Fredericka the Great', 'Fredoka One' => 'Fredoka One', 'Freehand' => 'Freehand', 'Fresca' => 'Fresca', 'Frijole' => 'Frijole', 'Fruktur' => 'Fruktur', 'Fugaz One' => 'Fugaz One', 'GFS Didot' => 'GFS Didot', 'GFS Neohellenic' => 'GFS Neohellenic', 'Gabriela' => 'Gabriela', 'Gafata' => 'Gafata', 'Galdeano' => 'Galdeano', 'Galindo' => 'Galindo', 'Gentium Basic' => 'Gentium Basic', 'Gentium Book Basic' => 'Gentium Book Basic', 'Geo' => 'Geo', 'Geostar' => 'Geostar', 'Geostar Fill' => 'Geostar Fill', 'Germania One' => 'Germania One', 'Gidugu' => 'Gidugu', 'Gilda Display' => 'Gilda Display', 'Give You Glory' => 'Give You Glory', 'Glass Antiqua' => 'Glass Antiqua', 'Glegoo' => 'Glegoo', 'Gloria Hallelujah' => 'Gloria Hallelujah', 'Goblin One' => 'Goblin One', 'Gochi Hand' => 'Gochi Hand', 'Gorditas' => 'Gorditas', 'Goudy Bookletter 1911' => 'Goudy Bookletter 1911', 'Graduate' => 'Graduate', 'Grand Hotel' => 'Grand Hotel', 'Gravitas One' => 'Gravitas One', 'Great Vibes' => 'Great Vibes', 'Griffy' => 'Griffy', 'Gruppo' => 'Gruppo', 'Gudea' => 'Gudea', 'Gurajada' => 'Gurajada', 'Habibi' => 'Habibi', 'Halant' => 'Halant', 'Hammersmith One' => 'Hammersmith One', 'Hanalei' => 'Hanalei', 'Hanalei Fill' => 'Hanalei Fill', 'Handlee' => 'Handlee', 'Hanuman' => 'Hanuman', 'Happy Monkey' => 'Happy Monkey', 'Headland One' => 'Headland One', 'Henny Penny' => 'Henny Penny', 'Herr Von Muellerhoff' => 'Herr Von Muellerhoff', 'Hind' => 'Hind', 'Holtwood One  SC' => 'Holtwood One SC', 'Homemade Apple' => 'Homemade Apple', 'Homenaje' => 'Homenaje', 'IM Fell DW Pica' => 'IM Fell DW Pica', 'IM Fell DW Pica SC' => 'IM Fell DW Pica SC', 'IM Fell Double Pica' => 'IM Fell Double Pica', 'IM Fell Double Pica SC' => 'IM Fell Double Pica SC', 'IM Fell English' => 'IM Fell English', 'IM Fell English SC' => 'IM Fell English SC', 'IM Fell French Canon' => 'IM Fell French Canon', 'IM Fell French Canon SC' => 'IM Fell French Canon SC', 'IM Fell Great Primer' => 'IM Fell Great Primer', 'IM Fell Great Primer SC' => 'IM Fell Great Primer SC', 'Iceberg' => 'Iceberg', 'Iceland' => 'Iceland', 'Imprima' => 'Imprima', 'Inconsolata' => 'Inconsolata', 'Inder' => 'Inder', 'Indie Flower' => 'Indie Flower', 'Inika' => 'Inika', 'Inknut Antiqua' => 'Inknut Antiqua', 'Irish Grover' => 'Irish Grover', 'Istok Web' => 'Istok Web', 'Italiana' => 'Italiana', 'Italianno' => 'Italianno', 'Itim' => 'Itim', 'Jacques Francois' => 'Jacques Francois', 'Jacques Francois Shadow' => 'Jacques Francois Shadow', 'Jaldi' => 'Jaldi', 'Jim Nightshade' => 'Jim Nightshade', 'Jockey One' => 'Jockey One', 'Jolly Lodger' => 'Jolly Lodger', 'Josefin Sans' => 'Josefin Sans', 'Josefin Slab' => 'Josefin Slab', 'Joti One' => 'Joti One', 'Judson' => 'Judson', 'Julee' => 'Julee', 'Julius Sans One' => 'Julius Sans One', 'Junge' => 'Junge', 'Jura' => 'Jura', 'Just Another Hand' => 'Just Another Hand', 'Just Me Again Down Here' => 'Just Me Again Down Here', 'Kadwa' => 'Kadwa', 'Kameron' => 'Kameron', 'Kanit' => 'Kanit', 'Karla' => 'Karla', 'Kaushan Script' => 'Kaushan Script', 'Kavoon' => 'Kavoon', 'Keania One' => 'Keania One', 'kelly Slab' => 'Kelly Slab', 'Kenia' => 'Kenia', 'Khand' => 'Khand', 'Khmer' => 'Khmer', 'Khula' => 'Khula', 'Kite One' => 'Kite One', 'Knewave' => 'Knewave', 'Kotta One' => 'Kotta One', 'Koulen' => 'Koulen', 'Kranky' => 'Kranky', 'Kreon' => 'Kreon', 'Kristi' => 'Kristi', 'Krona One' => 'Krona One', 'Kurale' => 'Kurale', 'La Belle Aurore' => 'La Belle Aurore', 'Laila' => 'Laila', 'Lakki Reddy' => 'Lakki Reddy', 'Lancelot' => 'Lancelot', 'Lateef' => 'Lateef', 'Lato' => 'Lato', 'League Script' => 'League Script', 'Leckerli One' => 'Leckerli One', 'Ledger' => 'Ledger', 'Lekton' => 'Lekton', 'Lemon' => 'Lemon', 'Libre Baskerville' => 'Libre Baskerville', 'Life Savers' => 'Life Savers', 'Lilita One' => 'Lilita One', 'Lily Script One' => 'Lily Script One', 'Limelight' => 'Limelight', 'Linden Hill' => 'Linden Hill', 'Lobster' => 'Lobster', 'Lobster Two' => 'Lobster Two', 'Londrina Outline' => 'Londrina Outline', 'Londrina Shadow' => 'Londrina Shadow', 'Londrina Sketch' => 'Londrina Sketch', 'Londrina Solid' => 'Londrina Solid', 'Lora' => 'Lora', 'Love Ya Like A Sister' => 'Love Ya Like A Sister', 'Loved by the King' => 'Loved by the King', 'Lovers Quarrel' => 'Lovers Quarrel', 'Luckiest Guy' => 'Luckiest Guy', 'Lusitana' => 'Lusitana', 'Lustria' => 'Lustria', 'Macondo' => 'Macondo', 'Macondo Swash Caps' => 'Macondo Swash Caps', 'Magra' => 'Magra', 'Maiden Orange' => 'Maiden Orange', 'Mako' => 'Mako', 'Mandali' => 'Mandali', 'Marcellus' => 'Marcellus', 'Marcellus SC' => 'Marcellus SC', 'Marck Script' => 'Marck Script', 'Margarine' => 'Margarine', 'Marko One' => 'Marko One', 'Marmelad' => 'Marmelad', 'Martel' => 'Martel', 'Martel Sans' => 'Martel Sans', 'Marvel' => 'Marvel', 'Mate' => 'Mate', 'Mate SC' => 'Mate SC', 'Maven Pro' => 'Maven Pro', 'McLaren' => 'McLaren', 'Meddon' => 'Meddon', 'MedievalSharp' => 'MedievalSharp', 'Medula One' => 'Medula One', 'Megrim' => 'Megrim', 'Meie Script' => 'Meie Script', 'Merienda' => 'Merienda', 'Merienda One' => 'Merienda One', 'Merriweather' => 'Merriweather', 'Merriweather Sans' => 'Merriweather Sans', 'Metal' => 'Metal', 'Metal mania' => 'Metal Mania', 'Metamorphous' => 'Metamorphous', 'Metrophobic' => 'Metrophobic', 'Michroma' => 'Michroma', 'Milonga' => 'Milonga', 'Miltonian' => 'Miltonian', 'Miltonian Tattoo' => 'Miltonian Tattoo', 'Miniver' => 'Miniver', 'Miss Fajardose' => 'Miss Fajardose', 'Modak' => 'Modak', 'Modern Antiqua' => 'Modern Antiqua', 'Molengo' => 'Molengo', 'Molle' => 'Molle:400i', 'Monda' => 'Monda', 'Monofett' => 'Monofett', 'Monoton' => 'Monoton', 'Monsieur La Doulaise' => 'Monsieur La Doulaise', 'Montaga' => 'Montaga', 'Montez' => 'Montez', 'Montserrat' => 'Montserrat', 'Montserrat Alternates' => 'Montserrat Alternates', 'Montserrat Subrayada' => 'Montserrat Subrayada', 'Moul' => 'Moul', 'Moulpali' => 'Moulpali', 'Mountains of Christmas' => 'Mountains of Christmas', 'Mouse Memoirs' => 'Mouse Memoirs', 'Mr Bedfort' => 'Mr Bedfort', 'Mr Dafoe' => 'Mr Dafoe', 'Mr De Haviland' => 'Mr De Haviland', 'Mrs Saint Delafield' => 'Mrs Saint Delafield', 'Mrs Sheppards' => 'Mrs Sheppards', 'Muli' => 'Muli', 'Mystery Quest' => 'Mystery Quest', 'NTR' => 'NTR', 'Neucha' => 'Neucha', 'Neuton' => 'Neuton', 'New Rocker' => 'New Rocker', 'News Cycle' => 'News Cycle', 'Niconne' => 'Niconne', 'Nixie One' => 'Nixie One', 'Nobile' => 'Nobile', 'Nokora' => 'Nokora', 'Norican' => 'Norican', 'Nosifer' => 'Nosifer', 'Nothing You Could Do' => 'Nothing You Could Do', 'Noticia Text' => 'Noticia Text', 'Noto Sans' => 'Noto Sans', 'Noto Serif' => 'Noto Serif', 'Nova Cut' => 'Nova Cut', 'Nova Flat' => 'Nova Flat', 'Nova Mono' => 'Nova Mono', 'Nova Oval' => 'Nova Oval', 'Nova Round' => 'Nova Round', 'Nova Script' => 'Nova Script', 'Nova Slim' => 'Nova Slim', 'Nova Square' => 'Nova Square', 'Numans' => 'Numans', 'Nunito' => 'Nunito', 'Odor Mean Chey' => 'Odor Mean Chey', 'Offside' => 'Offside', 'Old standard tt' => 'Old Standard TT', 'Oldenburg' => 'Oldenburg', 'Oleo Script' => 'Oleo Script', 'Oleo Script Swash Caps' => 'Oleo Script Swash Caps', 'Open Sans' => 'Open Sans', 'Open Sans Condensed' => 'Open Sans Condensed:300', 'Oranienbaum' => 'Oranienbaum', 'Orbitron' => 'Orbitron', 'Oregano' => 'Oregano', 'Orienta' => 'Orienta', 'Original Surfer' => 'Original Surfer', 'Oswald' => 'Oswald', 'Over the Rainbow' => 'Over the Rainbow', 'Overlock' => 'Overlock', 'Overlock SC' => 'Overlock SC', 'Ovo' => 'Ovo', 'Oxygen' => 'Oxygen', 'Oxygen Mono' => 'Oxygen Mono', 'PT Mono' => 'PT Mono', 'PT Sans' => 'PT Sans', 'PT Sans Caption' => 'PT Sans Caption', 'PT Sans Narrow' => 'PT Sans Narrow', 'PT Serif' => 'PT Serif', 'PT Serif Caption' => 'PT Serif Caption', 'Pacifico' => 'Pacifico', 'Palanquin' => 'Palanquin', 'Palanquin Dark' => 'Palanquin Dark', 'Paprika' => 'Paprika', 'Parisienne' => 'Parisienne', 'Passero One' => 'Passero One', 'Passion One' => 'Passion One', 'Pathway Gothic One' => 'Pathway Gothic One', 'Patrick Hand' => 'Patrick Hand', 'Patrick Hand SC' => 'Patrick Hand SC', 'Patua One' => 'Patua One', 'Paytone One' => 'Paytone One', 'Peddana' => 'Peddana', 'Peralta' => 'Peralta', 'Permanent Marker' => 'Permanent Marker', 'Petit Formal Script' => 'Petit Formal Script', 'Petrona' => 'Petrona', 'Philosopher' => 'Philosopher', 'Piedra' => 'Piedra', 'Pinyon Script' => 'Pinyon Script', 'Pirata One' => 'Pirata One', 'Plaster' => 'Plaster', 'Play' => 'Play', 'Playball' => 'Playball', 'Playfair Display' => 'Playfair Display', 'Playfair Display SC' => 'Playfair Display SC', 'Podkova' => 'Podkova', 'Poiret One' => 'Poiret One', 'Poller One' => 'Poller One', 'Poly' => 'Poly', 'Pompiere' => 'Pompiere', 'Pontano Sans' => 'Pontano Sans', 'Poppins' => 'Poppins', 'Port Lligat Sans' => 'Port Lligat Sans', 'Port Lligat Slab' => 'Port Lligat Slab', 'Pragati Narrow' => 'Pragati Narrow', 'Prata' => 'Prata', 'Preahvihear' => 'Preahvihear', 'Press start 2P' => 'Press Start 2P', 'Princess Sofia' => 'Princess Sofia', 'Prociono' => 'Prociono', 'Prosto One' => 'Prosto One', 'Puritan' => 'Puritan', 'Purple Purse' => 'Purple Purse', 'Quando' => 'Quando', 'Quantico' => 'Quantico', 'Quattrocento' => 'Quattrocento', 'Quattrocento Sans' => 'Quattrocento Sans', 'Questrial' => 'Questrial', 'Quicksand' => 'Quicksand', 'Quintessential' => 'Quintessential', 'Qwigley' => 'Qwigley', 'Racing sans One' => 'Racing Sans One', 'Radley' => 'Radley', 'Rajdhani' => 'Rajdhani', 'Raleway' => 'Raleway', 'Raleway Dots' => 'Raleway Dots', 'Ramabhadra' => 'Ramabhadra', 'Ramaraja' => 'Ramaraja', 'Rambla' => 'Rambla', 'Rammetto One' => 'Rammetto One', 'Ranchers' => 'Ranchers', 'Rancho' => 'Rancho', 'Ranga' => 'Ranga', 'Rationale' => 'Rationale', 'Ravi Prakash' => 'Ravi Prakash', 'Redressed' => 'Redressed', 'Reenie Beanie' => 'Reenie Beanie', 'Revalia' => 'Revalia', 'Rhodium Libre' => 'Rhodium Libre', 'Ribeye' => 'Ribeye', 'Ribeye Marrow' => 'Ribeye Marrow', 'Righteous' => 'Righteous', 'Risque' => 'Risque', 'Roboto' => 'Roboto', 'Roboto Condensed' => 'Roboto Condensed', 'Roboto Mono' => 'Roboto Mono', 'Roboto Slab' => 'Roboto Slab', 'Rochester' => 'Rochester', 'Rock Salt' => 'Rock Salt', 'Rokkitt' => 'Rokkitt', 'Romanesco' => 'Romanesco', 'Ropa Sans' => 'Ropa Sans', 'Rosario' => 'Rosario', 'Rosarivo' => 'Rosarivo', 'Rouge Script' => 'Rouge Script', 'Rozha One' => 'Rozha One', 'Rubik' => 'Rubik', 'Rubik Mono One' => 'Rubik Mono One', 'Rubik One' => 'Rubik One', 'Ruda' => 'Ruda', 'Rufina' => 'Rufina', 'Ruge Boogie' => 'Ruge Boogie', 'Ruluko' => 'Ruluko', 'Rum Raisin' => 'Rum Raisin', 'Ruslan Display' => 'Ruslan Display', 'Russo One' => 'Russo One', 'Ruthie' => 'Ruthie', 'Rye' => 'Rye', 'Sacramento' => 'Sacramento', 'Sahitya' => 'Sahitya', 'Sail' => 'Sail', 'Salsa' => 'Salsa', 'Sanchez' => 'Sanchez', 'Sancreek' => 'Sancreek', 'Sansita One' => 'Sansita One', 'Sarina' => 'Sarina', 'Sarpanch' => 'Sarpanch', 'Satisfy' => 'Satisfy', 'Scada' => 'Scada', 'Schoolbell' => 'Schoolbell', 'Seaweed Script' => 'Seaweed Script', 'Sevillana' => 'Sevillana', 'Seymour One' => 'Seymour One', 'Shadows Into Light' => 'Shadows Into Light', 'Shadows Into Light Two' => 'Shadows Into Light Two', 'Shanti' => 'Shanti', 'Share' => 'Share', 'Share Tech' => 'Share Tech', 'Share Tech Mono' => 'Share Tech Mono', 'Shojumaru' => 'Shojumaru', 'Short Stack' => 'Short Stack', 'Siemreap' => 'Siemreap', 'Sigmar One' => 'Sigmar One', 'Signika' => 'Signika', 'Signika Negative' => 'Signika Negative', 'Simonetta' => 'Simonetta', 'Sintony' => 'Sintony', 'Sirin Stencil' => 'Sirin Stencil', 'Six Caps' => 'Six Caps', 'Skranji' => 'Skranji', 'Slabo 13px' => 'Slabo 13px', 'Slackey' => 'Slackey', 'Smokum' => 'Smokum', 'Smythe' => 'Smythe', 'Sniglet' => 'Sniglet', 'Snippet' => 'Snippet', 'Snowburst One' => 'Snowburst One', 'Sofadi One' => 'Sofadi One', 'Sofia' => 'Sofia', 'Sonsie One' => 'Sonsie One', 'Sorts Mill Goudy' => 'Sorts Mill Goudy', 'Source Code Pro' => 'Source Code Pro', 'Source Sans Pro' => 'Source Sans Pro', 'Source Serif Pro' => 'Source Serif Pro', 'Special Elite' => 'Special Elite', 'Spicy Rice' => 'Spicy Rice', 'Spinnaker' => 'Spinnaker', 'Spirax' => 'Spirax', 'Squada One' => 'Squada One', 'Sree Krushnadevaraya' => 'Sree Krushnadevaraya', 'Stalemate' => 'Stalemate', 'Stalinist One' => 'Stalinist One', 'Stardos Stencil' => 'Stardos Stencil', 'Stint Ultra Condensed' => 'Stint Ultra Condensed', 'Stint Ultra Expanded' => 'Stint Ultra Expanded', 'Stoke' => 'Stoke', 'Strait' => 'Strait', 'Sue Ellen Francisco' => 'Sue Ellen Francisco', 'Sumana' => 'Sumana', 'Sunshiney' => 'Sunshiney', 'Supermercado One' => 'Supermercado One', 'Sura' => 'Sura', 'Suranna' => 'Suranna', 'Suravaram' => 'Suravaram', 'Suwannaphum' => 'Suwannaphum', 'Swanky and Moo Moo' => 'Swanky and Moo Moo', 'Syncopate' => 'Syncopate', 'Tangerine' => 'Tangerine', 'Taprom' => 'Taprom', 'Tauri' => 'Tauri', 'Teko' => 'Teko', 'Telex' => 'Telex', 'Tenali Ramakrishna' => 'Tenali Ramakrishna', 'Tenor Sans' => 'Tenor Sans', 'Text Me One' => 'Text Me One', 'The Girl Next Door' => 'The Girl Next Door', 'Tienne' => 'Tienne', 'Tillana' => 'Tillana', 'Timmana' => 'Timmana', 'Tinos' => 'Tinos', 'Titan One' => 'Titan One', 'Titillium Web' => 'Titillium Web', 'Trade Winds' => 'Trade Winds', 'Trocchi' => 'Trocchi', 'Trochut' => 'Trochut', 'Trykker' => 'Trykker', 'Tulpen One' => 'Tulpen One', 'Ubuntu' => 'Ubuntu', 'Ubuntu Condensed' => 'Ubuntu Condensed', 'Ubuntu Mono' => 'Ubuntu Mono', 'Ultra' => 'Ultra', 'Uncial Antiqua' => 'Uncial Antiqua', 'Underdog' => 'Underdog', 'Unica One' => 'Unica One', 'UnifrakturCook' => 'UnifrakturCook:700', 'UnifrakturMaguntia' => 'UnifrakturMaguntia', 'Unkempt' => 'Unkempt', 'Unlock' => 'Unlock', 'Unna' => 'Unna', 'VT323' => 'VT323', 'Vampiro One' => 'Vampiro One', 'Varela' => 'Varela', 'Varela Round' => 'Varela Round', 'Vast Shadow' => 'Vast Shadow', 'Vibur' => 'Vibur', 'Vidaloka' => 'Vidaloka', 'Viga' => 'Viga', 'Voces' => 'Voces', 'Volkhov' => 'Volkhov', 'Vollkorn' => 'Vollkorn', 'Voltaire' => 'Voltaire', 'Waiting for the Sunrise' => 'Waiting for the Sunrise', 'Wallpoet' => 'Wallpoet', 'Walter Turncoat' => 'Walter Turncoat', 'Warnes' => 'Warnes', 'Wellfleet' => 'Wellfleet', 'Wendy One' => 'Wendy One', 'Wire One' => 'Wire One', 'Work Sans' => 'Work Sans', 'Yanone Kaffeesatz' => 'Yanone Kaffeesatz', 'Yantramanav' => 'Yantramanav', 'Yellowtail' => 'Yellowtail', 'Yeseva One' => 'Yeseva One', 'Yesteryear' => 'Yesteryear', 'Zeyada' => 'Zeyada');
                 if ($possib_add_ffamily_google != '') {
                   $possib_add_ffamily_google = explode("*WD*", $possib_add_ffamily_google);
                     foreach($possib_add_ffamily_google as $possib_add_value_google) {
@@ -672,4 +641,3808 @@ class WDW_S_Library {
                 return FALSE;
+              }
+            }


1	<?php

2	class WDW_S_Library {
3	+











4	public function __construct() {
5	}
6






7	public static function get($key, $default_value = '') {
8	if (isset($_GET[$key])) {
9	$value = $_GET[$key];

20	return esc_html($value);
21	}
22
23	+ /**
24	+ * Generate message container by message id or directly by message.
25	+ *
26	+ * @param int $message_id
27	+ * @param string $message If message_id is 0
28	+ * @param string $type
29	+ *
30	+ * @return mixed\|string\|void
31	+ */
32	+ public static function message_id($message_id, $message = '', $type = 'updated') {
33	if ($message_id) {
34	+ switch ( $message_id ) {
35	case 1: {
36	$message = __('Item Succesfully Saved.', 'wds');
37	$type = 'wd_updated';
38	break;

39	}
40	case 2: {
41	$message = __('Error. Please install plugin again.', 'wds');
42	$type = 'wd_error';
43	break;

44	}
45	case 3: {
46	$message = __('Item Succesfully Deleted.', 'wds');
47	$type = 'wd_updated';
48	break;

49	}
50	case 4: {
51	$message = __("You can't delete default theme", 'wds');
52	$type = 'wd_error';
53	break;

54	}
55	case 5: {
56	$message = __('Items Succesfully Deleted.', 'wds');
57	$type = 'wd_updated';
58	break;

59	}
60	case 6: {
61	$message = __('You must select at least one item.', 'wds');
62	$type = 'wd_error';
63	break;

64	}
65	case 7: {
66	$message = __('The item is successfully set as default.', 'wds');
67	$type = 'wd_updated';
68	break;

69	}
70	case 8: {
71	$message = __('Options Succesfully Saved.', 'wds');
72	$type = 'wd_updated';
73	break;

74	}
75	case 9: {
76	$message = __('Item Succesfully Published.', 'wds');
77	$type = 'wd_updated';
78	break;

79	}
80	case 10: {
81	$message = __('Items Succesfully Published.', 'wds');
82	$type = 'wd_updated';
83	break;

84	}
85	case 11: {
86	$message = __('Item Succesfully Unpublished.', 'wds');
87	$type = 'wd_updated';
88	break;

89	}
90	case 12: {
91	$message = __('Items Succesfully Unpublished.', 'wds');
92	$type = 'wd_updated';
93	break;

94	}
95	case 13: {
96	$message = __('Ordering Succesfully Saved.', 'wds');
97	$type = 'wd_updated';
98	break;

99	}
100	case 14: {
101	$message = __('A term with the name provided already exists.', 'wds');
102	$type = 'wd_error';
103	break;

104	}
105	case 15: {
106	$message = __('Name field is required.', 'wds');
107	$type = 'wd_error';
108	break;

109	}
110	case 16: {
111	$message = __('The slug must be unique.', 'wds');
112	$type = 'wd_error';
113	break;

114	}
115	case 17: {
116	$message = __('Changes must be saved.', 'wds');
117	$type = 'wd_error';
118	break;

119	}
120	case 18: {
121	$message = __('You must set watermark type.', 'wds');
122	$type = 'wd_error';
123	break;

124	}
125	case 19: {
126	$message = __('Watermark Succesfully Set.', 'wds');
127	$type = 'wd_updated';
128	break;

129	}
130	case 20: {
131	$message = __('Watermark Succesfully Reset.', 'wds');
132	$type = 'wd_updated';
133	break;

134	}
135	case 21: {
136	$message = __('Settings Succesfully Reset.', 'wds');
137	$type = 'wd_updated';
138	break;
139	+ }
140	+ case 22: {
141	+ $message = __('Items Succesfully Set.', 'wds');
142	+ $type = 'wd_updated';
143	+ break;
144	+ }
145	+ case 23: {
146	+ $message = __('Slider successfully imported.', 'wds');
147	+ $type = 'wd_updated';
148	+ break;
149	+ }
150	+ case 24: {
151	+ $message = __('Unexpected error occurred.', 'wds');
152	+ $type = 'wd_error';
153	+ break;
154	+ }
155	+ case 25: {
156	+ $message = __('You can include only posts with featured image.', 'wds');
157	+ $type = 'wd_updated';
158	+ break;
159	}
160	default: {
161	$message = '';

162	break;
163	}
164	}

165	}
166	+
167	+ if ( $message ) {
168	+ ob_start();
169	+ ?><div style="width: 99%;"><div class="<?php echo $type; ?> inline">
170	+ <p>
171	+ <strong><?php echo $message; ?></strong>
172	+ </p>
173	+ </div></div><?php
174	+ $message = ob_get_clean();
175	+ }
176	+
177	+ return $message;
178	}
179
180	public static function message($message, $type) {

182	}
183
184	public static function search($search_by, $search_value, $form_id) {
185	+ $search_position = ($form_id == 'posts_form') ? 'alignleft' : 'alignright';
186	?>
187	+ <div class="<?php echo $search_position; ?> actions" style="clear: both;">
188	<script>
189	function spider_search(event) {
190	if (typeof event != 'undefined') {

216	}
217	</script>
218	<div class="alignleft actions">
219	+ <input type="search"

220	id="search_value"
221	name="search_value"

222	value="<?php echo esc_html($search_value); ?>"

223	onkeypress="spider_search(event)" />
224	+ <input type="button" value="<?php _e('Search', 'wds'); ?>" onclick="spider_search()" class="button" />



225	</div>
226	</div>
227	<?php

317	<?php
318	if ($count_items != 0) {
319	echo $count_items;
320	+ _e(' item', 'wds');
321	echo (($count_items == 1) ? '' : __('s', 'wds'));
322	}
323	?>

342	}
343	?>
344	<span class="pagination-links">
345	+ <a class="<?php echo $first_page; ?>" title="<?php _e('Go to the first page', 'wds'); ?>" href="javascript:spider_page(<?php echo $page_number; ?>,-2);">«</a>
346	+ <a class="<?php echo $prev_page; ?>" title="<?php _e('Go to the previous page', 'wds'); ?>" href="javascript:spider_page(<?php echo $page_number; ?>,-1);">‹</a>
347	<span class="paging-input">
348	<span class="total-pages">
349	<input class="current_page" id="current_page" name="current_page" value="<?php echo $page_number; ?>" onkeypress="return check_enter_key(event)" title="Go to the page" type="text" size="1" />

352	<?php echo $items_county; ?>
353	</span>
354	</span>
355	+ <a class="<?php echo $next_page ?>" title="<?php _e('Go to the next page', 'wds'); ?>" href="javascript:spider_page(<?php echo $page_number; ?>,1);">›</a>
356	+ <a class="<?php echo $last_page ?>" title="<?php _e('Go to the last page', 'wds'); ?>" href="javascript:spider_page(<?php echo $page_number; ?>,2);">»</a>
357	<?php
358	}
359	?>

364	<?php
365	}
366


























367	public static function ajax_html_page_nav($count_items, $page_number, $form_id) {
368	$limit = 20;
369	if ($count_items) {

426	<span class="displaying-num">
427	<?php
428	if ($count_items != 0) {
429	+ echo $count_items;
430	+ _e('item', 'wds');
431	+ echo (($count_items == 1) ? '' : __('s', 'wds'));
432	+ }
433	?>
434	</span>
435	<?php

536	$wds_global_options = get_option("wds_global_options", 0);
537	$global_options = json_decode($wds_global_options);
538	$possib_add_ffamily_google = isset($global_options->possib_add_ffamily_google) ? $global_options->possib_add_ffamily_google : '';
539	+ $google_fonts = array('ABeeZee' => 'ABeeZee', 'Abel' => 'Abel', 'Abril Fatface' => 'Abril Fatface', 'Aclonica' => 'Aclonica', 'Acme' => 'Acme', 'Actor' => 'Actor', 'Adamina' => 'Adamina', 'Advent Pro' => 'Advent Pro', 'Aguafina Script' => 'Aguafina Script', 'Akronim' => 'Akronim', 'Aladin' => 'Aladin', 'Aldrich' => 'Aldrich', 'Alef' => 'Alef', 'Alegreya' => 'Alegreya', 'Alegreya SC' => 'Alegreya SC', 'Alegreya Sans' => 'Alegreya Sans', 'Alex Brush' => 'Alex Brush', 'Alfa Slab One' => 'Alfa Slab One', 'Alice' => 'Alice', 'Alike' => 'Alike', 'Alike Angular' => 'Alike Angular', 'Allan' => 'Allan', 'Allerta' => 'Allerta', 'Allerta Stencil' => 'Allerta Stencil', 'Allura' => 'Allura', 'Almendra' => 'Almendra', 'Almendra display' => 'Almendra Display', 'Almendra sc' => 'Almendra SC', 'Amarante' => 'Amarante', 'Amaranth' => 'Amaranth', 'Amatic sc' => 'Amatic SC', 'Amethysta' => 'Amethysta', 'Amiri' => 'Amiri', 'Amita' => 'Amita', 'Anaheim' => 'Anaheim', 'Andada' => 'Andada', 'Andika' => 'Andika', 'Angkor' => 'Angkor', 'Annie Use Your Telescope' => 'Annie Use Your Telescope', 'Anonymous Pro' => 'Anonymous Pro', 'Antic' => 'Antic', 'Antic Didone' => 'Antic Didone', 'Antic Slab' => 'Antic Slab', 'Anton' => 'Anton', 'Arapey' => 'Arapey', 'Arbutus' => 'Arbutus', 'Arbutus slab' => 'Arbutus Slab', 'Architects daughter' => 'Architects Daughter', 'Archivo black' => 'Archivo Black', 'Archivo narrow' => 'Archivo Narrow', 'Arimo' => 'Arimo', 'Arizonia' => 'Arizonia', 'Armata' => 'Armata', 'Artifika' => 'Artifika', 'Arvo' => 'Arvo', 'Arya' => 'Arya', 'Asap' => 'Asap', 'Asar' => 'Asar', 'Asset' => 'Asset', 'Astloch' => 'Astloch', 'Asul' => 'Asul', 'Atomic age' => 'Atomic Age', 'Aubrey' => 'Aubrey', 'Audiowide' => 'Audiowide', 'Autour one' => 'Autour One', 'Average' => 'Average', 'Average Sans' => 'Average Sans', 'Averia Gruesa Libre' => 'Averia Gruesa Libre', 'Averia Libre' => 'Averia Libre', 'Averia Sans Libre' => 'Averia Sans Libre', 'Averia Serif Libre' => 'Averia Serif Libre', 'Bad Script' => 'Bad Script', 'Balthazar' => 'Balthazar', 'Bangers' => 'Bangers', 'Basic' => 'Basic', 'Battambang' => 'Battambang', 'Baumans' => 'Baumans', 'Bayon' => 'Bayon', 'Belgrano' => 'Belgrano', 'BenchNine' => 'BenchNine', 'Bentham' => 'Bentham', 'Berkshire Swash' => 'Berkshire Swash', 'Bevan' => 'Bevan', 'Bigelow Rules' => 'Bigelow Rules', 'Bigshot One' => 'Bigshot One', 'Bilbo' => 'Bilbo', 'Bilbo Swash Caps' => 'Bilbo Swash Caps', 'Biryani' => 'Biryani', 'Bitter' => 'Bitter', 'Black Ops One' => 'Black Ops One', 'Bokor' => 'Bokor', 'Bonbon' => 'Bonbon', 'Boogaloo' => 'Boogaloo', 'Bowlby One' => 'Bowlby One', 'bowlby One SC' => 'Bowlby One SC', 'Brawler' => 'Brawler', 'Bree Serif' => 'Bree Serif', 'Bubblegum Sans' => 'Bubblegum Sans', 'Bubbler One' => 'Bubbler One', 'Buda' => 'Buda', 'Buda Light 300' => 'Buda Light 300', 'Buenard' => 'Buenard', 'Butcherman' => 'Butcherman', 'Butterfly Kids' => 'Butterfly Kids', 'Cabin' => 'Cabin', 'Cabin Condensed' => 'Cabin Condensed', 'Cabin Sketch' => 'Cabin Sketch', 'Caesar Dressing' => 'Caesar Dressing', 'Cagliostro' => 'Cagliostro', 'Calligraffitti' => 'Calligraffitti', 'Cambay' => 'Cambay', 'Cambo' => 'Cambo', 'Candal' => 'Candal', 'Cantarell' => 'Cantarell', 'Cantata One' => 'Cantata One', 'Cantora One' => 'Cantora One', 'Capriola' => 'Capriola', 'Cardo' => 'Cardo', 'Carme' => 'Carme', 'Carrois Gothic' => 'Carrois Gothic', 'Carrois Gothic SC' => 'Carrois Gothic SC', 'Carter One' => 'Carter One', 'Caudex' => 'Caudex', 'Caveat Brush' => 'Caveat Brush', 'Cedarville cursive' => 'Cedarville Cursive', 'Ceviche One' => 'Ceviche One', 'Changa One' => 'Changa One', 'Chango' => 'Chango', 'Chau philomene One' => 'Chau Philomene One', 'Chela One' => 'Chela One', 'Chelsea Market' => 'Chelsea Market', 'Chenla' => 'Chenla', 'Cherry Cream Soda' => 'Cherry Cream Soda', 'Chewy' => 'Chewy', 'Chicle' => 'Chicle', 'Chivo' => 'Chivo', 'Chonburi' => 'Chonburi', 'Cinzel' => 'Cinzel', 'Cinzel Decorative' => 'Cinzel Decorative', 'Clicker Script' => 'Clicker Script', 'Coda' => 'Coda', 'Coda Caption' => 'Coda Caption', 'Codystar' => 'Codystar', 'Combo' => 'Combo', 'Comfortaa' => 'Comfortaa', 'Coming soon' => 'Coming Soon', 'Concert One' => 'Concert One', 'Condiment' => 'Condiment', 'Content' => 'Content', 'Contrail One' => 'Contrail One', 'Convergence' => 'Convergence', 'Cookie' => 'Cookie', 'Copse' => 'Copse', 'Corben' => 'Corben', 'Courgette' => 'Courgette', 'Cousine' => 'Cousine', 'Coustard' => 'Coustard', 'Covered By Your Grace' => 'Covered By Your Grace', 'Crafty Girls' => 'Crafty Girls', 'Creepster' => 'Creepster', 'Crete Round' => 'Crete Round', 'Crimson Text' => 'Crimson Text', 'Croissant One' => 'Croissant One', 'Crushed' => 'Crushed', 'Cuprum' => 'Cuprum', 'Cutive' => 'Cutive', 'Cutive Mono' => 'Cutive Mono', 'Damion' => 'Damion', 'Dancing Script' => 'Dancing Script', 'Dangrek' => 'Dangrek', 'Dawning of a New Day' => 'Dawning of a New Day', 'Days One' => 'Days One', 'Dekko' => 'Dekko', 'Delius' => 'Delius', 'Delius Swash Caps' => 'Delius Swash Caps', 'Delius Unicase' => 'Delius Unicase', 'Della Respira' => 'Della Respira', 'Denk One' => 'Denk One', 'Devonshire' => 'Devonshire', 'Dhurjati' => 'Dhurjati', 'Didact Gothic' => 'Didact Gothic', 'Diplomata' => 'Diplomata', 'Diplomata SC' => 'Diplomata SC', 'Domine' => 'Domine', 'Donegal One' => 'Donegal One', 'Doppio One' => 'Doppio One', 'Dorsa' => 'Dorsa', 'Dosis' => 'Dosis', 'Dr Sugiyama' => 'Dr Sugiyama', 'Droid Sans' => 'Droid Sans', 'Droid Sans Mono' => 'Droid Sans Mono', 'Droid Serif' => 'Droid Serif', 'Duru Sans' => 'Duru Sans', 'Dynalight' => 'Dynalight', 'Eb Garamond' => 'EB Garamond', 'Eagle Lake' => 'Eagle Lake', 'Eater' => 'Eater', 'Economica' => 'Economica', 'Eczar' => 'Eczar', 'Ek Mukta' => 'Ek Mukta', 'Electrolize' => 'Electrolize', 'Elsie' => 'Elsie', 'Elsie Swash Caps' => 'Elsie Swash Caps', 'Emblema One' => 'Emblema One', 'Emilys Candy' => 'Emilys Candy', 'Engagement' => 'Engagement', 'Englebert' => 'Englebert', 'Enriqueta' => 'Enriqueta', 'Erica One' => 'Erica One', 'Esteban' => 'Esteban', 'Euphoria Script' => 'Euphoria Script', 'Ewert' => 'Ewert', 'Exo' => 'Exo', 'Exo 2' => 'Exo 2', 'Expletus Sans' => 'Expletus Sans', 'Fanwood Text' => 'Fanwood Text', 'Fascinate' => 'Fascinate', 'Fascinate Inline' => 'Fascinate Inline', 'Faster One' => 'Faster One', 'Fasthand' => 'Fasthand', 'Fauna One' => 'Fauna One', 'Federant' => 'Federant', 'Federo' => 'Federo', 'Felipa' => 'Felipa', 'Fenix' => 'Fenix', 'Finger Paint' => 'Finger Paint', 'Fira Mono' => 'Fira Mono', 'Fjalla One' => 'Fjalla One', 'Fjord One' => 'Fjord One', 'Flamenco' => 'Flamenco', 'Flavors' => 'Flavors', 'Fondamento' => 'Fondamento', 'Fontdiner swanky' => 'Fontdiner Swanky', 'Forum' => 'Forum', 'Francois One' => 'Francois One', 'Freckle Face' => 'Freckle Face', 'Fredericka the Great' => 'Fredericka the Great', 'Fredoka One' => 'Fredoka One', 'Freehand' => 'Freehand', 'Fresca' => 'Fresca', 'Frijole' => 'Frijole', 'Fruktur' => 'Fruktur', 'Fugaz One' => 'Fugaz One', 'GFS Didot' => 'GFS Didot', 'GFS Neohellenic' => 'GFS Neohellenic', 'Gabriela' => 'Gabriela', 'Gafata' => 'Gafata', 'Galdeano' => 'Galdeano', 'Galindo' => 'Galindo', 'Gentium Basic' => 'Gentium Basic', 'Gentium Book Basic' => 'Gentium Book Basic', 'Geo' => 'Geo', 'Geostar' => 'Geostar', 'Geostar Fill' => 'Geostar Fill', 'Germania One' => 'Germania One', 'Gidugu' => 'Gidugu', 'Gilda Display' => 'Gilda Display', 'Give You Glory' => 'Give You Glory', 'Glass Antiqua' => 'Glass Antiqua', 'Glegoo' => 'Glegoo', 'Gloria Hallelujah' => 'Gloria Hallelujah', 'Goblin One' => 'Goblin One', 'Gochi Hand' => 'Gochi Hand', 'Gorditas' => 'Gorditas', 'Goudy Bookletter 1911' => 'Goudy Bookletter 1911', 'Graduate' => 'Graduate', 'Grand Hotel' => 'Grand Hotel', 'Gravitas One' => 'Gravitas One', 'Great Vibes' => 'Great Vibes', 'Griffy' => 'Griffy', 'Gruppo' => 'Gruppo', 'Gudea' => 'Gudea', 'Gurajada' => 'Gurajada', 'Habibi' => 'Habibi', 'Halant' => 'Halant', 'Hammersmith One' => 'Hammersmith One', 'Hanalei' => 'Hanalei', 'Hanalei Fill' => 'Hanalei Fill', 'Handlee' => 'Handlee', 'Hanuman' => 'Hanuman', 'Happy Monkey' => 'Happy Monkey', 'Headland One' => 'Headland One', 'Henny Penny' => 'Henny Penny', 'Herr Von Muellerhoff' => 'Herr Von Muellerhoff', 'Hind' => 'Hind', 'Holtwood One SC' => 'Holtwood One SC', 'Homemade Apple' => 'Homemade Apple', 'Homenaje' => 'Homenaje', 'IM Fell DW Pica' => 'IM Fell DW Pica', 'IM Fell DW Pica SC' => 'IM Fell DW Pica SC', 'IM Fell Double Pica' => 'IM Fell Double Pica', 'IM Fell Double Pica SC' => 'IM Fell Double Pica SC', 'IM Fell English' => 'IM Fell English', 'IM Fell English SC' => 'IM Fell English SC', 'IM Fell French Canon' => 'IM Fell French Canon', 'IM Fell French Canon SC' => 'IM Fell French Canon SC', 'IM Fell Great Primer' => 'IM Fell Great Primer', 'IM Fell Great Primer SC' => 'IM Fell Great Primer SC', 'Iceberg' => 'Iceberg', 'Iceland' => 'Iceland', 'Imprima' => 'Imprima', 'Inconsolata' => 'Inconsolata', 'Inder' => 'Inder', 'Indie Flower' => 'Indie Flower', 'Inika' => 'Inika', 'Inknut Antiqua' => 'Inknut Antiqua', 'Irish Grover' => 'Irish Grover', 'Istok Web' => 'Istok Web', 'Italiana' => 'Italiana', 'Italianno' => 'Italianno', 'Itim' => 'Itim', 'Jacques Francois' => 'Jacques Francois', 'Jacques Francois Shadow' => 'Jacques Francois Shadow', 'Jaldi' => 'Jaldi', 'Jim Nightshade' => 'Jim Nightshade', 'Jockey One' => 'Jockey One', 'Jolly Lodger' => 'Jolly Lodger', 'Josefin Sans' => 'Josefin Sans', 'Josefin Slab' => 'Josefin Slab', 'Joti One' => 'Joti One', 'Judson' => 'Judson', 'Julee' => 'Julee', 'Julius Sans One' => 'Julius Sans One', 'Junge' => 'Junge', 'Jura' => 'Jura', 'Just Another Hand' => 'Just Another Hand', 'Just Me Again Down Here' => 'Just Me Again Down Here', 'Kadwa' => 'Kadwa', 'Kameron' => 'Kameron', 'Kanit' => 'Kanit', 'Karla' => 'Karla', 'Kaushan Script' => 'Kaushan Script', 'Kavoon' => 'Kavoon', 'Keania One' => 'Keania One', 'kelly Slab' => 'Kelly Slab', 'Kenia' => 'Kenia', 'Khand' => 'Khand', 'Khmer' => 'Khmer', 'Khula' => 'Khula', 'Kite One' => 'Kite One', 'Knewave' => 'Knewave', 'Kotta One' => 'Kotta One', 'Koulen' => 'Koulen', 'Kranky' => 'Kranky', 'Kreon' => 'Kreon', 'Kristi' => 'Kristi', 'Krona One' => 'Krona One', 'Kurale' => 'Kurale', 'La Belle Aurore' => 'La Belle Aurore', 'Laila' => 'Laila', 'Lakki Reddy' => 'Lakki Reddy', 'Lancelot' => 'Lancelot', 'Lateef' => 'Lateef', 'Lato' => 'Lato', 'League Script' => 'League Script', 'Leckerli One' => 'Leckerli One', 'Ledger' => 'Ledger', 'Lekton' => 'Lekton', 'Lemon' => 'Lemon', 'Libre Baskerville' => 'Libre Baskerville', 'Life Savers' => 'Life Savers', 'Lilita One' => 'Lilita One', 'Lily Script One' => 'Lily Script One', 'Limelight' => 'Limelight', 'Linden Hill' => 'Linden Hill', 'Lobster' => 'Lobster', 'Lobster Two' => 'Lobster Two', 'Londrina Outline' => 'Londrina Outline', 'Londrina Shadow' => 'Londrina Shadow', 'Londrina Sketch' => 'Londrina Sketch', 'Londrina Solid' => 'Londrina Solid', 'Lora' => 'Lora', 'Love Ya Like A Sister' => 'Love Ya Like A Sister', 'Loved by the King' => 'Loved by the King', 'Lovers Quarrel' => 'Lovers Quarrel', 'Luckiest Guy' => 'Luckiest Guy', 'Lusitana' => 'Lusitana', 'Lustria' => 'Lustria', 'Macondo' => 'Macondo', 'Macondo Swash Caps' => 'Macondo Swash Caps', 'Magra' => 'Magra', 'Maiden Orange' => 'Maiden Orange', 'Mako' => 'Mako', 'Mandali' => 'Mandali', 'Marcellus' => 'Marcellus', 'Marcellus SC' => 'Marcellus SC', 'Marck Script' => 'Marck Script', 'Margarine' => 'Margarine', 'Marko One' => 'Marko One', 'Marmelad' => 'Marmelad', 'Martel' => 'Martel', 'Martel Sans' => 'Martel Sans', 'Marvel' => 'Marvel', 'Mate' => 'Mate', 'Mate SC' => 'Mate SC', 'Maven Pro' => 'Maven Pro', 'McLaren' => 'McLaren', 'Meddon' => 'Meddon', 'MedievalSharp' => 'MedievalSharp', 'Medula One' => 'Medula One', 'Megrim' => 'Megrim', 'Meie Script' => 'Meie Script', 'Merienda' => 'Merienda', 'Merienda One' => 'Merienda One', 'Merriweather' => 'Merriweather', 'Merriweather Sans' => 'Merriweather Sans', 'Metal' => 'Metal', 'Metal mania' => 'Metal Mania', 'Metamorphous' => 'Metamorphous', 'Metrophobic' => 'Metrophobic', 'Michroma' => 'Michroma', 'Milonga' => 'Milonga', 'Miltonian' => 'Miltonian', 'Miltonian Tattoo' => 'Miltonian Tattoo', 'Miniver' => 'Miniver', 'Miss Fajardose' => 'Miss Fajardose', 'Modak' => 'Modak', 'Modern Antiqua' => 'Modern Antiqua', 'Molengo' => 'Molengo', 'Molle' => 'Molle:400i', 'Monda' => 'Monda', 'Monofett' => 'Monofett', 'Monoton' => 'Monoton', 'Monsieur La Doulaise' => 'Monsieur La Doulaise', 'Montaga' => 'Montaga', 'Montez' => 'Montez', 'Montserrat' => 'Montserrat', 'Montserrat Alternates' => 'Montserrat Alternates', 'Montserrat Subrayada' => 'Montserrat Subrayada', 'Moul' => 'Moul', 'Moulpali' => 'Moulpali', 'Mountains of Christmas' => 'Mountains of Christmas', 'Mouse Memoirs' => 'Mouse Memoirs', 'Mr Bedfort' => 'Mr Bedfort', 'Mr Dafoe' => 'Mr Dafoe', 'Mr De Haviland' => 'Mr De Haviland', 'Mrs Saint Delafield' => 'Mrs Saint Delafield', 'Mrs Sheppards' => 'Mrs Sheppards', 'Muli' => 'Muli', 'Mystery Quest' => 'Mystery Quest', 'NTR' => 'NTR', 'Neucha' => 'Neucha', 'Neuton' => 'Neuton', 'New Rocker' => 'New Rocker', 'News Cycle' => 'News Cycle', 'Niconne' => 'Niconne', 'Nixie One' => 'Nixie One', 'Nobile' => 'Nobile', 'Nokora' => 'Nokora', 'Norican' => 'Norican', 'Nosifer' => 'Nosifer', 'Nothing You Could Do' => 'Nothing You Could Do', 'Noticia Text' => 'Noticia Text', 'Noto Sans' => 'Noto Sans', 'Noto Serif' => 'Noto Serif', 'Nova Cut' => 'Nova Cut', 'Nova Flat' => 'Nova Flat', 'Nova Mono' => 'Nova Mono', 'Nova Oval' => 'Nova Oval', 'Nova Round' => 'Nova Round', 'Nova Script' => 'Nova Script', 'Nova Slim' => 'Nova Slim', 'Nova Square' => 'Nova Square', 'Numans' => 'Numans', 'Nunito' => 'Nunito', 'Odor Mean Chey' => 'Odor Mean Chey', 'Offside' => 'Offside', 'Old standard tt' => 'Old Standard TT', 'Oldenburg' => 'Oldenburg', 'Oleo Script' => 'Oleo Script', 'Oleo Script Swash Caps' => 'Oleo Script Swash Caps', 'Open Sans' => 'Open Sans', 'Open Sans Condensed' => 'Open Sans Condensed:300', 'Oranienbaum' => 'Oranienbaum', 'Orbitron' => 'Orbitron', 'Oregano' => 'Oregano', 'Orienta' => 'Orienta', 'Original Surfer' => 'Original Surfer', 'Oswald' => 'Oswald', 'Over the Rainbow' => 'Over the Rainbow', 'Overlock' => 'Overlock', 'Overlock SC' => 'Overlock SC', 'Ovo' => 'Ovo', 'Oxygen' => 'Oxygen', 'Oxygen Mono' => 'Oxygen Mono', 'PT Mono' => 'PT Mono', 'PT Sans' => 'PT Sans', 'PT Sans Caption' => 'PT Sans Caption', 'PT Sans Narrow' => 'PT Sans Narrow', 'PT Serif' => 'PT Serif', 'PT Serif Caption' => 'PT Serif Caption', 'Pacifico' => 'Pacifico', 'Palanquin' => 'Palanquin', 'Palanquin Dark' => 'Palanquin Dark', 'Paprika' => 'Paprika', 'Parisienne' => 'Parisienne', 'Passero One' => 'Passero One', 'Passion One' => 'Passion One', 'Pathway Gothic One' => 'Pathway Gothic One', 'Patrick Hand' => 'Patrick Hand', 'Patrick Hand SC' => 'Patrick Hand SC', 'Patua One' => 'Patua One', 'Paytone One' => 'Paytone One', 'Peddana' => 'Peddana', 'Peralta' => 'Peralta', 'Permanent Marker' => 'Permanent Marker', 'Petit Formal Script' => 'Petit Formal Script', 'Petrona' => 'Petrona', 'Philosopher' => 'Philosopher', 'Piedra' => 'Piedra', 'Pinyon Script' => 'Pinyon Script', 'Pirata One' => 'Pirata One', 'Plaster' => 'Plaster', 'Play' => 'Play', 'Playball' => 'Playball', 'Playfair Display' => 'Playfair Display', 'Playfair Display SC' => 'Playfair Display SC', 'Podkova' => 'Podkova', 'Poiret One' => 'Poiret One', 'Poller One' => 'Poller One', 'Poly' => 'Poly', 'Pompiere' => 'Pompiere', 'Pontano Sans' => 'Pontano Sans', 'Poppins' => 'Poppins', 'Port Lligat Sans' => 'Port Lligat Sans', 'Port Lligat Slab' => 'Port Lligat Slab', 'Pragati Narrow' => 'Pragati Narrow', 'Prata' => 'Prata', 'Preahvihear' => 'Preahvihear', 'Press start 2P' => 'Press Start 2P', 'Princess Sofia' => 'Princess Sofia', 'Prociono' => 'Prociono', 'Prosto One' => 'Prosto One', 'Puritan' => 'Puritan', 'Purple Purse' => 'Purple Purse', 'Quando' => 'Quando', 'Quantico' => 'Quantico', 'Quattrocento' => 'Quattrocento', 'Quattrocento Sans' => 'Quattrocento Sans', 'Questrial' => 'Questrial', 'Quicksand' => 'Quicksand', 'Quintessential' => 'Quintessential', 'Qwigley' => 'Qwigley', 'Racing sans One' => 'Racing Sans One', 'Radley' => 'Radley', 'Rajdhani' => 'Rajdhani', 'Raleway' => 'Raleway', 'Raleway Dots' => 'Raleway Dots', 'Ramabhadra' => 'Ramabhadra', 'Ramaraja' => 'Ramaraja', 'Rambla' => 'Rambla', 'Rammetto One' => 'Rammetto One', 'Ranchers' => 'Ranchers', 'Rancho' => 'Rancho', 'Ranga' => 'Ranga', 'Rationale' => 'Rationale', 'Ravi Prakash' => 'Ravi Prakash', 'Redressed' => 'Redressed', 'Reenie Beanie' => 'Reenie Beanie', 'Revalia' => 'Revalia', 'Rhodium Libre' => 'Rhodium Libre', 'Ribeye' => 'Ribeye', 'Ribeye Marrow' => 'Ribeye Marrow', 'Righteous' => 'Righteous', 'Risque' => 'Risque', 'Roboto' => 'Roboto', 'Roboto Condensed' => 'Roboto Condensed', 'Roboto Mono' => 'Roboto Mono', 'Roboto Slab' => 'Roboto Slab', 'Rochester' => 'Rochester', 'Rock Salt' => 'Rock Salt', 'Rokkitt' => 'Rokkitt', 'Romanesco' => 'Romanesco', 'Ropa Sans' => 'Ropa Sans', 'Rosario' => 'Rosario', 'Rosarivo' => 'Rosarivo', 'Rouge Script' => 'Rouge Script', 'Rozha One' => 'Rozha One', 'Rubik' => 'Rubik', 'Rubik Mono One' => 'Rubik Mono One', 'Rubik One' => 'Rubik One', 'Ruda' => 'Ruda', 'Rufina' => 'Rufina', 'Ruge Boogie' => 'Ruge Boogie', 'Ruluko' => 'Ruluko', 'Rum Raisin' => 'Rum Raisin', 'Ruslan Display' => 'Ruslan Display', 'Russo One' => 'Russo One', 'Ruthie' => 'Ruthie', 'Rye' => 'Rye', 'Sacramento' => 'Sacramento', 'Sahitya' => 'Sahitya', 'Sail' => 'Sail', 'Salsa' => 'Salsa', 'Sanchez' => 'Sanchez', 'Sancreek' => 'Sancreek', 'Sansita One' => 'Sansita One', 'Sarina' => 'Sarina', 'Sarpanch' => 'Sarpanch', 'Satisfy' => 'Satisfy', 'Scada' => 'Scada', 'Schoolbell' => 'Schoolbell', 'Seaweed Script' => 'Seaweed Script', 'Sevillana' => 'Sevillana', 'Seymour One' => 'Seymour One', 'Shadows Into Light' => 'Shadows Into Light', 'Shadows Into Light Two' => 'Shadows Into Light Two', 'Shanti' => 'Shanti', 'Share' => 'Share', 'Share Tech' => 'Share Tech', 'Share Tech Mono' => 'Share Tech Mono', 'Shojumaru' => 'Shojumaru', 'Short Stack' => 'Short Stack', 'Siemreap' => 'Siemreap', 'Sigmar One' => 'Sigmar One', 'Signika' => 'Signika', 'Signika Negative' => 'Signika Negative', 'Simonetta' => 'Simonetta', 'Sintony' => 'Sintony', 'Sirin Stencil' => 'Sirin Stencil', 'Six Caps' => 'Six Caps', 'Skranji' => 'Skranji', 'Slabo 13px' => 'Slabo 13px', 'Slackey' => 'Slackey', 'Smokum' => 'Smokum', 'Smythe' => 'Smythe', 'Sniglet' => 'Sniglet', 'Snippet' => 'Snippet', 'Snowburst One' => 'Snowburst One', 'Sofadi One' => 'Sofadi One', 'Sofia' => 'Sofia', 'Sonsie One' => 'Sonsie One', 'Sorts Mill Goudy' => 'Sorts Mill Goudy', 'Source Code Pro' => 'Source Code Pro', 'Source Sans Pro' => 'Source Sans Pro', 'Source Serif Pro' => 'Source Serif Pro', 'Special Elite' => 'Special Elite', 'Spicy Rice' => 'Spicy Rice', 'Spinnaker' => 'Spinnaker', 'Spirax' => 'Spirax', 'Squada One' => 'Squada One', 'Sree Krushnadevaraya' => 'Sree Krushnadevaraya', 'Stalemate' => 'Stalemate', 'Stalinist One' => 'Stalinist One', 'Stardos Stencil' => 'Stardos Stencil', 'Stint Ultra Condensed' => 'Stint Ultra Condensed', 'Stint Ultra Expanded' => 'Stint Ultra Expanded', 'Stoke' => 'Stoke', 'Strait' => 'Strait', 'Sue Ellen Francisco' => 'Sue Ellen Francisco', 'Sumana' => 'Sumana', 'Sunshiney' => 'Sunshiney', 'Supermercado One' => 'Supermercado One', 'Sura' => 'Sura', 'Suranna' => 'Suranna', 'Suravaram' => 'Suravaram', 'Suwannaphum' => 'Suwannaphum', 'Swanky and Moo Moo' => 'Swanky and Moo Moo', 'Syncopate' => 'Syncopate', 'Tangerine' => 'Tangerine', 'Taprom' => 'Taprom', 'Tauri' => 'Tauri', 'Teko' => 'Teko', 'Telex' => 'Telex', 'Tenali Ramakrishna' => 'Tenali Ramakrishna', 'Tenor Sans' => 'Tenor Sans', 'Text Me One' => 'Text Me One', 'The Girl Next Door' => 'The Girl Next Door', 'Tienne' => 'Tienne', 'Tillana' => 'Tillana', 'Timmana' => 'Timmana', 'Tinos' => 'Tinos', 'Titan One' => 'Titan One', 'Titillium Web' => 'Titillium Web', 'Trade Winds' => 'Trade Winds', 'Trocchi' => 'Trocchi', 'Trochut' => 'Trochut', 'Trykker' => 'Trykker', 'Tulpen One' => 'Tulpen One', 'Ubuntu' => 'Ubuntu', 'Ubuntu Condensed' => 'Ubuntu Condensed', 'Ubuntu Mono' => 'Ubuntu Mono', 'Ultra' => 'Ultra', 'Uncial Antiqua' => 'Uncial Antiqua', 'Underdog' => 'Underdog', 'Unica One' => 'Unica One', 'UnifrakturCook' => 'UnifrakturCook', 'UnifrakturMaguntia' => 'UnifrakturMaguntia', 'Unkempt' => 'Unkempt', 'Unlock' => 'Unlock', 'Unna' => 'Unna', 'VT323' => 'VT323', 'Vampiro One' => 'Vampiro One', 'Varela' => 'Varela', 'Varela Round' => 'Varela Round', 'Vast Shadow' => 'Vast Shadow', 'Vibur' => 'Vibur', 'Vidaloka' => 'Vidaloka', 'Viga' => 'Viga', 'Voces' => 'Voces', 'Volkhov' => 'Volkhov', 'Vollkorn' => 'Vollkorn', 'Voltaire' => 'Voltaire', 'Waiting for the Sunrise' => 'Waiting for the Sunrise', 'Wallpoet' => 'Wallpoet', 'Walter Turncoat' => 'Walter Turncoat', 'Warnes' => 'Warnes', 'Wellfleet' => 'Wellfleet', 'Wendy One' => 'Wendy One', 'Wire One' => 'Wire One', 'Work Sans' => 'Work Sans', 'Yanone Kaffeesatz' => 'Yanone Kaffeesatz', 'Yantramanav' => 'Yantramanav', 'Yellowtail' => 'Yellowtail', 'Yeseva One' => 'Yeseva One', 'Yesteryear' => 'Yesteryear', 'Zeyada' => 'Zeyada');
540	if ($possib_add_ffamily_google != '') {
541	$possib_add_ffamily_google = explode("WD", $possib_add_ffamily_google);
542	foreach($possib_add_ffamily_google as $possib_add_value_google) {

641
642	return FALSE;
643	}
644	+
645	+ /**
646	+ * Return option values.
647	+ *
648	+ * @return array
649	+ */
650	+ public static function get_values() {
651	+ $values = array();
652	+ $values['aligns'] = array(
653	+ 'left' => __('Left', 'wds'),
654	+ 'center' => __('Center', 'wds'),
655	+ 'right' => __('Right', 'wds'),
656	+ );
657	+ $values['border_styles'] = array(
658	+ 'none' => __('None', 'wds'),
659	+ 'solid' => __('Solid', 'wds'),
660	+ 'dotted' => __('Dotted', 'wds'),
661	+ 'dashed' => __('Dashed', 'wds'),
662	+ 'double' => __('Double', 'wds'),
663	+ 'groove' => __('Groove', 'wds'),
664	+ 'ridge' => __('Ridge', 'wds'),
665	+ 'inset' => __('Inset', 'wds'),
666	+ 'outset' => __('Outset', 'wds'),
667	+ );
668	+ $values['button_styles'] = array(
669	+ 'fa-chevron' => __('Chevron', 'wds'),
670	+ 'fa-angle' => __('Angle', 'wds'),
671	+ 'fa-angle-double' => __('Double', 'wds'),
672	+ );
673	+ $values['bull_styles'] = array(
674	+ 'fa-circle-o' => __('Circle O', 'wds'),
675	+ 'fa-circle' => __('Circle', 'wds'),
676	+ 'fa-minus' => __('Minus', 'wds'),
677	+ 'fa-square-o' => __('Square O', 'wds'),
678	+ 'fa-square' => __('Square', 'wds'),
679	+ );
680	+ $values['font_families'] = WDW_S_Library::get_font_families();
681	+ $values['google_fonts'] = WDW_S_Library::get_google_fonts();
682	+ $values['font_weights'] = array(
683	+ 'lighter' => __('Lighter', 'wds'),
684	+ 'normal' => __('Normal', 'wds'),
685	+ 'bold' => __('Bold', 'wds'),
686	+ );
687	+ $values['social_buttons'] = array(
688	+ 'facebook' => __('Facebook', 'wds'),
689	+ 'google-plus' => __('Google+', 'wds'),
690	+ 'twitter' => __('Twitter', 'wds'),
691	+ 'pinterest' => __('Pinterest', 'wds'),
692	+ 'tumblr' => __('Tumblr', 'wds'),
693	+ );
694	+ $values['effects'] = array(
695	+ 'none' => __('None', 'wds'),
696	+ 'zoomFade' => __('Zoom Fade', 'wds'),
697	+ 'parallelSlideH' => __('Parallel Slide Horizontal', 'wds'),
698	+ 'parallelSlideV' => __('Parallel Slide Vertical', 'wds'),
699	+ 'slic3DH' => __('Slice 3D Horizontal', 'wds'),
700	+ 'slic3DV' => __('Slice 3D Vertical', 'wds'),
701	+ 'slicR3DH' => __('Slice 3D Horizontal Random', 'wds'),
702	+ 'slicR3DV' => __('Slice 3D Vertical Random', 'wds'),
703	+ 'blindR' => __('Blind', 'wds'),
704	+ 'tilesR' => __('Tiles', 'wds'),
705	+ 'blockScaleR' => __('Block Scale Random', 'wds'),
706	+ 'cubeH' => __('Cube Horizontal', 'wds'),
707	+ 'cubeV' => __('Cube Vertical', 'wds'),
708	+ 'cubeR' => __('Cube Random', 'wds'),
709	+ 'fade' => __('Fade', 'wds'),
710	+ 'sliceH' => __('Slice Horizontal', 'wds'),
711	+ 'sliceV' => __('Slice Vertical', 'wds'),
712	+ 'slideH' => __('Slide Horizontal', 'wds'),
713	+ 'slideV' => __('Slide Vertical', 'wds'),
714	+ 'scaleOut' => __('Scale Out', 'wds'),
715	+ 'scaleIn' => __('Scale In', 'wds'),
716	+ 'blockScale' => __('Block Scale', 'wds'),
717	+ 'kaleidoscope' => __('Kaleidoscope', 'wds'),
718	+ 'fan' => __('Fan', 'wds'),
719	+ 'blindH' => __('Blind Horizontal', 'wds'),
720	+ 'blindV' => __('Blind Vertical', 'wds'),
721	+ 'random' => __('Random', 'wds'),
722	+ '3Drandom' => __('3D Random', 'wds'),
723	+ );
724	+ $values['layer_effects_in'] = array(
725	+ 'none' => __('None', 'wds'),
726	+ 'bounce' => __('Bounce', 'wds'),
727	+ 'flash' => __('Flash', 'wds'),
728	+ 'pulse' => __('Pulse', 'wds'),
729	+ 'rubberBand' => __('RubberBand', 'wds'),
730	+ 'shake' => __('Shake', 'wds'),
731	+ 'swing' => __('Swing', 'wds'),
732	+ 'tada' => __('Tada', 'wds'),
733	+ 'wobble' => __('Wobble', 'wds'),
734	+ 'hinge' => __('Hinge', 'wds'),
735	+
736	+ 'lightSpeedIn' => __('LightSpeedIn', 'wds'),
737	+ 'rollIn' => __('RollIn', 'wds'),
738	+
739	+ 'bounceIn' => __('BounceIn', 'wds'),
740	+ 'bounceInDown' => __('BounceInDown', 'wds'),
741	+ 'bounceInLeft' => __('BounceInLeft', 'wds'),
742	+ 'bounceInRight' => __('BounceInRight', 'wds'),
743	+ 'bounceInUp' => __('BounceInUp', 'wds'),
744	+
745	+ 'fadeIn' => __('FadeIn', 'wds'),
746	+ 'fadeInDown' => __('FadeInDown', 'wds'),
747	+ 'fadeInDownBig' => __('FadeInDownBig', 'wds'),
748	+ 'fadeInLeft' => __('FadeInLeft', 'wds'),
749	+ 'fadeInLeftBig' => __('FadeInLeftBig', 'wds'),
750	+ 'fadeInRight' => __('FadeInRight', 'wds'),
751	+ 'fadeInRightBig' => __('FadeInRightBig', 'wds'),
752	+ 'fadeInUp' => __('FadeInUp', 'wds'),
753	+ 'fadeInUpBig' => __('FadeInUpBig', 'wds'),
754	+
755	+ 'flip' => __('Flip', 'wds'),
756	+ 'flipInX' => __('FlipInX', 'wds'),
757	+ 'flipInY' => __('FlipInY', 'wds'),
758	+
759	+ 'rotateIn' => __('RotateIn', 'wds'),
760	+ 'rotateInDownLeft' => __('RotateInDownLeft', 'wds'),
761	+ 'rotateInDownRight' => __('RotateInDownRight', 'wds'),
762	+ 'rotateInUpLeft' => __('RotateInUpLeft', 'wds'),
763	+ 'rotateInUpRight' => __('RotateInUpRight', 'wds'),
764	+
765	+ 'zoomIn' => __('ZoomIn', 'wds'),
766	+ 'zoomInDown' => __('ZoomInDown', 'wds'),
767	+ 'zoomInLeft' => __('ZoomInLeft', 'wds'),
768	+ 'zoomInRight' => __('ZoomInRight', 'wds'),
769	+ 'zoomInUp' => __('ZoomInUp', 'wds'),
770	+ );
771	+ $values['layer_effects_out'] = array(
772	+ 'none' => __('None', 'wds'),
773	+ 'bounce' => __('Bounce', 'wds'),
774	+ 'flash' => __('Flash', 'wds'),
775	+ 'pulse' => __('Pulse', 'wds'),
776	+ 'rubberBand' => __('RubberBand', 'wds'),
777	+ 'shake' => __('Shake', 'wds'),
778	+ 'swing' => __('Swing', 'wds'),
779	+ 'tada' => __('Tada', 'wds'),
780	+ 'wobble' => __('Wobble', 'wds'),
781	+ 'hinge' => __('Hinge', 'wds'),
782	+
783	+ 'lightSpeedOut' => __('LightSpeedOut', 'wds'),
784	+ 'rollOut' => __('RollOut', 'wds'),
785	+
786	+ 'bounceOut' => __('BounceOut', 'wds'),
787	+ 'bounceOutDown' => __('BounceOutDown', 'wds'),
788	+ 'bounceOutLeft' => __('BounceOutLeft', 'wds'),
789	+ 'bounceOutRight' => __('BounceOutRight', 'wds'),
790	+ 'bounceOutUp' => __('BounceOutUp', 'wds'),
791	+
792	+ 'fadeOut' => __('FadeOut', 'wds'),
793	+ 'fadeOutDown' => __('FadeOutDown', 'wds'),
794	+ 'fadeOutDownBig' => __('FadeOutDownBig', 'wds'),
795	+ 'fadeOutLeft' => __('FadeOutLeft', 'wds'),
796	+ 'fadeOutLeftBig' => __('FadeOutLeftBig', 'wds'),
797	+ 'fadeOutRight' => __('FadeOutRight', 'wds'),
798	+ 'fadeOutRightBig' => __('FadeOutRightBig', 'wds'),
799	+ 'fadeOutUp' => __('FadeOutUp', 'wds'),
800	+ 'fadeOutUpBig' => __('FadeOutUpBig', 'wds'),
801	+
802	+ 'flip' => __('Flip', 'wds'),
803	+ 'flipOutX' => __('FlipOutX', 'wds'),
804	+ 'flipOutY' => __('FlipOutY', 'wds'),
805	+
806	+ 'rotateOut' => __('RotateOut', 'wds'),
807	+ 'rotateOutDownLeft' => __('RotateOutDownLeft', 'wds'),
808	+ 'rotateOutDownRight' => __('RotateOutDownRight', 'wds'),
809	+ 'rotateOutUpLeft' => __('RotateOutUpLeft', 'wds'),
810	+ 'rotateOutUpRight' => __('RotateOutUpRight', 'wds'),
811	+
812	+ 'zoomOut' => __('ZoomOut', 'wds'),
813	+ 'zoomOutDown' => __('ZoomOutDown', 'wds'),
814	+ 'zoomOutLeft' => __('ZoomOutLeft', 'wds'),
815	+ 'zoomOutRight' => __('ZoomOutRight', 'wds'),
816	+ 'zoomOutUp' => __('ZoomOutUp', 'wds'),
817	+ );
818	+ $values['hotp_text_positions'] = array(
819	+ 'top' => __('Top', 'wds'),
820	+ 'left' => __('Left', 'wds'),
821	+ 'bottom' => __('Bottom', 'wds'),
822	+ 'right' => __('Right', 'wds'),
823	+ );
824	+ $values['slider_callbacks'] = array(
825	+ 'onSliderI' => __('On slider Init', 'wds'),
826	+ 'onSliderCS' => __('On slide change start', 'wds'),
827	+ 'onSliderCE' => __('On slide change end', 'wds'),
828	+ 'onSliderPlay' => __('On slide play', 'wds'),
829	+ 'onSliderPause' => __('On slide pause', 'wds'),
830	+ 'onSliderHover' => __('On slide hover', 'wds'),
831	+ 'onSliderBlur' => __('On slide blur', 'wds'),
832	+ 'onSliderR' => __('On slider resize', 'wds'),
833	+ 'onSwipeS' => __('On swipe start', 'wds'),
834	+ );
835	+ $values['layer_callbacks'] = array(
836	+ '' => __('Select action', 'wds'),
837	+ 'SlidePlay' => __('Play', 'wds'),
838	+ 'SlidePause' => __('Pause', 'wds'),
839	+ 'SlidePlayPause' => __('Play/Pause', 'wds'),
840	+ 'SlideNext' => __('Next slide', 'wds'),
841	+ 'SlidePrevious' => __('Previous slide', 'wds'),
842	+ 'SlideLink' => __('Link to slide', 'wds'),
843	+ 'PlayMusic' => __('Play music', 'wds'),
844	+ );
845	+ $values['text_alignments'] = array(
846	+ 'left' => __('Left', 'wds'),
847	+ 'center' => __('Center', 'wds'),
848	+ 'right' => __('Right', 'wds')
849	+ );
850	+ $values['built_in_watermark_fonts'] = array();
851	+ foreach (scandir(path_join(WD_S_DIR, 'fonts')) as $filename) {
852	+ if (strpos($filename, '.') === 0) {
853	+ continue;
854	+ }
855	+ else {
856	+ $values['built_in_watermark_fonts'][] = $filename;
857	+ }
858	+ }
859	+
860	+ return $values;
861	+ }
862	+
863	+ /**
864	+ * Get slider by id.
865	+ *
866	+ * @param int $id
867	+ * @return object $slider
868	+ */
869	+ public static function get_slider_by_id( $id ) {
870	+ require_once WD_S_DIR . "/frontend/models/WDSModelSlider.php";
871	+ $model = new WDSModelSlider();
872	+ $slider = $model->get_slider_row_data( $id );
873	+ return $slider;
874	+ }
875	+
876	+ /**
877	+ * Get slides by slider id.
878	+ *
879	+ * @param int $slider_id
880	+ * @param string $order
881	+ * @return object $slides
882	+ */
883	+ public static function get_slides_by_slider_id( $id , $order) {
884	+ require_once WD_S_DIR . "/frontend/models/WDSModelSlider.php";
885	+ $model = new WDSModelSlider();
886	+ $slider = $model->get_slide_rows_data( $id , $order );
887	+ return $slider;
888	+ }
889	+
890	+ /**
891	+ * Get layers by slider id and slide_ids.
892	+ *
893	+ * @param int $slider_id
894	+ * @param array $slide_ids
895	+ * @return object $layers
896	+ */
897	+ public static function get_layers_by_slider_id_slide_ids( $slider_id, $slide_ids ) {
898	+ require_once WD_S_DIR . "/frontend/models/WDSModelSlider.php";
899	+ $model = new WDSModelSlider();
900	+ $layers = $model->get_layers_by_slider_id_slide_ids( $slider_id, $slide_ids );
901	+ return $layers;
902	+ }
903	+
904	+ /**
905	+ * Create frontend js file.
906	+ *
907	+ * @param int $slider_id
908	+ * @param bool $bool
909	+ */
910	+ public static function create_frontend_js_file( $slider_id ) {
911	+ global $wpdb;
912	+ $wp_upload_dir = wp_upload_dir();
913	+ if ( !is_dir($wp_upload_dir['basedir'] . '/slider-wd-scripts')) {
914	+ mkdir($wp_upload_dir['basedir'] . '/slider-wd-scripts', 0755);
915	+ }
916	+ $error = false;
917	+ $bool = false;
918	+ $slider = array();
919	+ $slides = array();
920	+ $layers_rows = array();
921	+ // Get slider.
922	+ $slider = WDW_S_Library::get_slider_by_id( $slider_id );
923	+ if ( !empty($slider) ) {
924	+ // Get slider slides.
925	+ $order_dir = isset($slider->order_dir) ? $slider->order_dir : 'asc';
926	+ $slides = WDW_S_Library::get_slides_by_slider_id( $slider_id, $order_dir );
927	+ if ( !empty($slides) ) {
928	+ foreach ( $slides as $slide ) {
929	+ $slide_ids[] = $slide->id;
930	+ }
931	+ // Get slider slides layers.
932	+ $layers_rows = WDW_S_Library::get_layers_by_slider_id_slide_ids( $slider_id, $slide_ids );
933	+ }
934	+ }
935	+ $content = WDW_S_Library::create_js( $slider, $slides, $layers_rows );
936	+ $file = $wp_upload_dir['basedir'] . '/slider-wd-scripts/script-' . $slider_id . '.js';
937	+ $file_put = file_put_contents($file, $content);
938	+ if ( is_file($file) ) {
939	+ $bool = true;
940	+ }
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
3500	+ * @param $slider_row
3501	+ * @param $slide_rows
3502	+ * @param $wds
3503	+ * @return string
3504	+ */
3505	+ public static function create_css( $id, $slider_row, $slide_rows, $layers_rows, $wds ) {
3506	+ $wds_global_options = get_option("wds_global_options", 0);
3507	+ $global_options = json_decode($wds_global_options);
3508	+ $loading_gif = isset($global_options->loading_gif) ? $global_options->loading_gif : 0;
3509	+
3510	+ $resolutions = array(320, 480, 640, 768, 800, 1024, 1366, 1824, 3000);
3511	+ $bull_hover = isset($slider_row->bull_hover) ? $slider_row->bull_hover : 1;
3512	+ $bull_position = $slider_row->bull_position;
3513	+
3514	+ $image_width = $slider_row->width;
3515	+ $image_height = $slider_row->height;
3516	+
3517	+ $slides_count = count($slide_rows);
3518	+
3519	+ $circle_timer_size = (2 * $slider_row->timer_bar_size - 2) * 2;
3520	+
3521	+ $enable_slideshow_shuffle = $slider_row->shuffle;
3522	+ $mouse_swipe_nav = isset($slider_row->mouse_swipe_nav) ? $slider_row->mouse_swipe_nav : 0;
3523	+ $thumb_size = isset($slider_row->thumb_size) ? $slider_row->thumb_size : '0.3';
3524	+ if ($slider_row->navigation == 'always') {
3525	+ $navigation = 0;
3526	+ $pp_btn_opacity = 1;
3527	+ }
3528	+ else {
3529	+ $navigation = 4000;
3530	+ $pp_btn_opacity = 0;
3531	+ }
3532	+ $filmstrip_direction = ($slider_row->film_pos == 'right' \|\| $slider_row->film_pos == 'left') ? 'vertical' : 'horizontal';
3533	+ $filmstrip_position = $slider_row->film_pos;
3534	+ if ($filmstrip_position != 'none') {
3535	+ if ($filmstrip_direction == 'horizontal') {
3536	+ $filmstrip_width = $slider_row->film_thumb_width;
3537	+ $filmstrip_height = $slider_row->film_thumb_height;
3538	+ $filmstrip_width_in_percent = 100 / count($slide_rows);
3539	+ $filmstrip_height_in_percent = 100 * $filmstrip_height / ($image_height + $filmstrip_height);
3540	+ $filmstrip_container_width_in_percent = 100 * $filmstrip_width / $image_width * count($slide_rows);
3541	+ $filmstrip_container_height_in_percent = 100;
3542	+ }
3543	+ else {
3544	+ $filmstrip_width = $slider_row->film_thumb_width;
3545	+ $filmstrip_height = $slider_row->film_thumb_height;
3546	+ $filmstrip_width_in_percent = 100 * $filmstrip_width / ($image_width + $filmstrip_width);
3547	+ $filmstrip_height_in_percent = 100 / count($slide_rows);
3548	+ $filmstrip_container_width_in_percent = 100;
3549	+ $filmstrip_container_height_in_percent = 100 * $filmstrip_height / $image_height * count($slide_rows);
3550	+ }
3551	+ }
3552	+ else {
3553	+ $filmstrip_width_in_percent = 0;
3554	+ $filmstrip_height_in_percent = 0;
3555	+ $filmstrip_container_width_in_percent = 0;
3556	+ $filmstrip_container_height_in_percent = 0;
3557	+ }
3558	+ $left_or_top = 'left';
3559	+ $width_or_height = 'width';
3560	+ if (!($filmstrip_direction == 'horizontal')) {
3561	+ $left_or_top = 'top';
3562	+ $width_or_height = 'height';
3563	+ }
3564	+
3565	+ $carousel = isset($slider_row->carousel) ? $slider_row->carousel : FALSE;
3566	+ $smart_crop = isset($slider_row->smart_crop) ? $slider_row->smart_crop : 0;
3567	+ $crop_image_position = isset($slider_row->crop_image_position) ? $slider_row->crop_image_position : 'center center';
3568	+ $hide_on_mobile = (isset($slider_row->hide_on_mobile) ? $slider_row->hide_on_mobile : 0);
3569	+ $full_width_for_mobile = isset($slider_row->full_width_for_mobile) ? (int) $slider_row->full_width_for_mobile : 0;
3570	+ ob_start();
3571	+ ?>
3572	+ .wds_slider_<?php echo $wds; ?> video::-webkit-media-controls-panel {
3573	+ display: none!important;
3574	+ -webkit-appearance: none;
3575	+ }
3576	+ .wds_slider_<?php echo $wds; ?> video::--webkit-media-controls-play-button {
3577	+ display: none!important;
3578	+ -webkit-appearance: none;
3579	+ }
3580	+ .wds_slider_<?php echo $wds; ?> video::-webkit-media-controls-start-playback-button {
3581	+ display: none!important;
3582	+ -webkit-appearance: none;
3583	+ }
3584	+ .wds_bigplay_<?php echo $wds; ?>,
3585	+ .wds_slideshow_image_<?php echo $wds; ?>,
3586	+ .wds_slideshow_video_<?php echo $wds; ?> {
3587	+ display: block;
3588	+ }
3589	+ .wds_bulframe_<?php echo $wds; ?> {
3590	+ display: none;
3591	+ background-image: url('');
3592	+ margin: 0px;
3593	+ position: absolute;
3594	+ z-index: 3;
3595	+ -webkit-transition: left 1s, right 1s;
3596	+ transition: left 1s, right 1s;
3597	+ width: <?php echo 100 * $thumb_size ?>%;
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; ?> * {
3608	+ box-sizing: border-box;
3609	+ -moz-box-sizing: border-box;
3610	+ -webkit-box-sizing: border-box;
3611	+ }
3612	+ #wds_container1_<?php echo $wds; ?> #wds_container2_<?php echo $wds; ?> .wds_slideshow_image_wrap_<?php echo $wds; ?> {
3613	+ background-color: <?php echo WDW_S_Library::spider_hex2rgba($slider_row->background_color, (100 - $slider_row->background_transparent) / 100); ?>;
3614	+ border-width: <?php echo $slider_row->glb_border_width; ?>px;
3615	+ border-style: <?php echo $slider_row->glb_border_style; ?>;
3616	+ border-color: #<?php echo $slider_row->glb_border_color; ?>;
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
3628	+ }
3629	+ ?>
3630	+ box-shadow: <?php echo $slider_row->glb_box_shadow; ?>;
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;
3648	+ vertical-align: middle;
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) {
3668	+ $prev_resolution = $resolutions[$key - 1] + 1;
3669	+ }
3670	+ else {
3671	+ $prev_resolution = 0;
3672	+ }
3673	+
3674	+ $media_slide_height = ($image_width > $resolution) ? ($image_height * $resolution) / $image_width : $image_height;
3675	+ $media_bull_size = ((int) ($resolution / 26) > $slider_row->bull_size) ? $slider_row->bull_size : (int) ($resolution / 26);
3676	+ $media_bull_margin = ($slider_row->bull_margin > 2 && $resolution < 481) ? 2 : $slider_row->bull_margin;
3677	+ $media_bull_size_cont = $media_bull_size + $media_bull_margin * ($slider_row->bull_butt_img_or_not == 'text' ? 4 : 2);
3678	+ $media_pp_butt_size = ((int) ($resolution / 16) > $slider_row->pp_butt_size) ? $slider_row->pp_butt_size : (int) ($resolution / 16);
3679	+ $media_rl_butt_size = ((int) ($resolution / 16) > $slider_row->rl_butt_size) ? $slider_row->rl_butt_size : (int) ($resolution / 16);
3680	+ ?>
3681	+ @media only screen and (min-width: <?php echo $prev_resolution; ?>px) and (max-width: <?php echo $resolution; ?>px) {
3682	+ .wds_bigplay_<?php echo $wds; ?>,
3683	+ .wds_bigplay_layer {
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;
3691	+ transition: background-image 0.2s ease-out;
3692	+ -ms-transition: background-image 0.2s ease-out;
3693	+ -moz-transition: background-image 0.2s ease-out;
3694	+ -webkit-transition: background-image 0.2s ease-out;
3695	+ top: 0;
3696	+ left: 0;
3697	+ right: 0;
3698	+ bottom: 0;
3699	+ margin: auto
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;
3707	+ background-repeat: no-repeat;
3708	+ background-size: cover;
3709	+ }
3710	+ #wds_container1_<?php echo $wds; ?> #wds_container2_<?php echo $wds; ?> .wds_slideshow_dots_thumbnails_<?php echo $wds; ?> {
3711	+ height: <?php echo $media_bull_size_cont; ?>px;
3712	+ width: <?php echo $media_bull_size_cont * $slides_count; ?>px;
3713	+ }
3714	+ #wds_container1_<?php echo $wds; ?> #wds_container2_<?php echo $wds; ?> .wds_slideshow_dots_<?php echo $wds; ?> {
3715	+ font-size: <?php echo $media_bull_size; ?>px;
3716	+ margin: <?php echo $media_bull_margin; ?>px;
3717	+ <?php
3718	+ if ($slider_row->bull_butt_img_or_not != 'text') {
3719	+ ?>
3720	+ width: <?php echo $media_bull_size; ?>px;
3721	+ height: <?php echo $media_bull_size; ?>px;
3722	+ <?php
3723	+ }
3724	+ else {
3725	+ ?>
3726	+ padding: <?php echo $media_bull_margin; ?>px;
3727	+ height: <?php echo $media_bull_size + 2 * $media_bull_margin; ?>px;
3728	+ <?php
3729	+ }
3730	+ ?>
3731	+ }
3732	+ #wds_container1_<?php echo $wds; ?> #wds_container2_<?php echo $wds; ?> .wds_pp_btn_cont {
3733	+ font-size: <?php echo $media_pp_butt_size; ?>px;
3734	+ height: <?php echo $media_pp_butt_size; ?>px;
3735	+ width: <?php echo $media_pp_butt_size; ?>px;
3736	+ }
3737	+ #wds_container1_<?php echo $wds; ?> #wds_container2_<?php echo $wds; ?> .wds_left_btn_cont,
3738	+ #wds_container1_<?php echo $wds; ?> #wds_container2_<?php echo $wds; ?> .wds_right_btn_cont {
3739	+ height: <?php echo $media_rl_butt_size; ?>px;
3740	+ font-size: <?php echo $media_rl_butt_size; ?>px;
3741	+ width: <?php echo $media_rl_butt_size; ?>px;
3742	+ }
3743	+ }
3744	+ <?php
3745	+ }
3746	+ ?>
3747	+ #wds_container1_<?php echo $wds; ?> #wds_container2_<?php echo $wds; ?> .wds_slideshow_video_<?php echo $wds; ?> {
3748	+ padding: 0 !important;
3749	+ margin: 0 !important;
3750	+ float: none !important;
3751	+ width: 100%;
3752	+ vertical-align: middle;
3753	+ display: inline-block;
3754	+ }
3755	+ #wds_container1_<?php echo $wds; ?> #wds_container2_<?php echo $wds; ?> #wds_slideshow_play_pause_<?php echo $wds; ?> {
3756	+ color: #<?php echo $slider_row->butts_color; ?>;
3757	+ cursor: pointer;
3758	+ position: relative;
3759	+ z-index: 13;
3760	+ width: inherit;
3761	+ height: inherit;
3762	+ font-size: inherit;
3763	+ }
3764	+ #wds_container1_<?php echo $wds; ?> #wds_container2_<?php echo $wds; ?> #wds_slideshow_play_pause_<?php echo $wds; ?>:hover {
3765	+ color: #<?php echo $slider_row->hover_color; ?>;
3766	+ cursor: pointer;
3767	+ }
3768	+ <?php
3769	+ if ($slider_row->play_paus_butt_img_or_not != 'style') {
3770	+ ?>
3771	+ #wds_container1_<?php echo $wds; ?> #wds_container2_<?php echo $wds; ?> .wds_slideshow_play_pause_<?php echo $wds; ?>.fa-pause:before,
3772	+ #wds_container1_<?php echo $wds; ?> #wds_container2_<?php echo $wds; ?> .wds_slideshow_play_pause_<?php echo $wds; ?>.fa-play:before {
3773	+ content: "";
3774	+ }
3775	+ #wds_container1_<?php echo $wds; ?> #wds_container2_<?php echo $wds; ?> #wds_slideshow_play_pause_<?php echo $wds; ?>.fa-play {
3776	+ background-image: url('<?php echo addslashes(htmlspecialchars_decode ($slider_row->play_butt_url, ENT_QUOTES)); ?>');
3777	+ background-position: center center;
3778	+ background-repeat: no-repeat;
3779	+ background-size: cover;
3780	+ transition: background-image 0.2s ease-out;
3781	+ -ms-transition: background-image 0.2s ease-out;
3782	+ -moz-transition: background-image 0.2s ease-out;
3783	+ -webkit-transition: background-image 0.2s ease-out;
3784	+ }
3785	+ #wds_container1_<?php echo $wds; ?> #wds_container2_<?php echo $wds; ?> #wds_slideshow_play_pause_<?php echo $wds; ?>.fa-play:before {
3786	+ content: url('<?php echo addslashes(htmlspecialchars_decode($slider_row->play_butt_hov_url, ENT_QUOTES)); ?>');
3787	+ width: 0;
3788	+ height: 0;
3789	+ visibility: hidden;
3790	+ }
3791	+ #wds_container1_<?php echo $wds; ?> #wds_container2_<?php echo $wds; ?> #wds_slideshow_play_pause_<?php echo $wds; ?>.fa-play:hover {
3792	+ background-image: url('<?php echo addslashes(htmlspecialchars_decode ($slider_row->play_butt_hov_url, ENT_QUOTES)); ?>');
3793	+ background-position: center center;
3794	+ background-repeat: no-repeat;
3795	+ background-size: cover;
3796	+ transition: background-image 0.2s ease-in;
3797	+ -ms-transition: background-image 0.2s ease-in;
3798	+ -moz-transition: background-image 0.2s ease-in;
3799	+ -webkit-transition: background-image 0.2s ease-in;
3800	+ }
3801	+ #wds_container1_<?php echo $wds; ?> #wds_container2_<?php echo $wds; ?> #wds_slideshow_play_pause_<?php echo $wds; ?>.fa-pause{
3802	+ background-image: url('<?php echo addslashes(htmlspecialchars_decode ($slider_row->paus_butt_url, ENT_QUOTES)); ?>');
3803	+ background-position: center center;
3804	+ background-repeat: no-repeat;
3805	+ background-size: cover;
3806	+ transition: background-image 0.2s ease-out;
3807	+ -ms-transition: background-image 0.2s ease-out;
3808	+ -moz-transition: background-image 0.2s ease-out;
3809	+ -webkit-transition: background-image 0.2s ease-out;
3810	+ }
3811	+ #wds_container1_<?php echo $wds; ?> #wds_container2_<?php echo $wds; ?> #wds_slideshow_play_pause_<?php echo $wds; ?>.fa-pause:before {
3812	+ content: url('<?php echo addslashes(htmlspecialchars_decode($slider_row->paus_butt_hov_url, ENT_QUOTES)); ?>');
3813	+ width: 0;
3814	+ height: 0;
3815	+ visibility: hidden;
3816	+ }
3817	+ #wds_container1_<?php echo $wds; ?> #wds_container2_<?php echo $wds; ?> #wds_slideshow_play_pause_<?php echo $wds; ?>.fa-pause:hover {
3818	+ background-image: url('<?php echo addslashes(htmlspecialchars_decode ($slider_row->paus_butt_hov_url, ENT_QUOTES)); ?>');
3819	+ background-position: center center;
3820	+ background-repeat: no-repeat;
3821	+ background-size: cover;
3822	+ transition: background-image 0.2s ease-in;
3823	+ -ms-transition: background-image 0.2s ease-in;
3824	+ -moz-transition: background-image 0.2s ease-in;
3825	+ -webkit-transition: background-image 0.2s ease-in;
3826	+ }
3827	+ <?php
3828	+ }
3829	+ ?>
3830	+ #wds_container1_<?php echo $wds; ?> #wds_container2_<?php echo $wds; ?> .wds_left-ico_<?php echo $wds; ?>,
3831	+ #wds_container1_<?php echo $wds; ?> #wds_container2_<?php echo $wds; ?> .wds_right-ico_<?php echo $wds; ?> {
3832	+ background-color: <?php echo WDW_S_Library::spider_hex2rgba($slider_row->nav_bg_color, (100 - $slider_row->butts_transparent) / 100); ?>;
3833	+ border-radius: <?php echo $slider_row->nav_border_radius; ?>;
3834	+ border: <?php echo $slider_row->nav_border_width; ?>px <?php echo $slider_row->nav_border_style; ?> #<?php echo $slider_row->nav_border_color; ?>;
3835	+ border-collapse: separate;
3836	+ color: #<?php echo $slider_row->butts_color; ?>;
3837	+ left: 0;
3838	+ top: 0;
3839	+ -moz-box-sizing: content-box;
3840	+ box-sizing: content-box;
3841	+ cursor: pointer;
3842	+ line-height: 0;
3843	+ width: inherit;
3844	+ height: inherit;
3845	+ font-size: inherit;
3846	+ position: absolute;
3847	+ }
3848	+ #wds_container1_<?php echo $wds; ?> #wds_container2_<?php echo $wds; ?> .wds_left-ico_<?php echo $wds; ?> {
3849	+ left: -<?php echo $navigation; ?>px;
3850	+ }
3851	+ #wds_container1_<?php echo $wds; ?> #wds_container2_<?php echo $wds; ?> .wds_right-ico_<?php echo $wds; ?> {
3852	+ left: <?php echo $navigation; ?>px;
3853	+ }
3854	+ <?php
3855	+ if ($slider_row->rl_butt_img_or_not != 'style') {
3856	+ ?>
3857	+ #wds_container1_<?php echo $wds; ?> #wds_container2_<?php echo $wds; ?> .wds_left-ico_<?php echo $wds; ?> {
3858	+ left: -<?php echo $navigation; ?>px;
3859	+ background-image: url('<?php echo addslashes(htmlspecialchars_decode($slider_row->left_butt_url, ENT_QUOTES)); ?>');
3860	+ background-position: center center;
3861	+ background-repeat: no-repeat;
3862	+ background-size: cover;
3863	+ transition: background-image 0.2s ease-out;
3864	+ -ms-transition: background-image 0.2s ease-out;
3865	+ -moz-transition: background-image 0.2s ease-out;
3866	+ -webkit-transition: background-image 0.2s ease-out;
3867	+ }
3868	+ #wds_container1_<?php echo $wds; ?> #wds_container2_<?php echo $wds; ?> .wds_left-ico_<?php echo $wds; ?>:before {
3869	+ content: url('<?php echo addslashes(htmlspecialchars_decode($slider_row->left_butt_hov_url, ENT_QUOTES)); ?>');
3870	+ width: 0;
3871	+ height: 0;
3872	+ visibility: hidden;
3873	+ }
3874	+ #wds_container1_<?php echo $wds; ?> #wds_container2_<?php echo $wds; ?> .wds_left-ico_<?php echo $wds; ?>:hover {
3875	+ left: -<?php echo $navigation; ?>px;
3876	+ background-image: url('<?php echo addslashes(htmlspecialchars_decode($slider_row->left_butt_hov_url, ENT_QUOTES)); ?>');
3877	+ background-position: center center;
3878	+ background-repeat: no-repeat;
3879	+ background-size: cover;
3880	+ transition: background-image 0.2s ease-in;
3881	+ -ms-transition: background-image 0.2s ease-in;
3882	+ -moz-transition: background-image 0.2s ease-in;
3883	+ -webkit-transition: background-image 0.2s ease-in;
3884	+ }
3885	+ #wds_container1_<?php echo $wds; ?> #wds_container2_<?php echo $wds; ?> .wds_right-ico_<?php echo $wds; ?> {
3886	+ left: <?php echo $navigation; ?>px;
3887	+ background-image: url('<?php echo addslashes(htmlspecialchars_decode($slider_row->right_butt_url, ENT_QUOTES)); ?>');
3888	+ background-position: center center;
3889	+ background-repeat: no-repeat;
3890	+ background-size: cover;
3891	+ transition: background-image 0.2s ease-out;
3892	+ -ms-transition: background-image 0.2s ease-out;
3893	+ -moz-transition: background-image 0.2s ease-out;
3894	+ -webkit-transition: background-image 0.2s ease-out;
3895	+ }
3896	+ #wds_container1_<?php echo $wds; ?> #wds_container2_<?php echo $wds; ?> .wds_right-ico_<?php echo $wds; ?>:before {
3897	+ content: url('<?php echo addslashes(htmlspecialchars_decode($slider_row->right_butt_hov_url, ENT_QUOTES)); ?>');
3898	+ width: 0;
3899	+ height: 0;
3900	+ visibility: hidden;
3901	+ }
3902	+ #wds_container1_<?php echo $wds; ?> #wds_container2_<?php echo $wds; ?> .wds_right-ico_<?php echo $wds; ?>:hover {
3903	+ left: <?php echo $navigation; ?>px;
3904	+ background-image: url('<?php echo addslashes(htmlspecialchars_decode($slider_row->right_butt_hov_url, ENT_QUOTES)); ?>');
3905	+ background-position: center center;
3906	+ background-repeat: no-repeat;
3907	+ background-size: cover;
3908	+ transition: background-image 0.2s ease-in;
3909	+ -ms-transition: background-image 0.2s ease-in;
3910	+ -moz-transition: background-image 0.2s ease-in;
3911	+ -webkit-transition: background-image 0.2s ease-in;
3912	+ }
3913	+ <?php
3914	+ }
3915	+ ?>
3916	+ #wds_container1_<?php echo $wds; ?> #wds_container2_<?php echo $wds; ?> #wds_slideshow_play_pause_<?php echo $wds; ?> {
3917	+ opacity: <?php echo $pp_btn_opacity; ?>;
3918	+ filter: "Alpha(opacity=<?php echo $pp_btn_opacity * 100; ?>)";
3919	+ }
3920	+ #wds_container1_<?php echo $wds; ?> #wds_container2_<?php echo $wds; ?> .wds_left-ico_<?php echo $wds; ?>:hover,
3921	+ #wds_container1_<?php echo $wds; ?> #wds_container2_<?php echo $wds; ?> .wds_right-ico_<?php echo $wds; ?>:hover {
3922	+ color: #<?php echo $slider_row->hover_color; ?>;
3923	+ cursor: pointer;
3924	+ }
3925	+
3926	+ /* Filmstrip*/
3927	+ #wds_container1_<?php echo $wds; ?> #wds_container2_<?php echo $wds; ?> .wds_slideshow_filmstrip_container_<?php echo $wds; ?> {
3928	+ background-color: #<?php echo $slider_row->film_bg_color; ?> !important;
3929	+ display: block;
3930	+ height: <?php echo ($filmstrip_direction == 'horizontal' ? $filmstrip_height_in_percent . '%' : '100%'); ?>;
3931	+ position: absolute;
3932	+ width: <?php echo ($filmstrip_direction == 'horizontal' ? '100%' : $filmstrip_width_in_percent . '%'); ?>;
3933	+ z-index: 10105;
3934	+ <?php echo $filmstrip_position; ?>: 0;
3935	+ overflow: hidden;
3936	+ }
3937	+ #wds_container1_<?php echo $wds; ?> #wds_container2_<?php echo $wds; ?> .wds_slideshow_filmstrip_<?php echo $wds; ?> {
3938	+ overflow: hidden;
3939	+ <?php if ($slider_row->film_pos == 'left') {
3940	+ ?>padding-right: <?php echo $slider_row->film_tmb_margin; ?>px;<?php
3941	+ }
3942	+ elseif ($slider_row->film_pos == 'right') {
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;
3953	+ height: <?php echo ($filmstrip_direction == 'horizontal' ? '100%' : $filmstrip_container_height_in_percent . '%'); ?>;
3954	+ width: <?php echo ($filmstrip_direction == 'horizontal' ? $filmstrip_container_width_in_percent . '%' : '100%'); ?>;
3955	+ }
3956	+ #wds_container1_<?php echo $wds; ?> #wds_container2_<?php echo $wds; ?> .wds_slideshow_filmstrip_thumbnails_<?php echo $wds; ?> {
3957	+ height: 100%;
3958	+ <?php echo $left_or_top; ?>: 0px;
3959	+ margin: 0 auto;
3960	+ overflow: hidden;
3961	+ position: relative;
3962	+ width: 100%;
3963	+ }
3964	+ #wds_container1_<?php echo $wds; ?> #wds_container2_<?php echo $wds; ?> .wds_slideshow_filmstrip_thumbnail_<?php echo $wds; ?> {
3965	+ position: relative;
3966	+ background: none;
3967	+ float: left;
3968	+ height: <?php echo $filmstrip_direction == 'horizontal' ? '100%' : $filmstrip_height_in_percent . '%'; ?>;
3969	+ padding: <?php echo $filmstrip_direction == 'horizontal' ? '0 0 0 ' . $slider_row->film_tmb_margin . 'px' : $slider_row->film_tmb_margin . 'px 0 0'; ?>;
3970	+ width: <?php echo ($filmstrip_direction == 'horizontal' ? $filmstrip_width_in_percent . '%' : '100%'); ?>;
3971	+ overflow: hidden;
3972	+ <?php
3973	+ if ($mouse_swipe_nav) {
3974	+ ?>
3975	+ cursor: -moz-grab;
3976	+ cursor: -webkit-grab;
3977	+ cursor: grab;
3978	+ <?php
3979	+ }
3980	+ else {
3981	+ ?>
3982	+ cursor: pointer;
3983	+ <?php
3984	+ }
3985	+ ?>
3986	+ }
3987	+ #wds_container1_<?php echo $wds; ?> #wds_container2_<?php echo $wds; ?> .wds_slideshow_filmstrip_thumbnail_<?php echo $wds; ?> :active{
3988	+ <?php
3989	+ if ($mouse_swipe_nav) {
3990	+ ?>
3991	+ cursor: -moz-grab;
3992	+ cursor: -webkit-grab;
3993	+ cursor: grab;
3994	+ <?php
3995	+ }
3996	+ else {
3997	+ ?>
3998	+ cursor: inherit;
3999	+ <?php
4000	+ }
4001	+ ?>
4002	+ }
4003	+ #wds_container1_<?php echo $wds; ?> #wds_container2_<?php echo $wds; ?> #wds_filmstrip_thumbnail_0_<?php echo $wds; ?> {
4004	+ <?php echo $filmstrip_direction == 'horizontal' ? 'margin-left: 0' : 'margin-top: 0'; ?>;
4005	+ }
4006	+ #wds_container1_<?php echo $wds; ?> #wds_container2_<?php echo $wds; ?> .wds_slideshow_thumb_active_<?php echo $wds; ?> div {
4007	+ opacity: 1;
4008	+ filter: Alpha(opacity=100);
4009	+ border: <?php echo $slider_row->film_act_border_width; ?>px <?php echo $slider_row->film_act_border_style; ?> #<?php echo $slider_row->film_act_border_color; ?>;
4010	+ }
4011	+ #wds_container1_<?php echo $wds; ?> #wds_container2_<?php echo $wds; ?> .wds_slideshow_thumb_deactive_<?php echo $wds; ?> {
4012	+ opacity: <?php echo number_format((100 - $slider_row->film_dac_transparent) / 100, 2, ".", ""); ?>;
4013	+ filter: Alpha(opacity=<?php echo 100 - $slider_row->film_dac_transparent; ?>);
4014	+ }
4015	+ #wds_container1_<?php echo $wds; ?> #wds_container2_<?php echo $wds; ?> .wds_slideshow_filmstrip_thumbnail_img_<?php echo $wds; ?> {
4016	+ display: block;
4017	+ opacity: 1;
4018	+ filter: Alpha(opacity=100);
4019	+ padding: 0 !important;
4020	+ background-position: center center;
4021	+ background-repeat: no-repeat;
4022	+ background-size: cover;
4023	+ width: 100%;
4024	+ height: 100%;
4025	+ }
4026	+ #wds_container1_<?php echo $wds; ?> #wds_container2_<?php echo $wds; ?> .wds_slideshow_filmstrip_left_<?php echo $wds; ?>,
4027	+ #wds_container1_<?php echo $wds; ?> #wds_container2_<?php echo $wds; ?> .wds_slideshow_filmstrip_right_<?php echo $wds; ?> {
4028	+ background-color: rgba(0, 0, 0, 0);
4029	+ cursor: pointer;
4030	+ display: table;
4031	+ vertical-align: middle;
4032	+ <?php echo $width_or_height; ?>: 20px;
4033	+ z-index: 10000;
4034	+ position: absolute;
4035	+ <?php echo ($filmstrip_direction == 'horizontal' ? 'height: 100%' : 'width: 100%') ?>;
4036	+ }
4037	+ #wds_container1_<?php echo $wds; ?> #wds_container2_<?php echo $wds; ?> .wds_slideshow_filmstrip_left_<?php echo $wds; ?> {
4038	+ <?php echo $left_or_top; ?>: 0;
4039	+ }
4040	+ #wds_container1_<?php echo $wds; ?> #wds_container2_<?php echo $wds; ?> .wds_slideshow_filmstrip_right_<?php echo $wds; ?> {
4041	+ <?php echo($filmstrip_direction == 'horizontal' ? 'right' : 'bottom') ?>: 0;
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);
4051	+ }
4052	+ #wds_container1_<?php echo $wds; ?> #wds_container2_<?php echo $wds; ?> .wds_none_selectable_<?php echo $wds; ?> {
4053	+ -webkit-touch-callout: none;
4054	+ -webkit-user-select: none;
4055	+ -khtml-user-select: none;
4056	+ -moz-user-select: none;
4057	+ -ms-user-select: none;
4058	+ user-select: none;
4059	+ }
4060	+ #wds_container1_<?php echo $wds; ?> #wds_container2_<?php echo $wds; ?> .wds_slide_container_<?php echo $wds; ?> {
4061	+ display: table-cell;
4062	+ margin: 0 auto;
4063	+ position: absolute;
4064	+ vertical-align: middle;
4065	+ width: 100%;
4066	+ height: 100%;
4067	+ overflow: hidden;
4068	+ cursor: <?php echo $mouse_swipe_nav ? '-moz-grab' : 'inherit'; ?>;
4069	+ cursor: <?php echo $mouse_swipe_nav ? '-webkit-grab' : 'inherit'; ?>;
4070	+ cursor: <?php echo $mouse_swipe_nav ? 'grab' : 'inherit'; ?>;
4071	+ }
4072	+ #wds_container1_<?php echo $wds; ?> #wds_container2_<?php echo $wds; ?> .wds_slide_container_<?php echo $wds; ?>:active {
4073	+ cursor: <?php echo $mouse_swipe_nav ? '-moz-grabbing' : 'inherit'; ?>;
4074	+ cursor: <?php echo $mouse_swipe_nav ? '-webkit-grabbing' : 'inherit'; ?>;
4075	+ cursor: <?php echo $mouse_swipe_nav ? 'grabbing' : 'inherit'; ?>;
4076	+ }
4077	+ #wds_container1_<?php echo $wds; ?> #wds_container2_<?php echo $wds; ?> .wds_slide_bg_<?php echo $wds; ?> {
4078	+ margin: 0 auto;
4079	+ width: /inherit/100%;
4080	+ height: /inherit/100%;
4081	+ }
4082	+ #wds_container1_<?php echo $wds; ?> #wds_container2_<?php echo $wds; ?> .wds_slider_<?php echo $wds; ?> {
4083	+ height: /inherit/100%;
4084	+ width: /inherit/100%;
4085	+ }
4086	+ #wds_container1_<?php echo $wds; ?> #wds_container2_<?php echo $wds; ?> .wds_slideshow_image_spun_<?php echo $wds; ?> {
4087	+ width: /inherit/100%;
4088	+ height: /inherit/100%;
4089	+ display: table-cell;
4090	+ filter: Alpha(opacity=100);
4091	+ opacity: 1;
4092	+ position: absolute;
4093	+ vertical-align: middle;
4094	+ z-index: 2;
4095	+ }
4096	+ #wds_container1_<?php echo $wds; ?> #wds_container2_<?php echo $wds; ?> .wds_slideshow_image_second_spun_<?php echo $wds; ?> {
4097	+ width: /inherit/100%;
4098	+ height: /inherit/100%;
4099	+ display: table-cell;
4100	+ filter: Alpha(opacity=0);
4101	+ opacity: 0;
4102	+ position: absolute;
4103	+ vertical-align: middle;
4104	+ z-index: 1;
4105	+ }
4106	+ #wds_container1_<?php echo $wds; ?> #wds_container2_<?php echo $wds; ?> .wds_grid_<?php echo $wds; ?> {
4107	+ display: none;
4108	+ height: 100%;
4109	+ overflow: hidden;
4110	+ position: absolute;
4111	+ width: 100%;
4112	+ }
4113	+ #wds_container1_<?php echo $wds; ?> #wds_container2_<?php echo $wds; ?> .wds_gridlet_<?php echo $wds; ?> {
4114	+ opacity: 1;
4115	+ filter: Alpha(opacity=100);
4116	+ position: absolute;
4117	+ }
4118	+ /* Dots.*/
4119	+ #wds_container1_<?php echo $wds; ?> #wds_container2_<?php echo $wds; ?> .wds_slideshow_dots_container_<?php echo $wds; ?> {
4120	+ opacity: <?php echo $bull_hover; ?>;
4121	+ filter: "Alpha(opacity=<?php echo $bull_hover * 100; ?>)";
4122	+ }
4123	+ #wds_container1_<?php echo $wds; ?> #wds_container2_<?php echo $wds; ?> .wds_slideshow_dots_container_<?php echo $wds; ?> {
4124	+ display: block;
4125	+ overflow: hidden;
4126	+ position: absolute;
4127	+ width: 100%;
4128	+ <?php echo $bull_position; ?>: 0;
4129	+ /z-index: 17;/
4130	+ }
4131	+ #wds_container1_<?php echo $wds; ?> #wds_container2_<?php echo $wds; ?> .wds_slideshow_dots_thumbnails_<?php echo $wds; ?> {
4132	+ left: 0px;
4133	+ font-size: 0;
4134	+ margin: 0 auto;
4135	+ position: relative;
4136	+ z-index: 999;
4137	+ }
4138	+ #wds_container1_<?php echo $wds; ?> #wds_container2_<?php echo $wds; ?> .wds_slideshow_dots_<?php echo $wds; ?> {
4139	+ display: inline-block;
4140	+ position: relative;
4141	+ color: #<?php echo $slider_row->bull_color; ?>;
4142	+ cursor: pointer;
4143	+ z-index: 17;
4144	+ }
4145	+ #wds_container1_<?php echo $wds; ?> #wds_container2_<?php echo $wds; ?> .wds_slideshow_dots_active_<?php echo $wds; ?> {
4146	+ color: #<?php echo $slider_row->bull_act_color; ?>;
4147	+ opacity: 1;
4148	+ filter: Alpha(opacity=100);
4149	+ <?php
4150	+ if ($slider_row->bull_butt_img_or_not != 'style' && $slider_row->bull_butt_img_or_not != 'text') {
4151	+ ?>
4152	+ display: inline-block;
4153	+ background-image: url('<?php echo addslashes(htmlspecialchars_decode($slider_row->bullets_img_main_url, ENT_QUOTES)); ?>');
4154	+ background-position: center center;
4155	+ background-repeat: no-repeat;
4156	+ background-size: cover;
4157	+ transition: background-image 0.2s ease-in;
4158	+ -ms-transition: background-image 0.2s ease-in;
4159	+ -moz-transition: background-image 0.2s ease-in;
4160	+ -webkit-transition: background-image 0.2s ease-in;
4161	+ <?php
4162	+ }
4163	+ else if ($slider_row->bull_butt_img_or_not == 'text') {
4164	+ ?>
4165	+ background-color: #<?php echo $slider_row->bull_back_act_color; ?>;
4166	+ border-radius: <?php echo $slider_row->bull_radius; ?>;
4167	+ <?php
4168	+ }
4169	+ ?>
4170	+ }
4171	+ #wds_container1_<?php echo $wds; ?> #wds_container2_<?php echo $wds; ?> .wds_slideshow_dots_deactive_<?php echo $wds; ?> {
4172	+ <?php
4173	+ if ($slider_row->bull_butt_img_or_not != 'style' && $slider_row->bull_butt_img_or_not != 'text') {
4174	+ ?>
4175	+ display: inline-block;
4176	+ background-image: url('<?php echo addslashes(htmlspecialchars_decode($slider_row->bullets_img_hov_url, ENT_QUOTES)); ?>');
4177	+ background-position: center center;
4178	+ background-repeat: no-repeat;
4179	+ background-size: cover;
4180	+ transition: background-image 0.2s ease-in;
4181	+ -ms-transition: background-image 0.2s ease-in;
4182	+ -moz-transition: background-image 0.2s ease-in;
4183	+ -webkit-transition: background-image 0.2s ease-in;
4184	+ <?php
4185	+ }
4186	+ else if ($slider_row->bull_butt_img_or_not == 'text') {
4187	+ ?>
4188	+ background-color: #<?php echo $slider_row->bull_back_color; ?>;
4189	+ border-radius: <?php echo $slider_row->bull_radius; ?>;
4190	+ <?php
4191	+ }
4192	+ ?>
4193	+ }
4194	+ <?php
4195	+ if ($slider_row->timer_bar_type == 'top' \|\| $slider_row->timer_bar_type == 'bottom') {
4196	+ ?>
4197	+ /* Line timer.*/
4198	+ #wds_container1_<?php echo $wds; ?> #wds_container2_<?php echo $wds; ?> .wds_line_timer_container_<?php echo $wds; ?> {
4199	+ display: block;
4200	+ position: absolute;
4201	+ overflow: hidden;
4202	+ <?php echo $slider_row->timer_bar_type; ?>: 0;
4203	+ z-index: 16;
4204	+ width: 100%;
4205	+ height: <?php echo $slider_row->timer_bar_size; ?>px;
4206	+ }
4207	+ #wds_container1_<?php echo $wds; ?> #wds_container2_<?php echo $wds; ?> .wds_line_timer_<?php echo $wds; ?> {
4208	+ z-index: 17;
4209	+ width: 0;
4210	+ height: <?php echo $slider_row->timer_bar_size; ?>px;
4211	+ background: #<?php echo $slider_row->timer_bar_color; ?>;
4212	+ opacity: <?php echo number_format((100 - $slider_row->timer_bar_transparent) / 100, 2, ".", ""); ?>;
4213	+ filter: alpha(opacity=<?php echo 100 - $slider_row->timer_bar_transparent; ?>);
4214	+ }
4215	+ <?php
4216	+ }
4217	+ elseif ($slider_row->timer_bar_type != 'none') {
4218	+ ?>
4219	+ /* Circle timer.*/
4220	+ #wds_container1_<?php echo $wds; ?> #wds_container2_<?php echo $wds; ?> .wds_line_timer_container_<?php echo $wds; ?> {
4221	+ display: block;
4222	+ position: absolute;
4223	+ overflow: hidden;
4224	+ <?php echo $slider_row->timer_bar_type; ?>: 0;
4225	+ z-index: 16;
4226	+ width: 100%;
4227	+ height: <?php echo $circle_timer_size; ?>px;
4228	+ }
4229	+ #wds_container1_<?php echo $wds; ?> #wds_container2_<?php echo $wds; ?> .wds_circle_timer_container_<?php echo $wds; ?> {
4230	+ display: block;
4231	+ position: absolute;
4232	+ overflow: hidden;
4233	+ z-index: 16;
4234	+ width: 100%;
4235	+ <?php switch ($slider_row->timer_bar_type) {
4236	+ case 'circle_top_right': echo 'top: 0px; text-align:right;'; break;
4237	+ case 'circle_top_left': echo 'top: 0px; text-align:left;'; break;
4238	+ case 'circle_bot_right': echo 'bottom: 0px; text-align:right;'; break;
4239	+ case 'circle_bot_left': echo 'bottom: 0px; text-align:left;'; break;
4240	+ default: 'top: 0px; text-align:right;';
4241	+ } ?>
4242	+ }
4243	+ #wds_container1_<?php echo $wds; ?> #wds_container2_<?php echo $wds; ?> .wds_circle_timer_container_<?php echo $wds; ?> .wds_circle_timer_<?php echo $wds; ?> {
4244	+ display: inline-block;
4245	+ width: <?php echo $circle_timer_size; ?>px;
4246	+ height: <?php echo $circle_timer_size; ?>px;
4247	+ position: relative;
4248	+ opacity: <?php echo number_format((100 - $slider_row->timer_bar_transparent) / 100, 2, ".", ""); ?>;
4249	+ filter: alpha(opacity=<?php echo 100 - $slider_row->timer_bar_transparent; ?>);
4250	+ }
4251	+ #wds_container1_<?php echo $wds; ?> #wds_container2_<?php echo $wds; ?> .wds_circle_timer_container_<?php echo $wds; ?> .wds_circle_timer_<?php echo $wds; ?> .wds_circle_timer_parts_<?php echo $wds; ?> {
4252	+ display: table;
4253	+ width: 100%;
4254	+ height: 100%;
4255	+ border-radius: 100%;
4256	+ position: relative;
4257	+ }
4258	+ .wds_circle_timer_part_<?php echo $wds; ?> {
4259	+ display: table-cell;
4260	+ width: 50%;
4261	+ height: 100%;
4262	+ overflow: hidden !important;
4263	+ }
4264	+ .wds_circle_timer_small_parts_<?php echo $wds; ?> {
4265	+ display: block;
4266	+ width: 100%;
4267	+ height: 50%;
4268	+ background: #<?php echo $slider_row->timer_bar_color; ?>;
4269	+ position: relative;
4270	+ }
4271	+ .wds_circle_timer_center_cont_<?php echo $wds; ?> {
4272	+ display: table;
4273	+ width: <?php echo $circle_timer_size; ?>px;
4274	+ height: <?php echo $circle_timer_size; ?>px;
4275	+ position: absolute;
4276	+ text-align: center;
4277	+ top:0px;
4278	+ vertical-align:middle;
4279	+ }
4280	+ .wds_circle_timer_center_<?php echo $wds; ?> {
4281	+ display: table-cell;
4282	+ width: 100%;
4283	+ height: 100%;
4284	+ text-align: center;
4285	+ line-height: 0px !important;
4286	+ vertical-align: middle;
4287	+ }
4288	+ .wds_circle_timer_center_<?php echo $wds; ?> div {
4289	+ display: inline-block;
4290	+ width: <?php echo $circle_timer_size / 2 - 2; ?>px;
4291	+ height: <?php echo $circle_timer_size / 2 - 2; ?>px;
4292	+ background-color: #FFFFFF;
4293	+ border-radius: 100%;
4294	+ z-index: 300;
4295	+ position: relative;
4296	+ }
4297	+
4298	+ <?php
4299	+ }
4300	+ ?>
4301	+ #wds_container1_<?php echo $wds; ?> #wds_container2_<?php echo $wds; ?> .wds_slide_container_<?php echo $wds; ?> {
4302	+ height: /inherit/100%;
4303	+ }
4304	+ #wds_container1_<?php echo $wds; ?> #wds_container2_<?php echo $wds; ?> .wds_slideshow_image_spun1_<?php echo $wds; ?> {
4305	+ display: table;
4306	+ width: <?php echo $carousel ? "100%" : "/inherit/100%"; ?>;
4307	+ height: <?php echo $carousel ? "100%" : "/inherit/100%"; ?>;
4308	+ }
4309	+ #wds_container1_<?php echo $wds; ?> #wds_container2_<?php echo $wds; ?> .wds_slideshow_image_spun2_<?php echo $wds; ?> {
4310	+ display: table-cell;
4311	+ vertical-align: middle;
4312	+ text-align: center;
4313	+ overflow: hidden;
4314	+ height: /inherit/100%;
4315	+ }
4316	+ #wds_container1_<?php echo $wds; ?> #wds_container2_<?php echo $wds; ?> .wds_video_layer_frame_<?php echo $wds; ?> {
4317	+ max-height: 100%;
4318	+ max-width: 100%;
4319	+ width: 100%;
4320	+ height: 100%;
4321	+ }
4322	+ #wds_container1_<?php echo $wds; ?> #wds_container2_<?php echo $wds; ?> .wds_video_hide<?php echo $wds; ?> {
4323	+ width: 100%;
4324	+ height: 100%;
4325	+ position:absolute;
4326	+ }
4327	+ #wds_container1_<?php echo $wds; ?> #wds_container2_<?php echo $wds; ?> .wds_slider_car_image<?php echo $wds; ?> {
4328	+ overflow: hidden;
4329	+ }
4330	+ #wds_container1_<?php echo $wds; ?> .wds_loading_img {
4331	+ background-image: url('<?php echo WD_S_URL ?>/images/loading/<?php echo $loading_gif; ?>.gif');
4332	+ }
4333	+ <?php
4334	+ if ($hide_on_mobile) {
4335	+ ?>
4336	+ @media screen and (max-width: <?php echo $hide_on_mobile; ?>px){
4337	+ #wds_container1_<?php echo $wds; ?> {
4338	+ display: none;
4339	+ }
4340	+ }
4341	+ <?php
4342	+ }
4343	+ if ($full_width_for_mobile) {
4344	+ ?>
4345	+ @media screen and (max-width: <?php echo $full_width_for_mobile; ?>px) {
4346	+ #wds_container1_<?php echo $wds; ?> #wds_container2_<?php echo $wds; ?> {
4347	+ margin:<?php echo $slider_row->glb_margin; ?>px 0;
4348	+ position: relative;
4349	+ }
4350	+ #wds_container1_<?php echo $wds; ?> #wds_container2_<?php echo $wds; ?> .wds_slideshow_image_wrap_<?php echo $wds; ?> {
4351	+ position: absolute;
4352	+ }
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	}

frontend/controllers/WDSControllerSlider.php CHANGED Viewed

@@ -1,43 +1,20 @@
             <?php
-            -
             class WDSControllerSlider {
-            -
              ////////////////////////////////////////////////////////////////////////////////////////
-            -
              // Events                                                                             //
-            -
              ////////////////////////////////////////////////////////////////////////////////////////
-            -
              ////////////////////////////////////////////////////////////////////////////////////////
-            -
              // Constants                                                                          //
-            -
              ////////////////////////////////////////////////////////////////////////////////////////
-            -
              ////////////////////////////////////////////////////////////////////////////////////////
-            -
              // Variables                                                                          //
-            -
              ////////////////////////////////////////////////////////////////////////////////////////
-            -
              ////////////////////////////////////////////////////////////////////////////////////////
-            -
              // Constructor & Destructor                                                           //
-            -
              ////////////////////////////////////////////////////////////////////////////////////////
               public function __construct() {
+              }
-            -
              ////////////////////////////////////////////////////////////////////////////////////////
-            -
              // Public Methods                                                                     //
-            -
              ////////////////////////////////////////////////////////////////////////////////////////
-            -
              public function execute($id = 0, $from_shortcode = 0, $curr = 0) {
-            -
                $this->display($id, $from_shortcode, $curr);
+              }
-            -
              public function display($id, $from_shortcode = 0, $curr = 0) {
                 require_once WD_S_DIR . "/frontend/models/WDSModelSlider.php";
                 $model = new WDSModelSlider();
                 require_once WD_S_DIR . "/frontend/views/WDSViewSlider.php";
                 $view = new WDSViewSlider($model);
-            -
                $view->display($id, $from_shortcode, $curr);
+              }
-            -
              ////////////////////////////////////////////////////////////////////////////////////////
-            -
              // Getters & Setters                                                                  //
-            -
              ////////////////////////////////////////////////////////////////////////////////////////
-            -
              ////////////////////////////////////////////////////////////////////////////////////////
-            -
              // Private Methods                                                                    //
-            -
              ////////////////////////////////////////////////////////////////////////////////////////
-            -
              ////////////////////////////////////////////////////////////////////////////////////////
-            -
              // Listeners                                                                          //
-            -
              ////////////////////////////////////////////////////////////////////////////////////////
+            }


1	<?php

2	class WDSControllerSlider {
3	+











4	public function __construct() {
5	}
6	+
7	+ public function execute( $id = 0, $from_shortcode = 0, $wds = 0 ) {
8	+ $this->display($id, $from_shortcode, $wds);


9	}
10
11	+ public function display( $id, $from_shortcode = 0, $wds = 0 ) {
12	require_once WD_S_DIR . "/frontend/models/WDSModelSlider.php";
13	$model = new WDSModelSlider();
14
15	require_once WD_S_DIR . "/frontend/views/WDSViewSlider.php";
16	$view = new WDSViewSlider($model);
17
18	+ $view->display( $id, $from_shortcode, $wds );
19	}









20	}

frontend/models/WDSModelSlider.php CHANGED Viewed

@@ -1,34 +1,26 @@
             <?php
-            -
             class WDSModelSlider {
-            -
              ////////////////////////////////////////////////////////////////////////////////////////
-            -
              // Events                                                                             //
-            -
              ////////////////////////////////////////////////////////////////////////////////////////
-            -
              ////////////////////////////////////////////////////////////////////////////////////////
-            -
              // Constants                                                                          //
-            -
              ////////////////////////////////////////////////////////////////////////////////////////
-            -
              ////////////////////////////////////////////////////////////////////////////////////////
-            -
              // Variables                                                                          //
-            -
              ////////////////////////////////////////////////////////////////////////////////////////
-            -
              ////////////////////////////////////////////////////////////////////////////////////////
-            -
              // Constructor & Destructor                                                           //
-            -
              ////////////////////////////////////////////////////////////////////////////////////////
-            -
              public function __construct() {
-            -
              }
-            -
              ////////////////////////////////////////////////////////////////////////////////////////
-            -
              // Public Methods                                                                     //
-            -
              ////////////////////////////////////////////////////////////////////////////////////////
               public function get_slide_rows_data($id, $order_dir = 'asc') {
                 global $wpdb;
                 $rows = $wpdb->get_results('SELECT * FROM ' . $wpdb->prefix . 'wdsslide WHERE published=1 AND slider_id="'. $id .'" AND image_url<>"" AND image_url NOT LIKE "%images/no-image.png%" ORDER BY `order` ' . esc_sql($order_dir));
                 foreach ($rows as $row) {
                   $row->image_url = str_replace('{site_url}', site_url(), $row->image_url);
                   $row->thumb_url = str_replace('{site_url}', site_url(), $row->thumb_url);
+                }
                 return $rows;
+              }
-            -
               public function get_slider_row_data($id) {
                 global $wpdb;
                 $row = $wpdb->get_row($wpdb->prepare('SELECT * FROM ' . $wpdb->prefix . 'wdsslider WHERE id="%d"', $id));
@@ -55,19 +47,56 @@ class WDSModelSlider {
               public function get_layers_row_data($slide_id, $id) {
                 global $wpdb;
-            -
                $rows = $wpdb->get_results($wpdb->prepare("SELECT layer.* FROM " . $wpdb->prefix . "wdslayer as layer INNER JOIN " . $wpdb->prefix . "wdsslide as slide on layer.slide_id=slide.id INNER JOIN " . $wpdb->prefix . "wdsslider as slider on slider.id=slide.slider_id WHERE layer.slide_id=%d OR (slider.id=%d AND layer.static_layer=1) ORDER BY layer.`depth` ASC", $slide_id, $id));
                 foreach ($rows as $row) {
                   $row->image_url = str_replace('{site_url}', site_url(), $row->image_url);
+                }
                 return $rows;
+              }
-            -
              ////////////////////////////////////////////////////////////////////////////////////////
-            -
              // Getters & Setters                                                                  //
-            -
              ////////////////////////////////////////////////////////////////////////////////////////
-            -
              ////////////////////////////////////////////////////////////////////////////////////////
-            -
              // Private Methods                                                                    //
-            -
              ////////////////////////////////////////////////////////////////////////////////////////
-            -
              ////////////////////////////////////////////////////////////////////////////////////////
-            -
              // Listeners                                                                          //
-            -
              ////////////////////////////////////////////////////////////////////////////////////////
+            }


1	<?php

2	class WDSModelSlider {

















3
4	public function get_slide_rows_data($id, $order_dir = 'asc') {
5	global $wpdb;
6	$rows = $wpdb->get_results('SELECT * FROM ' . $wpdb->prefix . 'wdsslide WHERE published=1 AND slider_id="'. $id .'" AND image_url<>"" AND image_url NOT LIKE "%images/no-image.png%" ORDER BY `order` ' . esc_sql($order_dir));
7	foreach ($rows as $row) {
8	+ $title_dimension = json_decode($row->title);
9	+ if ($title_dimension) {
10	+ $row->att_width = $title_dimension->att_width;
11	+ $row->att_height = $title_dimension->att_height;
12	+ $row->title = $title_dimension->title;
13	+ }
14	+ else {
15	+ $row->att_width = 0;
16	+ $row->att_height = 0;
17	+ }
18	$row->image_url = str_replace('{site_url}', site_url(), $row->image_url);
19	$row->thumb_url = str_replace('{site_url}', site_url(), $row->thumb_url);
20	}
21	return $rows;
22	}
23	+
24	public function get_slider_row_data($id) {
25	global $wpdb;
26	$row = $wpdb->get_row($wpdb->prepare('SELECT * FROM ' . $wpdb->prefix . 'wdsslider WHERE id="%d"', $id));

47
48	public function get_layers_row_data($slide_id, $id) {
49	global $wpdb;
50	+ $sql_query = "SELECT layer.* FROM " . $wpdb->prefix . "wdslayer as layer INNER JOIN " . $wpdb->prefix . "wdsslide as slide on layer.slide_id=slide.id INNER JOIN " . $wpdb->prefix . "wdsslider as slider on slider.id=slide.slider_id WHERE layer.slide_id = %d OR (slider.id=%d AND layer.static_layer=1) ORDER BY layer.`depth` ASC";
51	+ $rows = $wpdb->get_results($wpdb->prepare($sql_query, $slide_id, $id));
52	foreach ($rows as $row) {
53	+ $title_dimension = json_decode($row->title);
54	+ if ($title_dimension) {
55	+ $row->attr_width = $title_dimension->attr_width;
56	+ $row->attr_height = $title_dimension->attr_height;
57	+ $row->title = $title_dimension->title;
58	+ }
59	+ else {
60	+ $row->attr_width = 0;
61	+ $row->attr_height = 0;
62	+ }
63	$row->image_url = str_replace('{site_url}', site_url(), $row->image_url);
64	}
65	return $rows;
66	}
67	+
68	+ public function get_layers_by_slider_id_slide_ids($slider_id, $slide_ids) {
69	+ global $wpdb;
70	+ $sql_query = 'SELECT
71	+ `layer`.*
72	+ FROM
73	+ `'. $wpdb->prefix .'wdslayer` AS `layer`
74	+ INNER JOIN `'. $wpdb->prefix .'wdsslide` AS `slide` ON `layer`.`slide_id` = `slide`.`id`
75	+ INNER JOIN `'. $wpdb->prefix .'wdsslider` AS `slider` ON `slider`.`id` = `slide`.`slider_id`
76	+ WHERE
77	+ `layer`.`slide_id` IN ('. implode( $slide_ids, ',' ) .')
78	+ OR (
79	+ `slider`.`id` = '. $slider_id .' AND
80	+ `layer`.`static_layer` = 1
81	+ )
82	+ ORDER BY
83	+ `layer`.`depth` ASC
84	+ ';
85	+ $rows = $wpdb->get_results($sql_query);
86	+ $layers = array();
87	+ if ( !empty($rows) ) {
88	+ foreach ($rows as $row) {
89	+ $row->attr_width = 0;
90	+ $row->attr_height = 0;
91	+ $title_dimension = json_decode($row->title);
92	+ if ($title_dimension) {
93	+ $row->title = $title_dimension->title;
94	+ }
95	+
96	+ $row->image_url = str_replace('{site_url}', site_url(), $row->image_url);
97	+ $layers[$row->slide_id][] = $row;
98	+ }
99	+ }
100	+ return $layers;
101	+ }
102	}

frontend/views/WDSViewSlider.php CHANGED Viewed

@@ -1,63 +1,43 @@
             <?php
-            -
             class WDSViewSlider {
-            -
              ////////////////////////////////////////////////////////////////////////////////////////
-            -
              // Events                                                                             //
-            -
              ////////////////////////////////////////////////////////////////////////////////////////
-            -
              ////////////////////////////////////////////////////////////////////////////////////////
-            -
              // Constants                                                                          //
-            -
              ////////////////////////////////////////////////////////////////////////////////////////
-            -
              ////////////////////////////////////////////////////////////////////////////////////////
-            -
              // Variables                                                                          //
-            -
              ////////////////////////////////////////////////////////////////////////////////////////
-            -
              private $model;
-            -
              ////////////////////////////////////////////////////////////////////////////////////////
-            -
              // Constructor & Destructor                                                           //
-            -
              ////////////////////////////////////////////////////////////////////////////////////////
-            -
              public function __construct($model) {
                 $this->model = $model;
+              }
-            -
              ////////////////////////////////////////////////////////////////////////////////////////
-            -
              // Public Methods                                                                     //
-            -
              ////////////////////////////////////////////////////////////////////////////////////////
-            -
              public function display($id, $from_shortcode = 0, $wds = 0) {
-            -
                $wds_global_options = get_option("wds_global_options", 0);
-            -
                $global_options = json_decode($wds_global_options);
-            -
                $register_scripts = isset($global_options->register_scripts) ? $global_options->register_scripts : 0;
-            -
                $loading_gif = isset($global_options->loading_gif) ? $global_options->loading_gif : 0;
-            -
                if ($register_scripts) {
-            -
                  wp_enqueue_style('wds_frontend');
-            -
                  wp_enqueue_style('wds_effects');
-            -
                  wp_enqueue_style('wds_font-awesome');
-            -
                  wp_enqueue_style('wds_googlefonts');
-            -
                  if ($wds === 0) {
-            -
                    wp_print_scripts('wds_jquery_mobile');
-            -
                    wp_print_scripts('wds_frontend');
-            -
                  }
+                }
-            -
-            -
                require_once(WD_S_DIR . '/framework/WDW_S_Library.php');
                 $slider_row = $this->model->get_slider_row_data($id);
-            -
                if (!$slider_row) {
                   echo WDW_S_Library::message(__('There is no slider selected or the slider was deleted.', 'wds'), 'wd_error');
                   return;
+                }
-            -
                if (!$slider_row->published) {
                   return;
+                }
-            -
                $resolutions = array(320, 480, 640, 768, 800, 1024, 1366, 1824, 3000);
-            -
                $image_right_click = $slider_row->image_right_click;
-            -
                $callback_items = isset($slider_row->javascript) ? json_decode(htmlspecialchars_decode($slider_row->javascript, ENT_COMPAT | ENT_QUOTES), TRUE) : array();
-            -
                $bull_hover = isset($slider_row->bull_hover) ? $slider_row->bull_hover : 1;
                 $bull_position = $slider_row->bull_position;
                 $bull_style_active = str_replace('-o', '', $slider_row->bull_style);
                 $bull_style_deactive = $slider_row->bull_style;
-            -
                $bull_size_cont = $slider_row->bull_size + $slider_row->bull_margin * ($slider_row->bull_butt_img_or_not == 'text' ? 4 : 2);
                 $order_dir = isset($slider_row->order_dir) ? $slider_row->order_dir : 'asc';
-            -
                $slide_rows = $this->model->get_slide_rows_data($id, $order_dir);
                 if (!$slide_rows) {
                   echo WDW_S_Library::message(__('There are no slides in this slider.', 'wds'), 'wd_error');
                   return;
@@ -67,69 +47,29 @@ class WDSViewSlider {
                 $image_height = $slider_row->height;
                 $slides_count = count($slide_rows);
-            -
                $slideshow_effect = $slider_row->effect == 'zoomFade' ? 'fade' : $slider_row->effect;
-            -
                $slideshow_interval = $slider_row->time_intervval;
-            -
-            -
                $circle_timer_size = (2 * $slider_row->timer_bar_size - 2) * 2;
                 $enable_slideshow_shuffle = $slider_row->shuffle;
                 $enable_prev_next_butt = $slider_row->prev_next_butt;
-            -
                $mouse_swipe_nav = isset($slider_row->mouse_swipe_nav) ? $slider_row->mouse_swipe_nav : 0;
-            -
                $touch_swipe_nav = isset($slider_row->touch_swipe_nav) ? $slider_row->touch_swipe_nav : 1;
-            -
                $mouse_wheel_nav = isset($slider_row->mouse_wheel_nav) ? $slider_row->mouse_wheel_nav : 0;
-            -
                $keyboard_nav = isset($slider_row->keyboard_nav) ? $slider_row->keyboard_nav : 0;
                 $show_thumbnail = isset($slider_row->show_thumbnail) ? $slider_row->show_thumbnail : 0;
-            -
                $thumb_size = isset($slider_row->thumb_size) ? $slider_row->thumb_size : '0.2';
                 $enable_play_paus_butt = $slider_row->play_paus_butt;
-            -
                if (!$enable_prev_next_butt && !$enable_play_paus_butt) {
-            -
                  $enable_slideshow_autoplay = 1;
-            -
                }
-            -
                else {
-            -
                  $enable_slideshow_autoplay = $slider_row->autoplay;
-            -
                }
-            -
                if ($enable_slideshow_autoplay && !$enable_play_paus_butt && ($slides_count > 1)) {
-            -
                  $autoplay = TRUE;
-            -
                }
-            -
                else {
-            -
                  $autoplay = FALSE;
-            -
                }
-            -
                if ($slider_row->navigation == 'always') {
-            -
                  $navigation = 0;
-            -
                  $pp_btn_opacity = 1;
-            -
                }
-            -
                else {
-            -
                  $navigation = 4000;
-            -
                  $pp_btn_opacity = 0;
-            -
                }
                 $enable_slideshow_music = $slider_row->music;
                 $slideshow_music_url = $slider_row->music_url;
                 $filmstrip_direction = ($slider_row->film_pos == 'right' || $slider_row->film_pos == 'left') ? 'vertical' : 'horizontal';
-            -
                $filmstrip_position = 'none';
-            -
                $filmstrip_thumb_margin_hor = 2 * $slider_row->film_tmb_margin;
                 if ($filmstrip_position != 'none') {
                   if ($filmstrip_direction == 'horizontal') {
                     $filmstrip_width = $slider_row->film_thumb_width;
                     $filmstrip_height = $slider_row->film_thumb_height;
-            -
                    $filmstrip_width_in_percent = 0;
+                  }
                   else {
                     $filmstrip_width = $slider_row->film_thumb_width;
                     $filmstrip_height = $slider_row->film_thumb_height;
-            -
                    $filmstrip_width_in_percent = 100 * $slider_row->film_thumb_width / $image_width;
+                  }
+                }
                 else {
                   $filmstrip_width = 0;
                   $filmstrip_height = 0;
-            -
                  $filmstrip_width_in_percent = 0;
-            -
                }
-            -
                $left_or_top = 'left';
-            -
                $width_or_height = 'width';
-            -
                $outerWidth_or_outerHeight = 'outerWidth';
-            -
                if (!($filmstrip_direction == 'horizontal')) {
-            -
                  $left_or_top = 'top';
-            -
                  $width_or_height = 'height';
-            -
                  $outerWidth_or_outerHeight = 'outerHeight';
+                }
                 if ($enable_slideshow_shuffle || ($slider_row->start_slide_num == 0)) {
@@ -138,7 +78,6 @@ class WDSViewSlider {
                     $slide_ids[] += $slide_row->id;
+                  }
                   $current_image_id = $slide_ids[array_rand($slide_ids)];
-            -
                  $start_slide_num = array_search($current_image_id, $slide_ids);
+                }
                 else {
                   if ($slider_row->start_slide_num > 0 && $slider_row->start_slide_num <= $slides_count) {
@@ -149,752 +88,117 @@ class WDSViewSlider {
+                  }
                   $current_image_id = ($slide_rows ? $slide_rows[$start_slide_num]->id : 0);
+                }
-            -
                 global $wp;
                 $current_url = add_query_arg($wp->query_string, '', home_url($wp->request));
-            -
                $fixed_bg = isset($slider_row->fixed_bg) ? $slider_row->fixed_bg : 0;
-            -
                $smart_crop = isset($slider_row->smart_crop) ? $slider_row->smart_crop : 0;
-            -
                $crop_image_position = isset($slider_row->crop_image_position) ? $slider_row->crop_image_position : 'center center';
-            -
                $slider_loop = isset($slider_row->slider_loop) ? $slider_row->slider_loop : 1;
-            -
                $twoway_slideshow = isset($slider_row->twoway_slideshow) ? (int) $slider_row->twoway_slideshow : 0;
-            -
                $current_image_url = '';
-            -
                $hide_on_mobile = (isset($slider_row->hide_on_mobile) ? $slider_row->hide_on_mobile : 0);
-            -
                $full_width_for_mobile = isset($slider_row->full_width_for_mobile) ? (int) $slider_row->full_width_for_mobile : 0;
                 ?>
-            -
                <style>
-            -
                  .wds_bigplay_<?php echo $wds; ?>,
-            -
                  .wds_slideshow_image_<?php echo $wds; ?>,
-            -
                  .wds_slideshow_video_<?php echo $wds; ?> {
-            -
                    display: block;
-            -
                  }
-            -
                 .wds_bulframe_<?php echo $wds; ?> {
-            -
                    display: none;
-            -
                    background-image: url('');
-            -
                    margin: 0px;
-            -
                    position: absolute;
-            -
                    z-index: 3;
-            -
                    -webkit-transition: left 1s, right 1s;
-            -
                    transition: left 1s, right 1s;
-            -
                    width: <?php echo $slider_row->width * $thumb_size ?>px;
-            -
                    height: <?php echo $slider_row->height * $thumb_size ?>px;
-            -
                  }
-            -
                  #wds_container1_<?php echo $wds; ?> #wds_container2_<?php echo $wds; ?> {
-            -
                    text-align: <?php echo $slider_row->align; ?>;
-            -
                    margin: <?php echo $slider_row->glb_margin; ?>px <?php echo $slider_row->full_width ? 0 : ''; ?>;
-            -
                    visibility: hidden;
-            -
                    <?php echo $slider_row->full_width ? 'position: relative;' : ''; ?>
-            -
                  }
-            -
                  #wds_container1_<?php echo $wds; ?> #wds_container2_<?php echo $wds; ?> .wds_slideshow_image_wrap_<?php echo $wds; ?>,
-            -
                  #wds_container1_<?php echo $wds; ?> #wds_container2_<?php echo $wds; ?> .wds_slideshow_image_wrap_<?php echo $wds; ?> * {
-            -
                    box-sizing: border-box;
-            -
                    -moz-box-sizing: border-box;
-            -
                    -webkit-box-sizing: border-box;
-            -
                  }
-            -
                  #wds_container1_<?php echo $wds; ?> #wds_container2_<?php echo $wds; ?> .wds_slideshow_image_wrap_<?php echo $wds; ?> {
-            -
                    background-color: <?php echo WDW_S_Library::spider_hex2rgba($slider_row->background_color, (100 - $slider_row->background_transparent) / 100); ?>;
-            -
                    border-width: <?php echo $slider_row->glb_border_width; ?>px;
-            -
                    border-style: <?php echo $slider_row->glb_border_style; ?>;
-            -
                    border-color: #<?php echo $slider_row->glb_border_color; ?>;
-            -
                    border-radius: <?php echo $slider_row->glb_border_radius; ?>;
-            -
                    border-collapse: collapse;
-            -
                    display: inline-block;
-            -
                    position: <?php echo $slider_row->full_width ? 'absolute' : 'relative'; ?>;
-            -
                    text-align: center;
-            -
                    width: 100%;
-            -
                    max-width: <?php echo $image_width; ?>px;
-            -
                    box-shadow: <?php echo $slider_row->glb_box_shadow; ?>;
-            -
                    overflow: hidden;
-            -
                    z-index: 0;
-            -
                  }
-            -
                  #wds_container1_<?php echo $wds; ?> #wds_container2_<?php echo $wds; ?> .wds_slideshow_image_<?php echo $wds; ?> {
-            -
                    padding: 0 !important;
-            -
                    margin: 0 !important;
-            -
                    float: none !important;
-            -
                    vertical-align: middle;
-            -
                    background-position: <?php echo ($smart_crop == '1' && ($slider_row->bg_fit == 'cover' || $slider_row->bg_fit == 'contain')) ? $crop_image_position : 'center center'; ?>;
-            -
                    background-repeat: no-repeat;
-            -
                    background-size: <?php echo $slider_row->bg_fit; ?>;
-            -
                    width: 100%;
-            -
                  }
-            -
                  #wds_container1_<?php echo $wds; ?> #wds_container2_<?php echo $wds; ?> .wds_slideshow_image_container_<?php echo $wds; ?> {
-            -
                    display: /*table*/block;
-            -
                    position: absolute;
-            -
                    text-align: center;
-            -
                    <?php echo $filmstrip_position; ?>: <?php echo ($filmstrip_direction == 'horizontal' ? $filmstrip_height . 'px' : $filmstrip_width_in_percent . '%'); ?>;
-            -
                    vertical-align: middle;
-            -
                    width: <?php echo 100 - $filmstrip_width_in_percent; ?>%;
-            -
                    height: /*inherit*/100%;
-            -
                  }
-            -
                  <?php
-            -
                  foreach ($resolutions as $key => $resolution) {
-            -
                    if ($key) {
-            -
                      $prev_resolution = $resolutions[$key - 1] + 1;
-            -
                    }
-            -
                    else {
-            -
                      $prev_resolution = 0;
-            -
                    }
-            -
                    $media_slide_height = ($image_width > $resolution) ? ($image_height * $resolution) / $image_width : $image_height;
-            -
                    $media_bull_size = ((int) ($resolution / 26) > $slider_row->bull_size) ? $slider_row->bull_size : (int) ($resolution / 26);
-            -
                    $media_bull_margin = ($slider_row->bull_margin > 2 && $resolution < 481) ? 2 : $slider_row->bull_margin;
-            -
                    $media_bull_size_cont = $media_bull_size + $media_bull_margin * ($slider_row->bull_butt_img_or_not == 'text' ? 4 : 2);
-            -
                    $media_pp_butt_size = ((int) ($resolution / 16) > $slider_row->pp_butt_size) ? $slider_row->pp_butt_size : (int) ($resolution / 16);
-            -
                    $media_rl_butt_size = ((int) ($resolution / 16) > $slider_row->rl_butt_size) ? $slider_row->rl_butt_size : (int) ($resolution / 16);
-            -
                    ?>
-            -
                  @media only screen and (min-width: <?php echo $prev_resolution; ?>px) and (max-width: <?php echo $resolution; ?>px) {
-            -
                    #wds_container1_<?php echo $wds; ?> #wds_container2_<?php echo $wds; ?> .wds_slideshow_dots_thumbnails_<?php echo $wds; ?> {
-            -
                      height: <?php echo $media_bull_size_cont; ?>px;
-            -
                      width: <?php echo $media_bull_size_cont * $slides_count; ?>px;
-            -
                    }
-            -
                    #wds_container1_<?php echo $wds; ?> #wds_container2_<?php echo $wds; ?> .wds_slideshow_dots_<?php echo $wds; ?> {
-            -
                      font-size: <?php echo $media_bull_size; ?>px;
-            -
                      margin: <?php echo $media_bull_margin; ?>px;
-            -
                      <?php
-            -
                      if ($slider_row->bull_butt_img_or_not != 'text') {
-            -
                        ?>
-            -
                      width: <?php echo $media_bull_size; ?>px;
-            -
                      height: <?php echo $media_bull_size; ?>px;
-            -
                        <?php
-            -
                      }
-            -
                      else {
-            -
                        ?>
-            -
                      padding: <?php echo $media_bull_margin; ?>px;
-            -
                      height: <?php echo $media_bull_size + 2 * $media_bull_margin; ?>px;
-            -
                        <?php
-            -
                      }
-            -
                      ?>
-            -
                    }
-            -
                    #wds_container1_<?php echo $wds; ?> #wds_container2_<?php echo $wds; ?> .wds_pp_btn_cont {
-            -
                      font-size: <?php echo $media_pp_butt_size; ?>px;
-            -
                      height: <?php echo $media_pp_butt_size; ?>px;
-            -
                      width: <?php echo $media_pp_butt_size; ?>px;
-            -
                    }
-            -
                    #wds_container1_<?php echo $wds; ?> #wds_container2_<?php echo $wds; ?> .wds_left_btn_cont,
-            -
                    #wds_container1_<?php echo $wds; ?> #wds_container2_<?php echo $wds; ?> .wds_right_btn_cont {
-            -
                      height: <?php echo $media_rl_butt_size; ?>px;
-            -
                      font-size: <?php echo $media_rl_butt_size; ?>px;
-            -
                      width: <?php echo $media_rl_butt_size; ?>px;
-            -
                    }
-            -
                  }
-            -
                    <?php
-            -
                  }
-            -
                  ?>
-            -
                  #wds_container1_<?php echo $wds; ?> #wds_container2_<?php echo $wds; ?> .wds_slideshow_video_<?php echo $wds; ?> {
-            -
                    padding: 0 !important;
-            -
                    margin: 0 !important;
-            -
                    float: none !important;
-            -
                    width: 100%;
-            -
                    vertical-align: middle;
-            -
                    display: inline-block;
-            -
                  }
-            -
                  #wds_container1_<?php echo $wds; ?> #wds_container2_<?php echo $wds; ?> #wds_slideshow_play_pause_<?php echo $wds; ?> {
-            -
                    color: #<?php echo $slider_row->butts_color; ?>;
-            -
                    cursor: pointer;
-            -
                    position: relative;
-            -
                    z-index: 13;
-            -
                    width: inherit;
-            -
                    height: inherit;
-            -
                    font-size: inherit;
-            -
                  }
-            -
                  #wds_container1_<?php echo $wds; ?> #wds_container2_<?php echo $wds; ?> #wds_slideshow_play_pause_<?php echo $wds; ?>:hover {
-            -
                    color: #<?php echo $slider_row->hover_color; ?>;
-            -
                    cursor: pointer;
-            -
                  }
-            -
                  <?php
-            -
                  if ($slider_row->play_paus_butt_img_or_not != 'style') {
-            -
                    ?>
-            -
                  #wds_container1_<?php echo $wds; ?> #wds_container2_<?php echo $wds; ?> .wds_slideshow_play_pause_<?php echo $wds; ?>.fa-pause:before,
-            -
                  #wds_container1_<?php echo $wds; ?> #wds_container2_<?php echo $wds; ?> .wds_slideshow_play_pause_<?php echo $wds; ?>.fa-play:before {
-            -
                      content: "";
-            -
                  }
-            -
            	    #wds_container1_<?php echo $wds; ?> #wds_container2_<?php echo $wds; ?> #wds_slideshow_play_pause_<?php echo $wds; ?>.fa-play {
-            -
                    background-image: url('<?php echo addslashes(htmlspecialchars_decode ($slider_row->play_butt_url, ENT_QUOTES)); ?>');
-            -
                    background-position: center center;
-            -
                    background-repeat: no-repeat;
-            -
                    background-size: cover;
-            -
                    transition: background-image 0.2s ease-out;
-            -
                    -ms-transition: background-image 0.2s ease-out;
-            -
                    -moz-transition: background-image 0.2s ease-out;
-            -
                    -webkit-transition: background-image 0.2s ease-out;
-            -
                  }
-            -
                  #wds_container1_<?php echo $wds; ?> #wds_container2_<?php echo $wds; ?> #wds_slideshow_play_pause_<?php echo $wds; ?>.fa-play:before {
-            -
                    content: url('<?php echo addslashes(htmlspecialchars_decode($slider_row->play_butt_hov_url, ENT_QUOTES)); ?>');
-            -
                    width: 0;
-            -
                    height: 0;
-            -
                    visibility: hidden;
-            -
                  }
-            -
                  #wds_container1_<?php echo $wds; ?> #wds_container2_<?php echo $wds; ?> #wds_slideshow_play_pause_<?php echo $wds; ?>.fa-play:hover {
-            -
                    background-image: url('<?php echo addslashes(htmlspecialchars_decode ($slider_row->play_butt_hov_url, ENT_QUOTES)); ?>');
-            -
                    background-position: center center;
-            -
                    background-repeat: no-repeat;
-            -
                    background-size: cover;
-            -
                    transition: background-image 0.2s ease-in;
-            -
                    -ms-transition: background-image 0.2s ease-in;
-            -
                    -moz-transition: background-image 0.2s ease-in;
-            -
                    -webkit-transition: background-image 0.2s ease-in;
-            -
                  }
-            -
                  #wds_container1_<?php echo $wds; ?> #wds_container2_<?php echo $wds; ?> #wds_slideshow_play_pause_<?php echo $wds; ?>.fa-pause{
-            -
                    background-image: url('<?php echo addslashes(htmlspecialchars_decode ($slider_row->paus_butt_url, ENT_QUOTES)); ?>');
-            -
                    background-position: center center;
-            -
                    background-repeat: no-repeat;
-            -
                    background-size: cover;
-            -
                    transition: background-image 0.2s ease-out;
-            -
                    -ms-transition: background-image 0.2s ease-out;
-            -
                    -moz-transition: background-image 0.2s ease-out;
-            -
                    -webkit-transition: background-image 0.2s ease-out;
-            -
                  }
-            -
                  #wds_container1_<?php echo $wds; ?> #wds_container2_<?php echo $wds; ?> #wds_slideshow_play_pause_<?php echo $wds; ?>.fa-pause:before {
-            -
                    content: url('<?php echo addslashes(htmlspecialchars_decode($slider_row->paus_butt_hov_url, ENT_QUOTES)); ?>');
-            -
                    width: 0;
-            -
                    height: 0;
-            -
                    visibility: hidden;
-            -
                  }
-            -
            	    #wds_container1_<?php echo $wds; ?> #wds_container2_<?php echo $wds; ?> #wds_slideshow_play_pause_<?php echo $wds; ?>.fa-pause:hover {
-            -
                    background-image: url('<?php echo addslashes(htmlspecialchars_decode ($slider_row->paus_butt_hov_url, ENT_QUOTES)); ?>');
-            -
                    background-position: center center;
-            -
                    background-repeat: no-repeat;
-            -
                    background-size: cover;
-            -
                    transition: background-image 0.2s ease-in;
-            -
                    -ms-transition: background-image 0.2s ease-in;
-            -
                    -moz-transition: background-image 0.2s ease-in;
-            -
                    -webkit-transition: background-image 0.2s ease-in;
-            -
                  }
-            -
                    <?php
-            -
                  }
-            -
                  ?>
-            -
                  #wds_container1_<?php echo $wds; ?> #wds_container2_<?php echo $wds; ?> .wds_left-ico_<?php echo $wds; ?>,
-            -
                  #wds_container1_<?php echo $wds; ?> #wds_container2_<?php echo $wds; ?> .wds_right-ico_<?php echo $wds; ?> {
-            -
                    background-color: <?php echo WDW_S_Library::spider_hex2rgba($slider_row->nav_bg_color, (100 - $slider_row->butts_transparent) / 100); ?>;
-            -
                    border-radius: <?php echo $slider_row->nav_border_radius; ?>;
-            -
                    border: <?php echo $slider_row->nav_border_width; ?>px <?php echo $slider_row->nav_border_style; ?> #<?php echo $slider_row->nav_border_color; ?>;
-            -
                    border-collapse: separate;
-            -
                    color: #<?php echo $slider_row->butts_color; ?>;
-            -
                    left: 0;
-            -
                    top: 0;
-            -
                    -moz-box-sizing: content-box;
-            -
                    box-sizing: content-box;
-            -
                    cursor: pointer;
-            -
                    line-height: 0;
-            -
                    width: inherit;
-            -
                    height: inherit;
-            -
                    font-size: inherit;
-            -
                    position: absolute;
-            -
                  }
-            -
                  #wds_container1_<?php echo $wds; ?> #wds_container2_<?php echo $wds; ?> .wds_left-ico_<?php echo $wds; ?> {
-            -
                    left: -<?php echo $navigation; ?>px;
-            -
                  }
-            -
                  #wds_container1_<?php echo $wds; ?> #wds_container2_<?php echo $wds; ?> .wds_right-ico_<?php echo $wds; ?> {
-            -
                    left: <?php echo $navigation; ?>px;
-            -
                  }
-            -
                  <?php
-            -
                  if ($slider_row->rl_butt_img_or_not != 'style') {
-            -
                    ?>
-            -
            	    #wds_container1_<?php echo $wds; ?> #wds_container2_<?php echo $wds; ?> .wds_left-ico_<?php echo $wds; ?> {
-            -
                    left: -<?php echo $navigation; ?>px;
-            -
                    background-image: url('<?php echo addslashes(htmlspecialchars_decode($slider_row->left_butt_url, ENT_QUOTES)); ?>');
-            -
                    background-position: center center;
-            -
                    background-repeat: no-repeat;
-            -
                    background-size: cover;
-            -
                    transition: background-image 0.2s ease-out;
-            -
                    -ms-transition: background-image 0.2s ease-out;
-            -
                    -moz-transition: background-image 0.2s ease-out;
-            -
                    -webkit-transition: background-image 0.2s ease-out;
-            -
                  }
-            -
                  #wds_container1_<?php echo $wds; ?> #wds_container2_<?php echo $wds; ?> .wds_left-ico_<?php echo $wds; ?>:before {
-            -
                    content: url('<?php echo addslashes(htmlspecialchars_decode($slider_row->left_butt_hov_url, ENT_QUOTES)); ?>');
-            -
                    width: 0;
-            -
                    height: 0;
-            -
                    visibility: hidden;
-            -
                  }
-            -
                  #wds_container1_<?php echo $wds; ?> #wds_container2_<?php echo $wds; ?> .wds_left-ico_<?php echo $wds; ?>:hover {
-            -
                    left: -<?php echo $navigation; ?>px;
-            -
                    background-image: url('<?php echo addslashes(htmlspecialchars_decode($slider_row->left_butt_hov_url, ENT_QUOTES)); ?>');
-            -
                    background-position: center center;
-            -
                    background-repeat: no-repeat;
-            -
                    background-size: cover;
-            -
                    transition: background-image 0.2s ease-in;
-            -
                    -ms-transition: background-image 0.2s ease-in;
-            -
                    -moz-transition: background-image 0.2s ease-in;
-            -
                    -webkit-transition: background-image 0.2s ease-in;
-            -
                  }
-            -
                  #wds_container1_<?php echo $wds; ?> #wds_container2_<?php echo $wds; ?> .wds_right-ico_<?php echo $wds; ?> {
-            -
                    left: <?php echo $navigation; ?>px;
-            -
                    background-image: url('<?php echo addslashes(htmlspecialchars_decode($slider_row->right_butt_url, ENT_QUOTES)); ?>');
-            -
                    background-position: center center;
-            -
                    background-repeat: no-repeat;
-            -
                    background-size: cover;
-            -
                    transition: background-image 0.2s ease-out;
-            -
                    -ms-transition: background-image 0.2s ease-out;
-            -
                    -moz-transition: background-image 0.2s ease-out;
-            -
                    -webkit-transition: background-image 0.2s ease-out;
-            -
                  }
-            -
                  #wds_container1_<?php echo $wds; ?> #wds_container2_<?php echo $wds; ?> .wds_right-ico_<?php echo $wds; ?>:before {
-            -
                    content: url('<?php echo addslashes(htmlspecialchars_decode($slider_row->right_butt_hov_url, ENT_QUOTES)); ?>');
-            -
                    width: 0;
-            -
                    height: 0;
-            -
                    visibility: hidden;
-            -
                  }
-            -
            	    #wds_container1_<?php echo $wds; ?> #wds_container2_<?php echo $wds; ?> .wds_right-ico_<?php echo $wds; ?>:hover {
-            -
                    left: <?php echo $navigation; ?>px;
-            -
                    background-image: url('<?php echo addslashes(htmlspecialchars_decode($slider_row->right_butt_hov_url, ENT_QUOTES)); ?>');
-            -
                    background-position: center center;
-            -
                    background-repeat: no-repeat;
-            -
                    background-size: cover;
-            -
                    transition: background-image 0.2s ease-in;
-            -
                    -ms-transition: background-image 0.2s ease-in;
-            -
                    -moz-transition: background-image 0.2s ease-in;
-            -
                    -webkit-transition: background-image 0.2s ease-in;
-            -
                  }
-            -
                    <?php
-            -
                  }
-            -
                  ?>
-            -
                  #wds_container1_<?php echo $wds; ?> #wds_container2_<?php echo $wds; ?> #wds_slideshow_play_pause_<?php echo $wds; ?> {
-            -
                    opacity: <?php echo $pp_btn_opacity; ?>;
-            -
                    filter: "Alpha(opacity=<?php echo $pp_btn_opacity * 100; ?>)";
-            -
                  }
-            -
                  #wds_container1_<?php echo $wds; ?> #wds_container2_<?php echo $wds; ?> .wds_left-ico_<?php echo $wds; ?>:hover,
-            -
                  #wds_container1_<?php echo $wds; ?> #wds_container2_<?php echo $wds; ?> .wds_right-ico_<?php echo $wds; ?>:hover {
-            -
                    color: #<?php echo $slider_row->hover_color; ?>;
-            -
                    cursor: pointer;
-            -
                  }
-            -
                  #wds_container1_<?php echo $wds; ?> #wds_container2_<?php echo $wds; ?> .wds_none_selectable_<?php echo $wds; ?> {
-            -
                    -webkit-touch-callout: none;
-            -
                    -webkit-user-select: none;
-            -
                    -khtml-user-select: none;
-            -
                    -moz-user-select: none;
-            -
                    -ms-user-select: none;
-            -
                    user-select: none;
-            -
                  }
-            -
                  #wds_container1_<?php echo $wds; ?> #wds_container2_<?php echo $wds; ?> .wds_slide_container_<?php echo $wds; ?> {
-            -
                    display: table-cell;
-            -
                    margin: 0 auto;
-            -
                    position: absolute;
-            -
                    vertical-align: middle;
-            -
                    width: 100%;
-            -
                    height: 100%;
-            -
                    overflow: hidden;
-            -
                    cursor: <?php echo $mouse_swipe_nav ? '-moz-grab' : 'inherit'; ?>;
-            -
                    cursor: <?php echo $mouse_swipe_nav ? '-webkit-grab' : 'inherit'; ?>;
-            -
                    cursor: <?php echo $mouse_swipe_nav ? 'grab' : 'inherit'; ?>;
-            -
                  }
-            -
                  #wds_container1_<?php echo $wds; ?> #wds_container2_<?php echo $wds; ?> .wds_slide_container_<?php echo $wds; ?>:active {
-            -
                    cursor: <?php echo $mouse_swipe_nav ? '-moz-grabbing' : 'inherit'; ?>;
-            -
                    cursor: <?php echo $mouse_swipe_nav ? '-webkit-grabbing' : 'inherit'; ?>;
-            -
                    cursor: <?php echo $mouse_swipe_nav ? 'grabbing' : 'inherit'; ?>;
-            -
                  }
-            -
                  #wds_container1_<?php echo $wds; ?> #wds_container2_<?php echo $wds; ?> .wds_slide_bg_<?php echo $wds; ?> {
-            -
                    margin: 0 auto;
-            -
                    width: /*inherit*/100%;
-            -
                    height: /*inherit*/100%;
-            -
                  }
-            -
                  #wds_container1_<?php echo $wds; ?> #wds_container2_<?php echo $wds; ?> .wds_slider_<?php echo $wds; ?> {
-            -
                    height: /*inherit*/100%;
-            -
                    width: /*inherit*/100%;
-            -
                  }
-            -
                  #wds_container1_<?php echo $wds; ?> #wds_container2_<?php echo $wds; ?> .wds_slideshow_image_spun_<?php echo $wds; ?> {
-            -
                    width: /*inherit*/100%;
-            -
                    height: /*inherit*/100%;
-            -
                    display: table-cell;
-            -
                    filter: Alpha(opacity=100);
-            -
                    opacity: 1;
-            -
                    position: absolute;
-            -
                    vertical-align: middle;
-            -
                    z-index: 2;
-            -
                  }
-            -
                  #wds_container1_<?php echo $wds; ?> #wds_container2_<?php echo $wds; ?> .wds_slideshow_image_second_spun_<?php echo $wds; ?> {
-            -
                    width: /*inherit*/100%;
-            -
                    height: /*inherit*/100%;
-            -
                    display: table-cell;
-            -
                    filter: Alpha(opacity=0);
-            -
                    opacity: 0;
-            -
                    position: absolute;
-            -
                    vertical-align: middle;
-            -
                    z-index: 1;
-            -
                  }
-            -
                  #wds_container1_<?php echo $wds; ?> #wds_container2_<?php echo $wds; ?> .wds_grid_<?php echo $wds; ?> {
-            -
                    display: none;
-            -
                    height: 100%;
-            -
                    overflow: hidden;
-            -
                    position: absolute;
-            -
                    width: 100%;
-            -
                  }
-            -
                  #wds_container1_<?php echo $wds; ?> #wds_container2_<?php echo $wds; ?> .wds_gridlet_<?php echo $wds; ?> {
-            -
                    opacity: 1;
-            -
                    filter: Alpha(opacity=100);
-            -
                    position: absolute;
-            -
                  }
-            -
                  /* Dots.*/
-            -
                  #wds_container1_<?php echo $wds; ?> #wds_container2_<?php echo $wds; ?> .wds_slideshow_dots_container_<?php echo $wds; ?> {
-            -
                    opacity: <?php echo $bull_hover; ?>;
-            -
                    filter: "Alpha(opacity=<?php echo $bull_hover * 100; ?>)";
-            -
                  }
-            -
                  #wds_container1_<?php echo $wds; ?> #wds_container2_<?php echo $wds; ?> .wds_slideshow_dots_container_<?php echo $wds; ?> {
-            -
                    display: block;
-            -
                    overflow: hidden;
-            -
                    position: absolute;
-            -
                    width: 100%;
-            -
                    <?php echo $bull_position; ?>: 0;
-            -
                    /*z-index: 17;*/
-            -
                  }
-            -
                  #wds_container1_<?php echo $wds; ?> #wds_container2_<?php echo $wds; ?> .wds_slideshow_dots_thumbnails_<?php echo $wds; ?> {
-            -
                    left: 0px;
-            -
                    font-size: 0;
-            -
                    margin: 0 auto;
-            -
                    position: relative;
-            -
                    z-index: 999;
-            -
                  }
-            -
                  #wds_container1_<?php echo $wds; ?> #wds_container2_<?php echo $wds; ?> .wds_slideshow_dots_<?php echo $wds; ?> {
-            -
                    display: inline-block;
-            -
                    position: relative;
-            -
                    color: #<?php echo $slider_row->bull_color; ?>;
-            -
                    cursor: pointer;
-            -
                    z-index: 17;
-            -
                  }
-            -
                  #wds_container1_<?php echo $wds; ?> #wds_container2_<?php echo $wds; ?> .wds_slideshow_dots_active_<?php echo $wds; ?> {
-            -
                    color: #<?php echo $slider_row->bull_act_color; ?>;
-            -
                    opacity: 1;
-            -
                    filter: Alpha(opacity=100);
-            -
                    <?php
-            -
                    if ($slider_row->bull_butt_img_or_not != 'style' && $slider_row->bull_butt_img_or_not != 'text') {
-            -
                      ?>
-            -
                    display: inline-block;
-            -
                    background-image: url('<?php echo addslashes(htmlspecialchars_decode($slider_row->bullets_img_main_url, ENT_QUOTES)); ?>');
-            -
                    background-position: center center;
-            -
                    background-repeat: no-repeat;
-            -
                    background-size: cover;
-            -
                    transition: background-image 0.2s ease-in;
-            -
                    -ms-transition: background-image 0.2s ease-in;
-            -
                    -moz-transition: background-image 0.2s ease-in;
-            -
                    -webkit-transition: background-image 0.2s ease-in;
-            -
                      <?php
-            -
                    }
-            -
                    else if ($slider_row->bull_butt_img_or_not == 'text') {
-            -
                      ?>
-            -
                    background-color: #<?php echo $slider_row->bull_back_act_color; ?>;
-            -
                    border-radius: <?php echo $slider_row->bull_radius; ?>;
-            -
                      <?php
-            -
                    }
-            -
                    ?>
-            -
                  }
-            -
                  #wds_container1_<?php echo $wds; ?> #wds_container2_<?php echo $wds; ?> .wds_slideshow_dots_deactive_<?php echo $wds; ?> {
-            -
                    <?php
-            -
                    if ($slider_row->bull_butt_img_or_not != 'style' && $slider_row->bull_butt_img_or_not != 'text') {
-            -
                      ?>
-            -
                    display: inline-block;
-            -
                    background-image: url('<?php echo addslashes(htmlspecialchars_decode($slider_row->bullets_img_hov_url, ENT_QUOTES)); ?>');
-            -
                    background-position: center center;
-            -
                    background-repeat: no-repeat;
-            -
                    background-size: cover;
-            -
                    transition: background-image 0.2s ease-in;
-            -
                    -ms-transition: background-image 0.2s ease-in;
-            -
                    -moz-transition: background-image 0.2s ease-in;
-            -
                    -webkit-transition: background-image 0.2s ease-in;
-            -
                      <?php
-            -
                    }
-            -
                    else if ($slider_row->bull_butt_img_or_not == 'text') {
-            -
                      ?>
-            -
                    background-color: #<?php echo $slider_row->bull_back_color; ?>;
-            -
                    border-radius: <?php echo $slider_row->bull_radius; ?>;
-            -
                      <?php
-            -
                    }
-            -
                    ?>
-            -
                  }
-            -
                  <?php
-            -
                  if ($slider_row->timer_bar_type == 'top' || $slider_row->timer_bar_type == 'bottom') {
-            -
                    ?>
-            -
                  /* Line timer.*/
-            -
                  #wds_container1_<?php echo $wds; ?> #wds_container2_<?php echo $wds; ?> .wds_line_timer_container_<?php echo $wds; ?> {
-            -
                    display: block;
-            -
                    position: absolute;
-            -
                    overflow: hidden;
-            -
                    <?php echo $slider_row->timer_bar_type; ?>: 0;
-            -
                    z-index: 16;
-            -
                    width: 100%;
-            -
                    height: <?php echo $slider_row->timer_bar_size; ?>px;
-            -
                  }
-            -
                  #wds_container1_<?php echo $wds; ?> #wds_container2_<?php echo $wds; ?> .wds_line_timer_<?php echo $wds; ?> {
-            -
                    z-index: 17;
-            -
                    width: 0;
-            -
                    height: <?php echo $slider_row->timer_bar_size; ?>px;
-            -
                    background: #<?php echo $slider_row->timer_bar_color; ?>;
-            -
                    opacity: <?php echo number_format((100 - $slider_row->timer_bar_transparent) / 100, 2, ".", ""); ?>;
-            -
                    filter: alpha(opacity=<?php echo 100 - $slider_row->timer_bar_transparent; ?>);
-            -
                  }
-            -
                    <?php
-            -
                  }
-            -
                  elseif ($slider_row->timer_bar_type != 'none') {
-            -
                    ?>
-            -
                  /* Circle timer.*/
-            -
                  #wds_container1_<?php echo $wds; ?> #wds_container2_<?php echo $wds; ?> .wds_line_timer_container_<?php echo $wds; ?> {
-            -
                    display: block;
-            -
                    position: absolute;
-            -
                    overflow: hidden;
-            -
                    <?php echo $slider_row->timer_bar_type; ?>: 0;
-            -
                    z-index: 16;
-            -
                    width: 100%;
-            -
                    height: <?php echo $circle_timer_size; ?>px;
-            -
                  }
-            -
                  #wds_container1_<?php echo $wds; ?> #wds_container2_<?php echo $wds; ?> .wds_circle_timer_container_<?php echo $wds; ?> {
-            -
                    display: block;
-            -
                    position: absolute;
-            -
                    overflow: hidden;
-            -
                    z-index: 16;
-            -
                    width: 100%;
-            -
                    <?php switch ($slider_row->timer_bar_type) {
-            -
                    case 'circle_top_right': echo 'top: 0px; text-align:right;'; break;
-            -
                    case 'circle_top_left': echo 'top: 0px; text-align:left;'; break;
-            -
                    case 'circle_bot_right': echo 'bottom: 0px; text-align:right;'; break;
-            -
                    case 'circle_bot_left': echo 'bottom: 0px; text-align:left;'; break;
-            -
                    default: 'top: 0px; text-align:right;';
-            -
                     } ?>
-            -
                  }
-            -
                  #wds_container1_<?php echo $wds; ?> #wds_container2_<?php echo $wds; ?> .wds_circle_timer_container_<?php echo $wds; ?> .wds_circle_timer_<?php echo $wds; ?> {
-            -
                    display: inline-block;
-            -
                    width: <?php echo $circle_timer_size; ?>px;
-            -
                    height: <?php echo $circle_timer_size; ?>px;
-            -
                    position: relative;
-            -
                    opacity: <?php echo number_format((100 - $slider_row->timer_bar_transparent) / 100, 2, ".", ""); ?>;
-            -
                    filter: alpha(opacity=<?php echo 100 - $slider_row->timer_bar_transparent; ?>);
-            -
                  }
-            -
                  #wds_container1_<?php echo $wds; ?> #wds_container2_<?php echo $wds; ?> .wds_circle_timer_container_<?php echo $wds; ?> .wds_circle_timer_<?php echo $wds; ?> .wds_circle_timer_parts_<?php echo $wds; ?> {
-            -
                    display: table;
-            -
                    width: 100%;
-            -
                    height: 100%;
-            -
                    border-radius: 100%;
-            -
                    position: relative;
-            -
                  }
-            -
                  .wds_circle_timer_part_<?php echo $wds; ?> {
-            -
                    display: table-cell;
-            -
                    width: 50%;
-            -
                    height: 100%;
-            -
                    overflow: hidden !important;
-            -
                  }
-            -
                  .wds_circle_timer_small_parts_<?php echo $wds; ?> {
-            -
                    display: block;
-            -
                    width: 100%;
-            -
                    height: 50%;
-            -
                    background: #<?php echo $slider_row->timer_bar_color; ?>;
-            -
                    position: relative;
-            -
                  }
-            -
                  .wds_circle_timer_center_cont_<?php echo $wds; ?> {
-            -
                    display: table;
-            -
                    width: <?php echo $circle_timer_size; ?>px;
-            -
                    height: <?php echo $circle_timer_size; ?>px;
-            -
                    position: absolute;
-            -
                    text-align: center;
-            -
                    top:0px;
-            -
                    vertical-align:middle;
-            -
                  }
-            -
                  .wds_circle_timer_center_<?php echo $wds; ?> {
-            -
                    display: table-cell;
-            -
                    width: 100%;
-            -
                    height: 100%;
-            -
                    text-align: center;
-            -
                    line-height: 0px !important;
-            -
                    vertical-align: middle;
-            -
                  }
-            -
                  .wds_circle_timer_center_<?php echo $wds; ?> div {
-            -
                    display: inline-block;
-            -
                    width: <?php echo $circle_timer_size / 2 - 2; ?>px;
-            -
                    height: <?php echo $circle_timer_size / 2 - 2; ?>px;
-            -
                    background-color: #FFFFFF;
-            -
                    border-radius: 100%;
-            -
                    z-index: 300;
-            -
                    position: relative;
-            -
                  }
-            -
                    <?php
-            -
                  }
-            -
                  ?>
-            -
                  #wds_container1_<?php echo $wds; ?> #wds_container2_<?php echo $wds; ?> .wds_slideshow_image_spun1_<?php echo $wds; ?> {
-            -
                    display: table;
-            -
                    width: /*inherit*/100%;
-            -
                    height: /*inherit*/100%;
-            -
                  }
-            -
                  #wds_container1_<?php echo $wds; ?> #wds_container2_<?php echo $wds; ?> .wds_slideshow_image_spun2_<?php echo $wds; ?> {
-            -
                    display: table-cell;
-            -
                    vertical-align: middle;
-            -
                    text-align: center;
-            -
                    overflow: hidden;
-            -
                  }
-            -
                  #wds_container1_<?php echo $wds; ?> .wds_loading_img {
-            -
                    background-image: url('<?php echo WD_S_URL ?>/images/loading/<?php echo $loading_gif; ?>.gif');
-            -
                  }
-            -
                  <?php
-            -
                  if ($hide_on_mobile) {
-            -
                    ?>
-            -
                  @media screen and (max-width: <?php echo $hide_on_mobile; ?>px){
-            -
                    #wds_container1_<?php echo $wds; ?> {
-            -
                       display: none;
-            -
                     }
-            -
                   }
-            -
                    <?php
-            -
                  }
-            -
                  if ($full_width_for_mobile) {
-            -
                    ?>
-            -
                  @media screen and (max-width: <?php echo $full_width_for_mobile; ?>px) {
-            -
                    #wds_container1_<?php echo $wds; ?> #wds_container2_<?php echo $wds; ?> {
-            -
                      margin:<?php echo $slider_row->glb_margin; ?>px 0;
-            -
                      position: relative;
-            -
                    }
-            -
                    #wds_container1_<?php echo $wds; ?> #wds_container2_<?php echo $wds; ?> .wds_slideshow_image_wrap_<?php echo $wds; ?> {
-            -
                      position: absolute;
-            -
                    }
-            -
                  }
-            -
                    <?php
-            -
                  }
-            -
                  ?>
-            -
                  <?php echo $slider_row->css; ?>
-            -
                  <?php
-            -
                  $layers_rows = array();
-            -
                  foreach ($slide_rows as $slide_row) {
-            -
                    $layers_rows[$slide_row->id] = $this->model->get_layers_row_data($slide_row->id, $id);
-            -
                  }
-            -
                  foreach ($slide_rows as $key => $slide_row) {
-            -
                    if (isset($layers_rows[$slide_row->id]) && !empty($layers_rows[$slide_row->id])) {
-            -
                      foreach ($layers_rows[$slide_row->id] as $key => $layer) {
-            -
                        if ($layer->published) {
-            -
                          $prefix = 'wds_' . $wds . '_slide' . $slide_row->id . '_layer' . $layer->id;
-            -
                          switch ($layer->type) {
-            -
                            case 'text': {
-            -
                              ?>
-            -
                                #wds_container1_<?php echo $wds; ?> #wds_container2_<?php echo $wds; ?> #<?php echo $prefix; ?> {
-            -
                                  font-size: <?php echo $layer->size; ?>px;
-            -
                                  line-height: 1.25em;
-            -
                                  padding: <?php echo $layer->padding; ?>;
-            -
                                }
-            -
                                #wds_container1_<?php echo $wds; ?> #wds_container2_<?php echo $wds; ?> .wds_layer_<?php echo $layer->id; ?>{
-            -
                                  opacity: <?php echo ($layer->layer_effect_in != 'none') ? '0 !important' : '1'; ?>;
-            -
                                  filter: "Alpha(opacity=<?php echo ($layer->layer_effect_in != 'none') ? '0' : '100'; ?>)" !important;
-            -
                                }
-            -
                                 #wds_container1_<?php echo $wds; ?> #wds_container2_<?php echo $wds; ?> #<?php echo $prefix; ?>:hover {
-            -
                                  color: #<?php echo $layer->hover_color_text; ?> !important;
-            -
                                }
-            -
                              <?php
-            -
                              break;
-            -
                            }
-            -
                            case 'image': {
-            -
                              ?>
-            -
                                #wds_container1_<?php echo $wds; ?> #wds_container2_<?php echo $wds; ?> .wds_layer_<?php echo $layer->id; ?>{
-            -
                                  opacity: <?php echo ($layer->layer_effect_in != 'none') ? '0 !important' : '1'; ?>;
-            -
                                  filter: "Alpha(opacity=<?php echo ($layer->layer_effect_in != 'none') ? '0' : '100'; ?>)" !important;
-            -
                                }
-            -
                              <?php
-            -
                              break;
-            -
                            }
-            -
                            default:
-            -
                              break;
-            -
                          }
-            -
                        }
-            -
                      }
-            -
                    }
-            -
                  }
-            -
                  ?>
-            -
                </style>
-            -
                <script>
-            -
                  var wds_global_btn_<?php echo $wds; ?> = "right";
-            -
                  var wds_data_<?php echo $wds; ?> = [];
-            -
                  var wds_event_stack_<?php echo $wds; ?> = [];
-            -
                  var wds_clear_layers_effects_in_<?php echo $wds; ?> = [];
-            -
                  var wds_clear_layers_effects_out_<?php echo $wds; ?> = [];
-            -
                  var wds_clear_layers_effects_out_before_change_<?php echo $wds; ?> = [];
-            -
                  if (<?php echo $slider_row->layer_out_next; ?>) {
-            -
                    var wds_duration_for_change_<?php echo $wds; ?> = 500;
-            -
                    var wds_duration_for_clear_effects_<?php echo $wds; ?> = 530;
-            -
                  }
-            -
                  else {
-            -
                    var wds_duration_for_change_<?php echo $wds; ?> = 0;
-            -
                    var wds_duration_for_clear_effects_<?php echo $wds; ?> = 0;
-            -
                  }
-            -
                  <?php
-            -
                  foreach ($slide_rows as $key => $slide_row) {
-            -
                    $thumb_url = $slide_row->type == 'video' ? (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->type == 'image' ? $slide_row->image_url : $slide_row->thumb_url );
-            -
                    ?>
-            -
                    wds_clear_layers_effects_in_<?php echo $wds; ?>["<?php echo $key; ?>"] = [];
-            -
                    wds_clear_layers_effects_out_<?php echo $wds; ?>["<?php echo $key; ?>"] = [];
-            -
                    wds_clear_layers_effects_out_before_change_<?php echo $wds; ?>["<?php echo $key; ?>"] = [];
-            -
                    wds_data_<?php echo $wds; ?>["<?php echo $key; ?>"] = [];
-            -
                    wds_data_<?php echo $wds; ?>["<?php echo $key; ?>"]["id"] = "<?php echo $slide_row->id; ?>";
-            -
                    wds_data_<?php echo $wds; ?>["<?php echo $key; ?>"]["image_url"] = "<?php echo addslashes(htmlspecialchars_decode($slide_row->image_url, ENT_QUOTES)); ?>";
-            -
                    wds_data_<?php echo $wds; ?>["<?php echo $key; ?>"]["thumb_url"] = "<?php echo addslashes(htmlspecialchars_decode($slide_row->thumb_url, ENT_QUOTES)); ?>";
-            -
                    wds_data_<?php echo $wds; ?>["<?php echo $key; ?>"]["is_video"] = "<?php echo $slide_row->type; ?>";
-            -
                    wds_data_<?php echo $wds; ?>["<?php echo $key; ?>"]["slide_layers_count"] = 0;
-            -
                    wds_data_<?php echo $wds; ?>["<?php echo $key; ?>"]["bg_fit"] = "<?php echo $slider_row->bg_fit; ?>";
-            -
                    wds_data_<?php echo $wds; ?>["<?php echo $key; ?>"]["bull_position"] = "<?php echo $bull_position; ?>";
-            -
                    wds_data_<?php echo $wds; ?>["<?php echo $key; ?>"]["image_thumb_url"] = "<?php echo (htmlspecialchars_decode($slide_row->thumb_url, ENT_QUOTES)); ?>";
-            -
                    <?php
-            -
                    if (isset($layers_rows[$slide_row->id]) && !empty($layers_rows[$slide_row->id])) {
-            -
                      foreach ($layers_rows[$slide_row->id] as $layer_key => $layer) {
-            -
                        if (!isset($layer->align_layer)) {
-            -
                          $layer->align_layer = 0;
-            -
                        }
-            -
                        if (!isset($layer->infinite_in)) {
-            -
                          $layer->infinite_in = 1;
-            -
                        }
-            -
                        if (!isset($layer->infinite_out)) {
-            -
                          $layer->infinite_out = 1;
-            -
                        }
-            -
                        if (!isset($layer->min_size)) {
-            -
                          $layer->min_size = 11;
-            -
                        }
-            -
                        ?>
-            -
                        wds_data_<?php echo $wds; ?>["<?php echo $key; ?>"]["layer_<?php echo $layer_key; ?>_id"] = "<?php echo $layer->id; ?>";
-            -
                        wds_data_<?php echo $wds; ?>["<?php echo $key; ?>"]["layer_<?php echo $layer_key; ?>_layer_effect_in"] = "<?php echo $layer->layer_effect_in; ?>";
-            -
                        wds_data_<?php echo $wds; ?>["<?php echo $key; ?>"]["layer_<?php echo $layer_key; ?>_duration_eff_in"] = "<?php echo $layer->duration_eff_in; ?>";
-            -
                        wds_data_<?php echo $wds; ?>["<?php echo $key; ?>"]["layer_<?php echo $layer_key; ?>_layer_effect_out"] = "<?php echo $layer->layer_effect_out; ?>";
-            -
                        wds_data_<?php echo $wds; ?>["<?php echo $key; ?>"]["layer_<?php echo $layer_key; ?>_duration_eff_out"] = "<?php echo $layer->duration_eff_out; ?>";
-            -
                        wds_data_<?php echo $wds; ?>["<?php echo $key; ?>"]["layer_<?php echo $layer_key; ?>_social_button"] = "<?php echo $layer->social_button; ?>";
-            -
                        wds_data_<?php echo $wds; ?>["<?php echo $key; ?>"]["layer_<?php echo $layer_key; ?>_start"] = "<?php echo $layer->start; ?>";
-            -
                        wds_data_<?php echo $wds; ?>["<?php echo $key; ?>"]["layer_<?php echo $layer_key; ?>_end"] = "<?php echo $layer->end; ?>";
-            -
                        wds_data_<?php echo $wds; ?>["<?php echo $key; ?>"]["layer_<?php echo $layer_key; ?>_type"] = "<?php echo $layer->type; ?>";
-            -
                        wds_data_<?php echo $wds; ?>["<?php echo $key; ?>"]["layer_<?php echo $layer_key; ?>_align_layer"] = "<?php echo $layer->align_layer; ?>";
-            -
                        wds_data_<?php echo $wds; ?>["<?php echo $key; ?>"]["slide_layers_count"] ++;
-            -
                        wds_data_<?php echo $wds; ?>["<?php echo $key; ?>"]["layer_<?php echo $layer_key; ?>_infinite_in"] = "<?php echo $layer->infinite_in; ?>";
-            -
                        wds_data_<?php echo $wds; ?>["<?php echo $key; ?>"]["layer_<?php echo $layer_key; ?>_infinite_out"] = "<?php echo $layer->infinite_out; ?>";
-            -
                        <?php
-            -
                      }
-            -
                    }
-            -
                  }
-            -
                  ?>
-            -
                </script>
-            -
                <div id="wds_container1_<?php echo $wds; ?>">
                   <div class="wds_loading">
                     <div class="wds_loading_img"></div>
                   </div>
                   <div id="wds_container2_<?php echo $wds; ?>">
                     <div class="wds_slideshow_image_wrap_<?php echo $wds; ?>">
                       <?php
-            -
                      $current_pos = 0;
-            -
                      ?>
-            -
                      <div id="wds_slideshow_image_container_<?php echo $wds; ?>" class="wds_slideshow_image_container_<?php echo $wds; ?>">
-            -
                        <?php
-            -
                        if ($bull_position != 'none' && $slides_count > 1) {
-            -
                          ?>
-            -
                        <div class="wds_slideshow_dots_container_<?php echo $wds; ?>" onmouseleave="wds_hide_thumb(<?php echo $wds; ?>)">
-            -
                          <div class="wds_slideshow_dots_thumbnails_<?php echo $wds; ?>">
                             <?php
                             foreach ($slide_rows as $key => $slide_row) {
-            -
                              if ($slider_row->bull_butt_img_or_not == 'style') {
-            -
                                ?>
-            -
                            <i id="wds_dots_<?php echo $key; ?>_<?php echo $wds; ?>"
-            -
                               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); ?>"
-            -
                               <?php echo  $show_thumbnail == 1 ? 'onmouseover="wds_show_thumb(' . $key . ', ' . $wds . ')"' : ''; ?>
-            -
                               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; ?>)">
-            -
                            </i>
-            -
                                <?php
+                              }
                               else {
-            -
                                ?>
-            -
                            <span id="wds_dots_<?php echo $key; ?>_<?php echo $wds; ?>"
-            -
                                  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); ?>"
-            -
                                  <?php echo  $show_thumbnail == 1 ? 'onmouseover="wds_show_thumb(' . $key . ', ' . $wds .')"' : ''; ?>
-            -
                                  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; ?>)">
-            -
                                <?php echo ($slider_row->bull_butt_img_or_not == 'text') ? '&nbsp;' . $slide_row->title . '&nbsp;' : ''; ?>
-            -
                            </span>
-            -
                                <?php
+                              }
+                            }
                             ?>
                           </div>
                         </div>
                           <?php
                           if ($show_thumbnail == 1) {
                             ?>
@@ -902,76 +206,150 @@ class WDSViewSlider {
                             <?php
+                          }
                           ?>
-            -
                          <?php
-            -
                        }
-            -
                        if ($slider_row->timer_bar_type == 'top' ||  $slider_row->timer_bar_type == 'bottom') {
-            -
                          ?>
-            -
                          <div class="wds_line_timer_container_<?php echo $wds; ?>"><div class="wds_line_timer_<?php echo $wds; ?>"></div></div>
-            -
                          <?php
-            -
                        }
-            -
                        elseif ($slider_row->timer_bar_type != 'none') {
-            -
                          ?>
-            -
                          <div class="wds_circle_timer_container_<?php echo $wds; ?>">
-            -
                            <div class="wds_circle_timer_<?php echo $wds; ?>">
-            -
                              <div class="wds_circle_timer_parts_<?php echo $wds; ?>">
-            -
                                <div class="wds_circle_timer_part_<?php echo $wds; ?>">
-            -
                                  <div class="wds_circle_timer_small_parts_<?php echo $wds; ?> wds_animated" style="border-radius:100% 0% 0% 0%;" id="top_left_<?php echo $wds; ?>"></div>
-            -
                                  <div class="wds_circle_timer_small_parts_<?php echo $wds; ?> wds_animated" style="border-radius:0% 0% 0% 100%;z-index:150;" id="bottom_left_<?php echo $wds; ?>"></div>
-            -
                                </div>
-            -
                                <div class="wds_circle_timer_part_<?php echo $wds; ?>">
-            -
                                  <div class="wds_circle_timer_small_parts_<?php echo $wds; ?> wds_animated" style="border-radius:0% 100% 0% 0%;" id="top_right_<?php echo $wds; ?>"></div>
-            -
                                  <div class="wds_circle_timer_small_parts_<?php echo $wds; ?> wds_animated" style="border-radius:0% 0% 100% 0%;" id="bottom_right_<?php echo $wds; ?>"></div>
                                 </div>
                               </div>
-            -
                              <div class="wds_circle_timer_center_cont_<?php echo $wds; ?>">
-            -
                                 <div class="wds_circle_timer_center_<?php echo $wds; ?>">
-            -
                                  <div></div>
-            -
                                 </div>
-            -
                              </div>
                             </div>
-            -
                          </div>
-            -
                          <?php
-            -
                        }
-            -
                        ?>
                         <div class="wds_slide_container_<?php echo $wds; ?>" id="wds_slide_container_<?php echo $wds; ?>">
                           <div class="wds_slide_bg_<?php echo $wds; ?>">
                             <div class="wds_slider_<?php echo $wds; ?>">
                             <?php
                             foreach ($slide_rows as $key => $slide_row) {
                               if ($slide_row->id == $current_image_id) {
-            -
                                $play_pause_button_display = '';
-            -
                                $current_image_url = $slide_row->image_url;
-            -
                                $current_image_url = addslashes(htmlspecialchars_decode($current_image_url, ENT_QUOTES));
                                 $current_key = $key;
                                 $image_div_num = '';
+                              }
                               else {
                                 $image_div_num = '_second';
+                              }
                               ?>
-            -
                              <span class="wds_slideshow_image<?php echo $image_div_num; ?>_spun_<?php echo $wds; ?>" id="wds_image_id_<?php echo $wds; ?>_<?php echo $slide_row->id; ?>">
                                 <span class="wds_slideshow_image_spun1_<?php echo $wds; ?>">
                                   <span class="wds_slideshow_image_spun2_<?php echo $wds; ?>">
                                     <span data-img-id="wds_slideshow_image<?php echo $image_div_num; ?>_<?php echo $wds; ?>"
                                          class="wds_slideshow_image_<?php echo $wds; ?>"
                                          onclick="<?php echo $slide_row->link ? 'window.open(\'' . $slide_row->link . '\', \'' . ($slide_row->target_attr_slide ? '_blank' : '_self') . '\')' : ''; ?>"
-            -
                                         style="<?php echo $slide_row->link ? 'cursor: pointer;' : ''; ?><?php echo ((!$slider_row->preload_images || $image_div_num == '') ? "background-image: url('" . addslashes(htmlspecialchars_decode ($slide_row->image_url,ENT_QUOTES)) . "');" : ""); ?>">
-            -
                                    <?php
                                     if (isset($layers_rows[$slide_row->id]) && !empty($layers_rows[$slide_row->id])) {
                                       foreach ($layers_rows[$slide_row->id] as $layer_key => $layer) {
                                         if ($layer->published) {
                                           $prefix = 'wds_' . $wds . '_slide' . $slide_row->id . '_layer' . $layer->id;
                                           $left_percent = $slider_row->width ? 100 * $layer->left / $slider_row->width : 0;
                                           $top_percent = $slider_row->height ? 100 * $layer->top / $slider_row->height : 0;

             <?php
             class WDSViewSlider {
+            +
              private $model;
+            +
              public function __construct( $model ) {
                 $this->model = $model;
+            +
+            +
                // Add styles and scripts.
+            +
                wp_enqueue_style('wds_frontend');
+            +
                wp_enqueue_style('wds_effects');
+            +
                wp_enqueue_style('wds_font-awesome');
+            +
                wp_enqueue_style('wds_googlefonts');
+            +
+            +
                wp_enqueue_script('wds_jquery_mobile');
+            +
                wp_enqueue_script('wds_jquery_featureCarouselslider');
+            +
                wp_enqueue_script('wds_hotspot');
+            +
                wp_enqueue_script('wds_frontend');
+            +
                wp_enqueue_script('wds_youtube');
+              }
+            +
              public function display( $id, $from_shortcode = 0, $wds = 0 ) {
+            +
            	  require_once(WD_S_DIR . '/framework/WDW_S_Library.php');
+            +
                if ( !WD_S_FREE ) {
+            +
                  require_once(WD_S_DIR . '/framework/WDW_S_LibraryEmbed.php');
+                }
                 $slider_row = $this->model->get_slider_row_data($id);
+            +
                if ( !$slider_row ) {
                   echo WDW_S_Library::message(__('There is no slider selected or the slider was deleted.', 'wds'), 'wd_error');
                   return;
+                }
+            +
                if ( !$slider_row->published ) {
                   return;
+                }
+            +
                 $bull_position = $slider_row->bull_position;
                 $bull_style_active = str_replace('-o', '', $slider_row->bull_style);
                 $bull_style_deactive = $slider_row->bull_style;
                 $order_dir = isset($slider_row->order_dir) ? $slider_row->order_dir : 'asc';
+            +
                $slide_rows = $this->model->get_slide_rows_data( $id, $order_dir );
                 if (!$slide_rows) {
                   echo WDW_S_Library::message(__('There are no slides in this slider.', 'wds'), 'wd_error');
                   return;
                 $image_height = $slider_row->height;
                 $slides_count = count($slide_rows);
                 $enable_slideshow_shuffle = $slider_row->shuffle;
                 $enable_prev_next_butt = $slider_row->prev_next_butt;
                 $show_thumbnail = isset($slider_row->show_thumbnail) ? $slider_row->show_thumbnail : 0;
                 $enable_play_paus_butt = $slider_row->play_paus_butt;
                 $enable_slideshow_music = $slider_row->music;
                 $slideshow_music_url = $slider_row->music_url;
                 $filmstrip_direction = ($slider_row->film_pos == 'right' || $slider_row->film_pos == 'left') ? 'vertical' : 'horizontal';
+            +
                $filmstrip_position = $slider_row->film_pos;
+            +
                $filmstrip_thumb_margin_hor = $slider_row->film_tmb_margin;
                 if ($filmstrip_position != 'none') {
                   if ($filmstrip_direction == 'horizontal') {
                     $filmstrip_width = $slider_row->film_thumb_width;
                     $filmstrip_height = $slider_row->film_thumb_height;
+                  }
                   else {
                     $filmstrip_width = $slider_row->film_thumb_width;
                     $filmstrip_height = $slider_row->film_thumb_height;
+                  }
+                }
                 else {
                   $filmstrip_width = 0;
                   $filmstrip_height = 0;
+                }
                 if ($enable_slideshow_shuffle || ($slider_row->start_slide_num == 0)) {
                     $slide_ids[] += $slide_row->id;
+                  }
                   $current_image_id = $slide_ids[array_rand($slide_ids)];
+                }
                 else {
                   if ($slider_row->start_slide_num > 0 && $slider_row->start_slide_num <= $slides_count) {
+                  }
                   $current_image_id = ($slide_rows ? $slide_rows[$start_slide_num]->id : 0);
+                }
                 global $wp;
                 $current_url = add_query_arg($wp->query_string, '', home_url($wp->request));
+            +
+            +
                $carousel = isset($slider_row->carousel) ? $slider_row->carousel : FALSE;
+            +
                $preload_images = $slider_row->carousel ? FALSE : $slider_row->preload_images;
+            +
                $layers_rows = array();
+            +
                foreach ($slide_rows as $slide_row) {
+            +
                  $layers_rows[$slide_row->id] = $this->model->get_layers_row_data($slide_row->id, $id);
+            +
                }
+            +
                // Add incline scripts.
+            +
                $style = WDW_S_Library::create_css( $id, $slider_row, $slide_rows, $layers_rows, $wds );
+            +
                if ( function_exists('wp_add_inline_style') ) { // Since Wordpress 3.3.0
+            +
                  wp_add_inline_style('wds_frontend', $style);
+            +
                }
+            +
                else {
+            +
                  echo '<style id="wd-slider-' . $wds .'">' . $style . '</style>';
+            +
                }
                 ?>
+            +
            	  <div id="wds_container1_<?php echo $wds; ?>">
                   <div class="wds_loading">
                     <div class="wds_loading_img"></div>
                   </div>
                   <div id="wds_container2_<?php echo $wds; ?>">
                     <div class="wds_slideshow_image_wrap_<?php echo $wds; ?>">
                       <?php
+            +
                      if ($filmstrip_position != 'none' && $slides_count > 1) {
+            +
                        ?>
+            +
                      <div class="wds_slideshow_filmstrip_container_<?php echo $wds; ?>">
+            +
                        <div class="wds_slideshow_filmstrip_left_<?php echo $wds; ?>"><i class="fa <?php echo ($filmstrip_direction == 'horizontal'? 'fa-angle-left' : 'fa-angle-up'); ?>"></i></div>
+            +
                        <div class="wds_slideshow_filmstrip_<?php echo $wds; ?>">
+            +
                          <div class="wds_slideshow_filmstrip_thumbnails_<?php echo $wds; ?>">
                             <?php
                             foreach ($slide_rows as $key => $slide_row) {
+            +
                              if ($slide_row->id == $current_image_id) {
+            +
                                $current_pos = $key * (($filmstrip_direction == 'horizontal' ? $filmstrip_width : $filmstrip_height) + $filmstrip_thumb_margin_hor);
+            +
                                $current_key = $key;
+            +
                              }
+            +
                              if ($slide_row->type == '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;
+                              }
                               else {
+            +
                                $thumb_url = $slide_row->thumb_url;
+                              }
+            +
                            ?>
+            +
                            <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); ?>">
+            +
                              <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; ?>);
+            +
                                          <?php
+            +
                                          if ($carousel) {
+            +
                                            ?> wds_carousel<?php echo $wds; ?>.shift(jQuery('.wds_slider_car_image<?php echo $wds; ?>[data-image-id=<?php echo $slide_row->id; ?>]'));
+            +
                                            <?php
+            +
                                          }
+            +
                                          ?>"
+            +
                                   data-image-id="<?php echo $slide_row->id; ?>"
+            +
                                   data-image-key="<?php echo $key; ?>"
+            +
                                   class="wds_slideshow_filmstrip_thumbnail_img_<?php echo $wds; ?>"
+            +
                                   style="background-image: url('<?php echo addslashes(htmlspecialchars_decode($thumb_url, ENT_QUOTES)); ?>');"></div>
+            +
                            </div>
+            +
                            <?php
+                            }
                             ?>
                           </div>
                         </div>
+            +
                        <div class="wds_slideshow_filmstrip_right_<?php echo $wds; ?>"><i class="fa <?php echo ($filmstrip_direction == 'horizontal'? 'fa-angle-right' : 'fa-angle-down'); ?>"></i></div>
+            +
                      </div>
+            +
                        <?php
+            +
                      }
+            +
                      ?>
+            +
                      <div id="wds_slideshow_image_container_<?php echo $wds; ?>" class="wds_slideshow_image_container_<?php echo $wds; ?>">
+            +
                        <?php
+            +
                          if ($bull_position != 'none' && $slides_count > 1) {
+            +
                            ?>
+            +
                          <div class="wds_slideshow_dots_container_<?php echo $wds; ?>" onmouseleave="wds_hide_thumb(<?php echo $wds; ?>)">
+            +
                            <div class="wds_slideshow_dots_thumbnails_<?php echo $wds; ?>">
+            +
                              <?php
+            +
                              foreach ($slide_rows as $key => $slide_row) {
+            +
                                if ($slider_row->bull_butt_img_or_not == 'style') {
+            +
                                  ?>
+            +
                              <i id="wds_dots_<?php echo $key; ?>_<?php echo $wds; ?>"
+            +
                                 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); ?>"
+            +
                                 <?php echo  $show_thumbnail == 1 ? 'onmouseover="wds_show_thumb(' . $key . ', ' . $wds . ')"' : ''; ?>
+            +
                                 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; ?>);
+            +
                                          <?php
+            +
                                          if ($carousel) {
+            +
                                            ?>
+            +
                                            wds_carousel<?php echo $wds; ?>.shift(jQuery('.wds_slider_car_image<?php echo $wds; ?>[data-image-id=<?php echo $slide_row->id; ?>]'));
+            +
                                            <?php
+            +
                                          }
+            +
                                          ?>">
+            +
                              </i>
+            +
                                  <?php
+            +
                                }
+            +
                                else {
+            +
                                  ?>
+            +
                              <span id="wds_dots_<?php echo $key; ?>_<?php echo $wds; ?>"
+            +
                                    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); ?>"
+            +
                                    <?php echo  $show_thumbnail == 1 ? 'onmouseover="wds_show_thumb(' . $key . ', ' . $wds .')"' : ''; ?>
+            +
                                    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; ?>);
+            +
                                          <?php
+            +
                                          if ($carousel) {
+            +
                                            ?> wds_carousel<?php echo $wds; ?>.shift(jQuery('.wds_slider_car_image<?php echo $wds; ?>[data-image-id=<?php echo $slide_row->id; ?>]'));
+            +
                                            <?php
+            +
                                          }
+            +
                                          ?>">
+            +
                                <?php echo ($slider_row->bull_butt_img_or_not == 'text') ? '&nbsp;' . $slide_row->title . '&nbsp;' : ''; ?>
+            +
                              </span>
+            +
                                  <?php
+            +
                                }
+            +
                              }
+            +
                              ?>
+            +
                            </div>
+            +
                          </div>
                           <?php
                           if ($show_thumbnail == 1) {
                             ?>
                             <?php
+                          }
                           ?>
+            +
                            <?php
+            +
                          }
+            +
                          if ($slider_row->timer_bar_type == 'top' ||  $slider_row->timer_bar_type == 'bottom') {
+            +
                            ?>
+            +
                            <div class="wds_line_timer_container_<?php echo $wds; ?>"><div class="wds_line_timer_<?php echo $wds; ?>"></div></div>
+            +
                            <?php
+            +
                          }
+            +
                          elseif ($slider_row->timer_bar_type != 'none') {
+            +
                            ?>
+            +
                            <div class="wds_circle_timer_container_<?php echo $wds; ?>">
+            +
                              <div class="wds_circle_timer_<?php echo $wds; ?>">
+            +
                                <div class="wds_circle_timer_parts_<?php echo $wds; ?>">
+            +
                                  <div class="wds_circle_timer_part_<?php echo $wds; ?>">
+            +
                                    <div class="wds_circle_timer_small_parts_<?php echo $wds; ?> wds_animated" style="border-radius:100% 0% 0% 0%;" id="top_left_<?php echo $wds; ?>"></div>
+            +
                                    <div class="wds_circle_timer_small_parts_<?php echo $wds; ?> wds_animated" style="border-radius:0% 0% 0% 100%;z-index:150;" id="bottom_left_<?php echo $wds; ?>"></div>
+            +
                                  </div>
+            +
                                  <div class="wds_circle_timer_part_<?php echo $wds; ?>">
+            +
                                    <div class="wds_circle_timer_small_parts_<?php echo $wds; ?> wds_animated" style="border-radius:0% 100% 0% 0%;" id="top_right_<?php echo $wds; ?>"></div>
+            +
                                    <div class="wds_circle_timer_small_parts_<?php echo $wds; ?> wds_animated" style="border-radius:0% 0% 100% 0%;" id="bottom_right_<?php echo $wds; ?>"></div>
+            +
                                  </div>
                                 </div>
+            +
                                <div class="wds_circle_timer_center_cont_<?php echo $wds; ?>">
+            +
                                   <div class="wds_circle_timer_center_<?php echo $wds; ?>">
+            +
                                    <div></div>
+            +
                                   </div>
+            +
                                </div>
                               </div>
                             </div>
+            +
                            <?php
+            +
                          }
+            +
                          ?>
                         <div class="wds_slide_container_<?php echo $wds; ?>" id="wds_slide_container_<?php echo $wds; ?>">
                           <div class="wds_slide_bg_<?php echo $wds; ?>">
                             <div class="wds_slider_<?php echo $wds; ?>">
                             <?php
                             foreach ($slide_rows as $key => $slide_row) {
+            +
                              $is_video = $slide_row->type;
+            +
                              $is_instagram_image = preg_match('/INSTAGRAM_IMAGE/', $slide_row->type) == 1 ? TRUE : FALSE;
                               if ($slide_row->id == $current_image_id) {
+            +
                                if ($is_video != "image") {
+            +
                                  $play_pause_button_display = 'none';
+            +
                                }
+            +
                                else {
+            +
                                  $play_pause_button_display = '';
+            +
                                  $current_image_url = $slide_row->image_url;
+            +
                                  $current_image_url = addslashes(htmlspecialchars_decode($current_image_url, ENT_QUOTES));
+            +
                                }
                                 $current_key = $key;
                                 $image_div_num = '';
+                              }
                               else {
                                 $image_div_num = '_second';
+                              }
+            +
                              $share_image_url = urlencode($is_video != 'image' ? $slide_row->thumb_url : $slide_row->image_url);
+            +
                              $share_url = add_query_arg(array('action' => 'WDSShare', 'image_id' => $slide_row->id, 'curr_url' => $current_url), admin_url('admin-ajax.php'));
                               ?>
+            +
                              <span
+            +
                              <?php
+            +
                              if ($carousel) {
+            +
                                ?>
+            +
                                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);"
+            +
                                <?php
+            +
                              } ?> 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; ?>"
+            +
                                data-image-id="<?php echo $slide_row->id; ?>"
+            +
                                data-image-key="<?php echo $key; ?>">
                                 <span class="wds_slideshow_image_spun1_<?php echo $wds; ?>">
                                   <span class="wds_slideshow_image_spun2_<?php echo $wds; ?>">
+            +
                                    <?php
+            +
                                    if ($is_video == 'image' || $is_instagram_image) {
+            +
                                      ?>
                                     <span data-img-id="wds_slideshow_image<?php echo $image_div_num; ?>_<?php echo $wds; ?>"
                                          class="wds_slideshow_image_<?php echo $wds; ?>"
                                          onclick="<?php echo $slide_row->link ? 'window.open(\'' . $slide_row->link . '\', \'' . ($slide_row->target_attr_slide ? '_blank' : '_self') . '\')' : ''; ?>"
+            +
                                         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))) . "');" : ""); ?>"
+            +
                                         data-image-id="<?php echo $slide_row->id; ?>"
+            +
                                         data-image-key="<?php echo $key; ?>">
+            +
                                      <?php
+            +
                                    }
+            +
                                    elseif ($is_video == 'video' && !WD_S_FREE) {
+            +
                                      $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;
+            +
                                      ?>
+            +
                                    <span data-img-id="wds_slideshow_image<?php echo $image_div_num; ?>_<?php echo $wds; ?>"
+            +
                                         class="wds_slideshow_image_<?php echo $wds; ?>"
+            +
                                         data-image-id="<?php echo $slide_row->id; ?>"
+            +
                                         data-image-key="<?php echo $key; ?>">
+            +
                                      <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>
+            +
                                      <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; ?>">
+            +
                                        <source src="<?php echo $slide_row->image_url; ?>" type="video/mp4" id="wds_source<?php echo $slide_row->id; ?>">
+            +
                                      </video>
+            +
                                      <?php
+            +
                                    }
+            +
                                    elseif ( !WD_S_FREE ) {
+            +
                                      $is_embed_instagram_post = preg_match('/INSTAGRAM_POST/', $slide_row->type) == 1 ? TRUE : FALSE;
+            +
                                      if ($is_embed_instagram_post) {
+            +
                                        $post_width = $image_width - ($filmstrip_direction == 'vertical' ? $filmstrip_width : 0);
+            +
                                        $post_height = $image_height - ($filmstrip_direction == 'horizontal' ? $filmstrip_height : 0);
+            +
                                        if ($post_height < $post_width + 88) {
+            +
                                          $post_width = $post_height - 88;
+            +
                                        }
+            +
                                        else {
+            +
                                          $post_height = $post_width + 88;
+            +
                                        }
+            +
                                        $embed_style = "border-style: none; width: " . $post_width . "px; height: " . $post_height . "px; vertical-align: middle; display: inline-block; position: relative;";
+            +
                                      }
+            +
                                      else {
+            +
                                        $embed_style = "border-style: none; width: inherit; height: inherit; vertical-align: middle; display: table-cell;";
+            +
                                      }
+            +
                                      ?>
+            +
                                    <span data-img-id="wds_slideshow_image<?php echo $image_div_num; ?>_<?php echo $wds; ?>" class="wds_slideshow_video_<?php echo $wds; ?>" data-image-id="<?php echo $slide_row->id; ?>"
+            +
                                   	 data-image-key="<?php echo $key; ?>">
+            +
                                      <?php
+            +
                                      if ($carousel) {
+            +
                                        ?>
+            +
                                      <span class="wds_video_hide<?php echo $wds; ?>"></span>
+            +
                                        <?php
+            +
                                      }
+            +
                                      $video_autoplay = ($key == 0 && $slide_row->target_attr_slide) ? 1 : 0;
+            +
                                      $video_loop = isset($slide_row->video_loop) ? $slide_row->video_loop : 0;
+            +
                                      $youtube_rel_video = isset($slide_row->youtube_rel_video) ? $slide_row->youtube_rel_video : 0;
+            +
                                      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);
+            +
                                      ?>
+            +
                                      <?php
+            +
                                    }
                                     if (isset($layers_rows[$slide_row->id]) && !empty($layers_rows[$slide_row->id])) {
                                       foreach ($layers_rows[$slide_row->id] as $layer_key => $layer) {
                                         if ($layer->published) {
                                           $prefix = 'wds_' . $wds . '_slide' . $slide_row->id . '_layer' . $layer->id;
                                           $left_percent = $slider_row->width ? 100 * $layer->left / $slider_row->width : 0;
                                           $top_percent = $slider_row->height ? 100 * $layer->top / $slider_row->height : 0;
+            +
                                          $video_width_percent = $slider_row->width ? 100 * $layer->image_width / $slider_row->width : 0;
+            +
                                          $video_height_percent = $slider_row->height ? 100 * $layer->image_height / $slider_

Slider by WD – Responsive Slider - Version 1.2.0

Version Description

Release Info

Code changes from version 1.1.92 to 1.2.0