Your IP : 216.73.217.53
<?php
/**
* @package Gallery WD
* @author Web-Dorado
* @copyright (C) 2014 Web-Dorado. All rights reserved.
* @license GNU/GPLv3 http://www.gnu.org/licenses/gpl-3.0.html
**/
defined('_JEXEC') or die('Restricted access');
require_once(WD_BWG_DIR . '/framework/WDWLibrary.php');
$bwg='0';
$params=$this->params;
$from = (isset($params['from']) ? htmlspecialchars($params['from']) : 0);
$options_row = $this->get_options_row_data;
if (!isset($params['order_by'])) {
$order_by = 'asc';
}
else {
$order_by = $params['order_by'];
}
if (!isset($params['slideshow_title_full_width'])) {
$params['slideshow_title_full_width'] = 0;
}
$image_right_click = $options_row->image_right_click;
$filmstrip_direction = 'horizontal';
if (!$from) {
$theme_id = (isset($params['theme_id']) ? htmlspecialchars($params['theme_id']) : 1);
$theme_row = $this->get_theme_row_data;
if (!$theme_row) {
echo WDWLibrary::message(JText::_('THERE_IS_NO_THEME'), 'error');
return;
}
if ($theme_row->slideshow_filmstrip_pos == 'right' || $theme_row->slideshow_filmstrip_pos == 'left') {
$filmstrip_direction = 'vertical';
}
$gallery_id = (isset($params['gallery_id']) ? htmlspecialchars($params['gallery_id']) : 0);
$sort_by = (isset($params['sort_by']) ? htmlspecialchars($params['sort_by']) : 'order');
$slideshow_effect = (isset($params['slideshow_effect']) ? htmlspecialchars($params['slideshow_effect']) : 'fade');
$enable_slideshow_autoplay = (isset($params['enable_slideshow_autoplay']) ? htmlspecialchars($params['enable_slideshow_autoplay']) : 0);
$enable_slideshow_shuffle = (isset($params['enable_slideshow_shuffle']) ? htmlspecialchars($params['enable_slideshow_shuffle']) : 0);
$enable_slideshow_ctrl = (isset($params['enable_slideshow_ctrl']) ? htmlspecialchars($params['enable_slideshow_ctrl']) : 0);
$enable_slideshow_filmstrip = (isset($params['enable_slideshow_filmstrip']) ? htmlspecialchars($params['enable_slideshow_filmstrip']) : 0);
if ($enable_slideshow_filmstrip) {
$thumb_width = $options_row->thumb_width;
$thumb_height = $options_row->thumb_height;
if ($filmstrip_direction == 'horizontal') {
$slideshow_filmstrip_height = (isset($params['slideshow_filmstrip_height']) ? htmlspecialchars($params['slideshow_filmstrip_height']) : '50');
$thumb_ratio = $thumb_width / $thumb_height;
$slideshow_filmstrip_width = round($thumb_ratio * $slideshow_filmstrip_height);
}
else {
$slideshow_filmstrip_width = (isset($params['slideshow_filmstrip_height']) ? htmlspecialchars($params['slideshow_filmstrip_height']) : '50');
$thumb_ratio = $thumb_height / $thumb_width;
$slideshow_filmstrip_height = round($thumb_ratio * $slideshow_filmstrip_width);
}
}
else {
$slideshow_filmstrip_height = 0;
$slideshow_filmstrip_width = 0;
}
$enable_image_title = (isset($params['slideshow_enable_title']) ? htmlspecialchars($params['slideshow_enable_title']) : 0);
$slideshow_title_position = explode('-', (isset($params['slideshow_title_position']) ? htmlspecialchars($params['slideshow_title_position']) : 'bottom-right'));
$enable_image_description = (isset($params['slideshow_enable_description']) ? htmlspecialchars($params['slideshow_enable_description']) : 0);
$slideshow_description_position = explode('-', (isset($params['slideshow_description_position']) ? htmlspecialchars($params['slideshow_description_position']) : 'bottom-right'));
$enable_slideshow_music = (isset($params['enable_slideshow_music']) ? htmlspecialchars($params['enable_slideshow_music']) : 0);
$slideshow_music_url = (isset($params['slideshow_music_url']) ? htmlspecialchars($params['slideshow_music_url']) : '');
$image_width = (isset($params['slideshow_width']) ? htmlspecialchars($params['slideshow_width']) : '800');
$image_height = (isset($params['slideshow_height']) ? htmlspecialchars($params['slideshow_height']) : '600');
$slideshow_interval = (isset($params['slideshow_interval']) ? htmlspecialchars($params['slideshow_interval']) : 5);
$watermark_type = (isset($params['watermark_type']) ? htmlspecialchars($params['watermark_type']) : 'none');
$watermark_text = (isset($params['watermark_text']) ? htmlspecialchars($params['watermark_text']) : '');
$watermark_font_size = (isset($params['watermark_font_size']) ? htmlspecialchars($params['watermark_font_size']) : 12);
$watermark_font = (isset($params['watermark_font']) ? htmlspecialchars($params['watermark_font']) : 'Arial');
$watermark_color = (isset($params['watermark_color']) ? htmlspecialchars($params['watermark_color']) : 'FFFFFF');
$watermark_opacity = (isset($params['watermark_opacity']) ? htmlspecialchars($params['watermark_opacity']) : 30);
$watermark_position = explode('-', (isset($params['watermark_position']) ? htmlspecialchars($params['watermark_position']) : 'bottom-right'));
$watermark_link = (isset($params['watermark_link']) ? htmlspecialchars($params['watermark_link']) : '');
$watermark_url = (isset($params['watermark_url']) ? htmlspecialchars($params['watermark_url']) : '');
$watermark_width = (isset($params['watermark_width']) ? htmlspecialchars($params['watermark_width']) : 90);
$watermark_height = (isset($params['watermark_height']) ? htmlspecialchars($params['watermark_height']) : 90);
}
else {
$theme_id = (isset($params['theme_id']) ? htmlspecialchars($params['theme_id']) : 0);
$theme_row = $this->get_theme_row_data;
if (!$theme_row) {
echo WDWLibrary::message(JText::_('THERE_IS_NO_THEME', 'bwg'), 'error');
return;
}
if ($theme_row->slideshow_filmstrip_pos == 'right' || $theme_row->slideshow_filmstrip_pos == 'left') {
$filmstrip_direction = 'vertical';
}
$gallery_id = (isset($params['gallery_id']) ? htmlspecialchars($params['gallery_id']) : 0);
$sort_by = 'order';
$slideshow_effect = (isset($params['effect']) ? htmlspecialchars($params['effect']) : 'fade');
$enable_slideshow_autoplay = $options_row->slideshow_enable_autoplay;
$enable_slideshow_shuffle = (isset($params['shuffle']) ? htmlspecialchars($params['shuffle']) : 0);
$enable_slideshow_ctrl = $options_row->slideshow_enable_ctrl;
$enable_slideshow_filmstrip = $options_row->slideshow_enable_filmstrip;
if ($enable_slideshow_filmstrip) {
$thumb_width = $options_row->thumb_width;
$thumb_height = $options_row->thumb_height;
if ($filmstrip_direction == 'horizontal') {
$slideshow_filmstrip_height = (isset($params['filmstrip_height']) ? htmlspecialchars($params['filmstrip_height']) : '40');
$thumb_ratio = $thumb_width / $thumb_height;
$slideshow_filmstrip_width = round($thumb_ratio * $slideshow_filmstrip_height);
}
else {
$slideshow_filmstrip_width = (isset($params['filmstrip_height']) ? htmlspecialchars($params['filmstrip_height']) : '40');
$thumb_ratio = $thumb_height / $thumb_width;
$slideshow_filmstrip_height = round($thumb_ratio * $slideshow_filmstrip_width);
}
}
else {
$slideshow_filmstrip_height = 0;
$slideshow_filmstrip_width = 0;
}
$enable_image_title = $options_row->slideshow_enable_title;
$slideshow_title_position = explode('-', $options_row->slideshow_title_position);
$enable_image_description = $options_row->slideshow_enable_description;
$slideshow_description_position = explode('-', $options_row->slideshow_description_position);
$enable_slideshow_music = $options_row->slideshow_enable_music;
$slideshow_music_url = $options_row->slideshow_audio_url;
$image_width = (isset($params['width']) ? htmlspecialchars($params['width']) : '800');
$image_height = (isset($params['height']) ? htmlspecialchars($params['height']) : '600');
$slideshow_interval = (isset($params['interval']) ? htmlspecialchars($params['interval']) : 5);
$watermark_type = $options_row->watermark_type;
$watermark_text = $options_row->watermark_text;
$watermark_font_size = $options_row->watermark_font_size;
$watermark_font = $options_row->watermark_font;
$watermark_color = $options_row->watermark_color;
$watermark_opacity = $options_row->watermark_opacity;
$watermark_position = explode('-', $options_row->watermark_position);
$watermark_link = $options_row->watermark_link;
$watermark_url = $options_row->watermark_url;
$watermark_width = $options_row->watermark_width;
$watermark_height = $options_row->watermark_height;
}
$gallery_row = $this->get_gallery_row_data;
if (!$gallery_row) {
echo WDWLibrary::message(JText::_('THERE_IS_NO_THEME'), 'error');
return;
}
$image_rows = $this->get_image_rows_data;
if (!$image_rows) {
echo WDWLibrary::message(JText::_('THERE_IS_NO_GALLERY'), 'error');
}
$current_image_id = ($image_rows ? $image_rows[0]->id : 0);
$play_pause_button_display = 'undefined';
$filmstrip_thumb_margin = $theme_row->slideshow_filmstrip_thumb_margin;
$margins_split = explode(" ", $filmstrip_thumb_margin);
$temp_iterator = ($filmstrip_direction == 'horizontal' ? 1 : 0);
if (isset($margins_split[$temp_iterator])) {
$filmstrip_thumb_margin_right = (int) $margins_split[$temp_iterator];
if (isset($margins_split[$temp_iterator + 2])) {
$filmstrip_thumb_margin_left = (int) $margins_split[$temp_iterator + 2];
}
else {
$filmstrip_thumb_margin_left = $filmstrip_thumb_margin_right;
}
}
elseif (isset($margins_split[0])) {
$filmstrip_thumb_margin_right = (int) $margins_split[0];
$filmstrip_thumb_margin_left = $filmstrip_thumb_margin_right;
}
$filmstrip_thumb_margin_hor = $filmstrip_thumb_margin_right + $filmstrip_thumb_margin_left;
if (!$enable_slideshow_filmstrip) {
if ($theme_row->slideshow_filmstrip_pos == 'left') {
$theme_row->slideshow_filmstrip_pos = 'top';
}
if ($theme_row->slideshow_filmstrip_pos == 'right') {
$theme_row->slideshow_filmstrip_pos = 'bottom';
}
}
$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';
}
?>
<style>
#bwg_container1_<?php echo $bwg; ?> {
visibility: hidden;
}
#bwg_container1_<?php echo $bwg; ?> * {
-moz-user-select: none;
-khtml-user-select: none;
-webkit-user-select: none;
-ms-user-select: none;
user-select: none;
}
#bwg_container1_<?php echo $bwg; ?> #bwg_container2_<?php echo $bwg; ?> .bwg_slideshow_image_wrap_<?php echo $bwg; ?> * {
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
/*backface-visibility: hidden;
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
-ms-backface-visibility: hidden;*/
}
#bwg_container1_<?php echo $bwg; ?> #bwg_container2_<?php echo $bwg; ?> .bwg_slideshow_image_wrap_<?php echo $bwg; ?> {
background-color: #<?php echo $theme_row->slideshow_cont_bg_color; ?>;
border-collapse: collapse;
display: table;
position: relative;
text-align: center;
width: <?php echo $image_width; ?>px;
height: <?php echo $image_height; ?>px;
}
#bwg_container1_<?php echo $bwg; ?> #bwg_container2_<?php echo $bwg; ?> .bwg_slideshow_image_<?php echo $bwg; ?> {
padding: 0 !important;
margin: 0 !important;
float: none !important;
max-width: <?php echo $image_width - ($filmstrip_direction == 'vertical' ? $slideshow_filmstrip_width : 0); ?>px;
max-height: <?php echo $image_height - ($filmstrip_direction == 'horizontal' ? $slideshow_filmstrip_height : 0); ?>px;
vertical-align: middle;
}
#bwg_container1_<?php echo $bwg; ?> #bwg_container2_<?php echo $bwg; ?> .bwg_slideshow_video_<?php echo $bwg; ?> {
padding: 0 !important;
margin: 0 !important;
float: none !important;
width: <?php echo $image_width - ($filmstrip_direction == 'vertical' ? $slideshow_filmstrip_width : 0); ?>px;
height: <?php echo $image_height - ($filmstrip_direction == 'horizontal' ? $slideshow_filmstrip_height : 0); ?>px;
vertical-align: middle;
display: inline-block;
}
#bwg_container1_<?php echo $bwg; ?> #bwg_container2_<?php echo $bwg; ?> .bwg_slideshow_watermark_<?php echo $bwg; ?> {
position: relative;
z-index: 15;
}
#bwg_container1_<?php echo $bwg; ?> #bwg_container2_<?php echo $bwg; ?> #bwg_slideshow_play_pause_<?php echo $bwg; ?> {
background: transparent url("<?php echo WD_BWG_URL . '/images/blank.gif'; ?>") repeat scroll 0 0;
bottom: 0;
cursor: pointer;
display: table;
height: inherit;
outline: medium none;
position: absolute;
width: 30%;
left: 35%;
z-index: 13;
}
#bwg_container1_<?php echo $bwg; ?> #bwg_container2_<?php echo $bwg; ?> #bwg_slideshow_play_pause_<?php echo $bwg; ?>:hover #bwg_slideshow_play_pause-ico_<?php echo $bwg; ?> {
display: inline-block !important;
}
#bwg_container1_<?php echo $bwg; ?> #bwg_container2_<?php echo $bwg; ?> #bwg_slideshow_play_pause_<?php echo $bwg; ?>:hover span {
position: relative;
z-index: 13;
}
#bwg_container1_<?php echo $bwg; ?> #bwg_container2_<?php echo $bwg; ?> #bwg_slideshow_play_pause_<?php echo $bwg; ?> span {
display: table-cell;
text-align: center;
vertical-align: middle;
}
#bwg_container1_<?php echo $bwg; ?> #bwg_container2_<?php echo $bwg; ?> #bwg_slideshow_play_pause-ico_<?php echo $bwg; ?> {
display: none !important;
color: #<?php echo $theme_row->slideshow_rl_btn_color; ?>;
font-size: <?php echo $theme_row->slideshow_play_pause_btn_size; ?>px;
cursor: pointer;
position: relative;
z-index: 13;
}
#bwg_container1_<?php echo $bwg; ?> #bwg_container2_<?php echo $bwg; ?> #bwg_slideshow_play_pause-ico_<?php echo $bwg; ?>:hover {
color: #<?php echo $theme_row->slideshow_close_rl_btn_hover_color; ?>;
display: inline-block;
position: relative;
z-index: 13;
}
#bwg_container1_<?php echo $bwg; ?> #bwg_container2_<?php echo $bwg; ?> #spider_slideshow_left_<?php echo $bwg; ?>,
#bwg_container1_<?php echo $bwg; ?> #bwg_container2_<?php echo $bwg; ?> #spider_slideshow_right_<?php echo $bwg; ?> {
background: transparent url("<?php echo WD_BWG_URL . '/images/blank.gif'; ?>") repeat scroll 0 0;
bottom: 35%;
cursor: pointer;
display: inline;
height: 30%;
outline: medium none;
position: absolute;
width: 35%;
/*z-index: 10130;*/
z-index: 13;
}
#bwg_container1_<?php echo $bwg; ?> #bwg_container2_<?php echo $bwg; ?> #spider_slideshow_left_<?php echo $bwg; ?> {
left: 0;
}
#bwg_container1_<?php echo $bwg; ?> #bwg_container2_<?php echo $bwg; ?> #spider_slideshow_right_<?php echo $bwg; ?> {
right: 0;
}
#bwg_container1_<?php echo $bwg; ?> #bwg_container2_<?php echo $bwg; ?> #spider_slideshow_left_<?php echo $bwg; ?>:hover,
#bwg_container1_<?php echo $bwg; ?> #bwg_container2_<?php echo $bwg; ?> #spider_slideshow_right_<?php echo $bwg; ?>:hover {
visibility: visible;
}
#bwg_container1_<?php echo $bwg; ?> #bwg_container2_<?php echo $bwg; ?> #spider_slideshow_left_<?php echo $bwg; ?>:hover span {
left: 20px;
}
#bwg_container1_<?php echo $bwg; ?> #bwg_container2_<?php echo $bwg; ?> #spider_slideshow_right_<?php echo $bwg; ?>:hover span {
left: auto;
right: 20px;
}
#bwg_container1_<?php echo $bwg; ?> #bwg_container2_<?php echo $bwg; ?> #spider_slideshow_left-ico_<?php echo $bwg; ?> span,
#bwg_container1_<?php echo $bwg; ?> #bwg_container2_<?php echo $bwg; ?> #spider_slideshow_right-ico_<?php echo $bwg; ?> span {
display: table-cell;
text-align: center;
vertical-align: middle;
z-index: 13;
}
#bwg_container1_<?php echo $bwg; ?> #bwg_container2_<?php echo $bwg; ?> #spider_slideshow_left-ico_<?php echo $bwg; ?>,
#bwg_container1_<?php echo $bwg; ?> #bwg_container2_<?php echo $bwg; ?> #spider_slideshow_right-ico_<?php echo $bwg; ?> {
background-color: #<?php echo $theme_row->slideshow_rl_btn_bg_color; ?>;
border-radius: <?php echo $theme_row->slideshow_rl_btn_border_radius; ?>;
border: <?php echo $theme_row->slideshow_rl_btn_border_width; ?>px <?php echo $theme_row->slideshow_rl_btn_border_style; ?> #<?php echo $theme_row->slideshow_rl_btn_border_color; ?>;
box-shadow: <?php echo $theme_row->slideshow_rl_btn_box_shadow; ?>;
color: #<?php echo $theme_row->slideshow_rl_btn_color; ?>;
height: <?php echo $theme_row->slideshow_rl_btn_height; ?>px;
font-size: <?php echo $theme_row->slideshow_rl_btn_size; ?>px;
width: <?php echo $theme_row->slideshow_rl_btn_width; ?>px;
z-index: 13;
-moz-box-sizing: content-box;
box-sizing: content-box;
cursor: pointer;
display: table;
left: -9999px;
line-height: 0;
margin-top: -15px;
position: absolute;
top: 50%;
/*z-index: 10135;*/
opacity: <?php echo number_format($theme_row->slideshow_close_btn_transparent / 100, 2, ".", ""); ?>;
filter: Alpha(opacity=<?php echo $theme_row->slideshow_close_btn_transparent; ?>);
}
#bwg_container1_<?php echo $bwg; ?> #bwg_container2_<?php echo $bwg; ?> #spider_slideshow_left-ico_<?php echo $bwg; ?>:hover,
#bwg_container1_<?php echo $bwg; ?> #bwg_container2_<?php echo $bwg; ?> #spider_slideshow_right-ico_<?php echo $bwg; ?>:hover {
color: #<?php echo $theme_row->slideshow_close_rl_btn_hover_color; ?>;
cursor: pointer;
}
#bwg_container1_<?php echo $bwg; ?> #bwg_container2_<?php echo $bwg; ?> .bwg_slideshow_image_container_<?php echo $bwg; ?> {
display: table;
position: absolute;
text-align: center;
<?php echo $theme_row->slideshow_filmstrip_pos; ?>: <?php echo ($filmstrip_direction == 'horizontal' ? $slideshow_filmstrip_height : $slideshow_filmstrip_width); ?>px;
vertical-align: middle;
width: <?php echo $image_width; ?>px;
height: <?php echo $image_height; ?>px;
}
#bwg_container1_<?php echo $bwg; ?> #bwg_container2_<?php echo $bwg; ?> .bwg_slideshow_filmstrip_container_<?php echo $bwg; ?> {
display: <?php echo ($filmstrip_direction == 'horizontal'? 'table' : 'block'); ?>;
height: <?php echo ($filmstrip_direction == 'horizontal'? $slideshow_filmstrip_height : $image_height); ?>px;
position: absolute;
width: <?php echo ($filmstrip_direction == 'horizontal' ? $image_width : $slideshow_filmstrip_width); ?>px;
/*z-index: 10105;*/
<?php echo $theme_row->slideshow_filmstrip_pos; ?>: 0;
}
#bwg_container1_<?php echo $bwg; ?> #bwg_container2_<?php echo $bwg; ?> .bwg_slideshow_filmstrip_<?php echo $bwg; ?> {
<?php echo $left_or_top; ?>: 20px;
overflow: hidden;
position: absolute;
<?php echo $width_or_height; ?>: <?php echo ($filmstrip_direction == 'horizontal' ? $image_width - 40 : $image_height - 40); ?>px;
/*z-index: 10106;*/
}
#bwg_container1_<?php echo $bwg; ?> #bwg_container2_<?php echo $bwg; ?> .bwg_slideshow_filmstrip_thumbnails_<?php echo $bwg; ?> {
height: <?php echo ($filmstrip_direction == 'horizontal' ? $slideshow_filmstrip_height : ($slideshow_filmstrip_height + $filmstrip_thumb_margin_hor) * count($image_rows)); ?>px;
<?php echo $left_or_top; ?>: 0px;
margin: 0 auto;
overflow: hidden;
position: relative;
width: <?php echo ($filmstrip_direction == 'horizontal' ? ($slideshow_filmstrip_width + $filmstrip_thumb_margin_hor) * count($image_rows) : $slideshow_filmstrip_width); ?>px;
}
#bwg_container1_<?php echo $bwg; ?> #bwg_container2_<?php echo $bwg; ?> .bwg_slideshow_filmstrip_thumbnail_<?php echo $bwg; ?> {
position: relative;
background: none;
border: <?php echo $theme_row->slideshow_filmstrip_thumb_border_width; ?>px <?php echo $theme_row->slideshow_filmstrip_thumb_border_style; ?> #<?php echo $theme_row->slideshow_filmstrip_thumb_border_color; ?>;
border-radius: <?php echo $theme_row->slideshow_filmstrip_thumb_border_radius; ?>;
cursor: pointer;
float: left;
height: <?php echo $slideshow_filmstrip_height; ?>px;
margin: <?php echo $theme_row->slideshow_filmstrip_thumb_margin; ?>;
width: <?php echo $slideshow_filmstrip_width; ?>px;
overflow: hidden;
}
#bwg_container1_<?php echo $bwg; ?> #bwg_container2_<?php echo $bwg; ?> .bwg_slideshow_thumb_active_<?php echo $bwg; ?> {
opacity: 1;
filter: Alpha(opacity=100);
border: <?php echo $theme_row->slideshow_filmstrip_thumb_active_border_width; ?>px solid #<?php echo $theme_row->slideshow_filmstrip_thumb_active_border_color; ?>;
}
#bwg_container1_<?php echo $bwg; ?> #bwg_container2_<?php echo $bwg; ?> .bwg_slideshow_thumb_deactive_<?php echo $bwg; ?> {
opacity: <?php echo number_format($theme_row->slideshow_filmstrip_thumb_deactive_transparent / 100, 2, ".", ""); ?>;
filter: Alpha(opacity=<?php echo $theme_row->slideshow_filmstrip_thumb_deactive_transparent; ?>);
}
#bwg_container1_<?php echo $bwg; ?> #bwg_container2_<?php echo $bwg; ?> .bwg_slideshow_filmstrip_thumbnail_img_<?php echo $bwg; ?> {
display: block;
opacity: 1;
filter: Alpha(opacity=100);
padding: 0 !important;
}
#bwg_container1_<?php echo $bwg; ?> #bwg_container2_<?php echo $bwg; ?> .bwg_slideshow_filmstrip_left_<?php echo $bwg; ?> {
background-color: #<?php echo $theme_row->slideshow_filmstrip_rl_bg_color; ?>;
cursor: pointer;
display: <?php echo ($filmstrip_direction == 'horizontal' ? 'table-cell' : 'block') ?>;
vertical-align: middle;
<?php echo $width_or_height; ?>: 20px;
/*z-index: 10106;*/
<?php echo $left_or_top; ?>: 0;
<?php echo ($filmstrip_direction == 'horizontal' ? '' : 'position: absolute;') ?>
<?php echo ($filmstrip_direction == 'horizontal' ? '' : 'width: 100%;') ?>
}
#bwg_container1_<?php echo $bwg; ?> #bwg_container2_<?php echo $bwg; ?> .bwg_slideshow_filmstrip_right_<?php echo $bwg; ?> {
background-color: #<?php echo $theme_row->slideshow_filmstrip_rl_bg_color; ?>;
cursor: pointer;
<?php echo($filmstrip_direction == 'horizontal' ? 'right' : 'bottom') ?>: 0;
<?php echo $width_or_height; ?>: 20px;
display: <?php echo ($filmstrip_direction == 'horizontal' ? 'table-cell' : 'block') ?>;
vertical-align: middle;
/*z-index: 10106;*/
<?php echo ($filmstrip_direction == 'horizontal' ? '' : 'position: absolute;') ?>
<?php echo ($filmstrip_direction == 'horizontal' ? '' : 'width: 100%;') ?>
}
#bwg_container1_<?php echo $bwg; ?> #bwg_container2_<?php echo $bwg; ?> .bwg_slideshow_filmstrip_left_<?php echo $bwg; ?> i,
#bwg_container1_<?php echo $bwg; ?> #bwg_container2_<?php echo $bwg; ?> .bwg_slideshow_filmstrip_right_<?php echo $bwg; ?> i {
color: #<?php echo $theme_row->slideshow_filmstrip_rl_btn_color; ?>;
font-size: <?php echo $theme_row->slideshow_filmstrip_rl_btn_size; ?>px;
}
#bwg_container1_<?php echo $bwg; ?> #bwg_container2_<?php echo $bwg; ?> .bwg_none_selectable_<?php echo $bwg; ?> {
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
#bwg_container1_<?php echo $bwg; ?> #bwg_container2_<?php echo $bwg; ?> .bwg_slideshow_watermark_container_<?php echo $bwg; ?> {
display: table-cell;
margin: 0 auto;
position: relative;
vertical-align: middle;
}
#bwg_container1_<?php echo $bwg; ?> #bwg_container2_<?php echo $bwg; ?> .bwg_slideshow_watermark_spun_<?php echo $bwg; ?> {
display: table-cell;
overflow: hidden;
position: relative;
text-align: <?php echo $watermark_position[1]; ?>;
vertical-align: <?php echo $watermark_position[0]; ?>;
}
#bwg_container1_<?php echo $bwg; ?> #bwg_container2_<?php echo $bwg; ?> .bwg_slideshow_title_spun_<?php echo $bwg; ?> {
display: table-cell;
overflow: hidden;
position: relative;
text-align: <?php echo $slideshow_title_position[1]; ?>;
vertical-align: <?php echo $slideshow_title_position[0]; ?>;
}
#bwg_container1_<?php echo $bwg; ?> #bwg_container2_<?php echo $bwg; ?> .bwg_slideshow_description_spun_<?php echo $bwg; ?> {
display: table-cell;
overflow: hidden;
position: relative;
text-align: <?php echo $slideshow_description_position[1]; ?>;
vertical-align: <?php echo $slideshow_description_position[0]; ?>;
}
#bwg_container1_<?php echo $bwg; ?> #bwg_container2_<?php echo $bwg; ?> .bwg_slideshow_watermark_image_<?php echo $bwg; ?> {
padding: 0 !important;
float: none !important;
margin: 4px !important;
max-height: <?php echo $watermark_height; ?>px;
max-width: <?php echo $watermark_width; ?>px;
opacity: <?php echo number_format($watermark_opacity / 100, 2, ".", ""); ?>;
filter: Alpha(opacity=<?php echo $watermark_opacity; ?>);
position: relative;
z-index: 15;
}
#bwg_container1_<?php echo $bwg; ?> #bwg_container2_<?php echo $bwg; ?> .bwg_slideshow_watermark_text_<?php echo $bwg; ?>,
#bwg_container1_<?php echo $bwg; ?> #bwg_container2_<?php echo $bwg; ?> .bwg_slideshow_watermark_text_<?php echo $bwg; ?>:hover {
text-decoration: none;
margin: 4px;
font-size: <?php echo $watermark_font_size; ?>px;
font-family: <?php echo $watermark_font; ?>;
color: #<?php echo $watermark_color; ?> !important;
opacity: <?php echo number_format($watermark_opacity / 100, 2, ".", ""); ?>;
filter: Alpha(opacity=<?php echo $watermark_opacity; ?>);
position: relative;
z-index: 15;
}
#bwg_container1_<?php echo $bwg; ?> #bwg_container2_<?php echo $bwg; ?> .bwg_slideshow_title_text_<?php echo $bwg; ?> {
text-decoration: none;
font-size: <?php echo $theme_row->slideshow_title_font_size; ?>px;
font-family: <?php echo $theme_row->slideshow_title_font; ?>;
color: #<?php echo $theme_row->slideshow_title_color; ?> !important;
opacity: <?php echo number_format($theme_row->slideshow_title_opacity / 100, 2, ".", ""); ?>;
filter: Alpha(opacity=<?php echo $theme_row->slideshow_title_opacity; ?>);
position: relative;
z-index: 11;
border-radius: <?php echo $theme_row->slideshow_title_border_radius; ?>;
background-color: #<?php echo $theme_row->slideshow_title_background_color; ?>;
padding: <?php echo $theme_row->slideshow_title_padding; ?>;
<?php if($params['slideshow_title_full_width']) { ?>
width: 100%;
<?php } else { ?>
margin: 5px;
<?php } ?>
display: inline-block;
word-wrap: break-word;
word-break: break-word;
<?php if (!$enable_slideshow_filmstrip && $slideshow_title_position[0] == $theme_row->slideshow_filmstrip_pos) echo $theme_row->slideshow_filmstrip_pos . ':' . ($theme_row->slideshow_dots_height + 4) . 'px;'; ?>
}
#bwg_container1_<?php echo $bwg; ?> #bwg_container2_<?php echo $bwg; ?> .bwg_slideshow_description_text_<?php echo $bwg; ?> {
text-decoration: none;
font-size: <?php echo $theme_row->slideshow_description_font_size; ?>px;
font-family: <?php echo $theme_row->slideshow_description_font; ?>;
color: #<?php echo $theme_row->slideshow_description_color; ?> !important;
opacity: <?php echo number_format($theme_row->slideshow_description_opacity / 100, 2, ".", ""); ?>;
filter: Alpha(opacity=<?php echo $theme_row->slideshow_description_opacity; ?>);
position: relative;
z-index: 15;
border-radius: <?php echo $theme_row->slideshow_description_border_radius; ?>;
background-color: #<?php echo $theme_row->slideshow_description_background_color; ?>;
padding: <?php echo $theme_row->slideshow_description_padding; ?>;
margin: 5px;
display: inline-block;
word-wrap: break-word;
word-break: break-word;
<?php if (!$enable_slideshow_filmstrip && $slideshow_description_position[0] == $theme_row->slideshow_filmstrip_pos) echo $theme_row->slideshow_filmstrip_pos . ':' . ($theme_row->slideshow_dots_height + 4) . 'px;'; ?>
}
#bwg_container1_<?php echo $bwg; ?> #bwg_container2_<?php echo $bwg; ?> .bwg_slideshow_description_text_<?php echo $bwg; ?> * {
text-decoration: none;
color: #<?php echo $theme_row->slideshow_description_color; ?> !important;
}
#bwg_container1_<?php echo $bwg; ?> #bwg_container2_<?php echo $bwg; ?> .bwg_slide_container_<?php echo $bwg; ?> {
display: table-cell;
margin: 0 auto;
position: absolute;
vertical-align: middle;
width: 100%;
height: 100%;
}
#bwg_container1_<?php echo $bwg; ?> #bwg_container2_<?php echo $bwg; ?> .bwg_slide_bg_<?php echo $bwg; ?> {
margin: 0 auto;
width: inherit;
height: inherit;
}
#bwg_container1_<?php echo $bwg; ?> #bwg_container2_<?php echo $bwg; ?> .bwg_slider_<?php echo $bwg; ?> {
height: inherit;
width: inherit;
}
#bwg_container1_<?php echo $bwg; ?> #bwg_container2_<?php echo $bwg; ?> .bwg_slideshow_image_spun_<?php echo $bwg; ?> {
width: inherit;
height: inherit;
display: table-cell;
filter: Alpha(opacity=100);
opacity: 1;
position: absolute;
vertical-align: middle;
z-index: 2;
}
#bwg_container1_<?php echo $bwg; ?> #bwg_container2_<?php echo $bwg; ?> .bwg_slideshow_image_second_spun_<?php echo $bwg; ?> {
width: inherit;
height: inherit;
display: table-cell;
filter: Alpha(opacity=0);
opacity: 0;
position: absolute;
vertical-align: middle;
z-index: 1;
}
#bwg_container1_<?php echo $bwg; ?> #bwg_container2_<?php echo $bwg; ?> .bwg_grid_<?php echo $bwg; ?> {
display: none;
height: 100%;
overflow: hidden;
position: absolute;
width: 100%;
}
#bwg_container1_<?php echo $bwg; ?> #bwg_container2_<?php echo $bwg; ?> .bwg_gridlet_<?php echo $bwg; ?> {
opacity: 1;
filter: Alpha(opacity=100);
position: absolute;
}
#bwg_container1_<?php echo $bwg; ?> #bwg_container2_<?php echo $bwg; ?> .bwg_slideshow_dots_<?php echo $bwg; ?> {
display: inline-block;
position: relative;
width: <?php echo $theme_row->slideshow_dots_width; ?>px;
height: <?php echo $theme_row->slideshow_dots_height; ?>px;
border-radius: <?php echo $theme_row->slideshow_dots_border_radius; ?>;
background: #<?php echo $theme_row->slideshow_dots_background_color; ?>;
margin: <?php echo $theme_row->slideshow_dots_margin; ?>px;
cursor: pointer;
overflow: hidden;
z-index: 17;
}
#bwg_container1_<?php echo $bwg; ?> #bwg_container2_<?php echo $bwg; ?> .bwg_slideshow_dots_container_<?php echo $bwg; ?> {
display: block;
overflow: hidden;
position: absolute;
width: <?php echo $image_width; ?>px;
<?php echo $theme_row->slideshow_filmstrip_pos; ?>: 0;
z-index: 17;
}
#bwg_container1_<?php echo $bwg; ?> #bwg_container2_<?php echo $bwg; ?> .bwg_slideshow_dots_thumbnails_<?php echo $bwg; ?> {
left: 0px;
font-size: 0;
margin: 0 auto;
overflow: hidden;
position: relative;
height: <?php echo ($theme_row->slideshow_dots_height + $theme_row->slideshow_dots_margin * 2); ?>px;
width: <?php echo ($theme_row->slideshow_dots_width + $theme_row->slideshow_dots_margin * 2 + 4) * count($image_rows); ?>px;
}
#bwg_container1_<?php echo $bwg; ?> #bwg_container2_<?php echo $bwg; ?> .bwg_slideshow_dots_active_<?php echo $bwg; ?> {
background: #<?php echo $theme_row->slideshow_dots_active_background_color; ?>;
opacity: 1;
filter: Alpha(opacity=100);
border: <?php echo $theme_row->slideshow_dots_active_border_width; ?>px solid #<?php echo $theme_row->slideshow_dots_active_border_color; ?>;
}
#bwg_container1_<?php echo $bwg; ?> #bwg_container2_<?php echo $bwg; ?> .bwg_slideshow_dots_deactive_<?php echo $bwg; ?> {
}
#bwg_container1_<?php echo $bwg; ?> #bwg_container2_<?php echo $bwg; ?> .bwg_slideshow_image_spun1_<?php echo $bwg; ?> {
display: table;
width: inherit;
height: inherit;
}
#bwg_container1_<?php echo $bwg; ?> #bwg_container2_<?php echo $bwg; ?> .bwg_slideshow_image_spun2_<?php echo $bwg; ?> {
display: table-cell;
vertical-align: middle;
text-align: center;
}
</style>
<script>
var data_<?php echo $bwg; ?> = [];
var event_stack_<?php echo $bwg; ?> = [];
<?php
foreach ($image_rows as $key => $image_row) {
if ($image_row->id == $current_image_id) {
$current_image_alt = $image_row->alt;
$current_image_description = str_replace(array("\r\n", "\n", "\r"), htmlspecialchars('<br />'), $image_row->description);
}
?>
data_<?php echo $bwg; ?>["<?php echo $key; ?>"] = [];
data_<?php echo $bwg; ?>["<?php echo $key; ?>"]["id"] = "<?php echo $image_row->id; ?>";
data_<?php echo $bwg; ?>["<?php echo $key; ?>"]["alt"] = "<?php echo $image_row->alt; ?>";
data_<?php echo $bwg; ?>["<?php echo $key; ?>"]["description"] = "<?php echo str_replace(array("\r\n", "\n", "\r"), htmlspecialchars('<br />'), $image_row->description); ?>";
data_<?php echo $bwg; ?>["<?php echo $key; ?>"]["image_url"] = "<?php echo $image_row->image_url; ?>";
data_<?php echo $bwg; ?>["<?php echo $key; ?>"]["thumb_url"] = "<?php echo $image_row->thumb_url; ?>";
data_<?php echo $bwg; ?>["<?php echo $key; ?>"]["date"] = "<?php echo $image_row->date; ?>";
data_<?php echo $bwg; ?>["<?php echo $key; ?>"]["is_video"] = "<?php echo $image_row->filetype == "YOUTUBE" || $image_row->filetype == "VIMEO"; ?>";
<?php
}
?>
</script>
<div id="bwg_container1_<?php echo $bwg; ?>">
<div id="bwg_container2_<?php echo $bwg; ?>">
<div class="bwg_slideshow_image_wrap_<?php echo $bwg; ?>">
<?php
$current_pos = 0;
if ($enable_slideshow_filmstrip) {
?>
<div class="bwg_slideshow_filmstrip_container_<?php echo $bwg; ?>">
<div class="bwg_slideshow_filmstrip_left_<?php echo $bwg; ?>"><i class="fa <?php echo ($filmstrip_direction == 'horizontal'? 'fa-angle-left' : 'fa-angle-up'); ?>"></i></div>
<div class="bwg_slideshow_filmstrip_<?php echo $bwg; ?>">
<div class="bwg_slideshow_filmstrip_thumbnails_<?php echo $bwg; ?>">
<?php
foreach ($image_rows as $key => $image_row) {
if ($image_row->id == $current_image_id) {
$current_pos = $key * (($filmstrip_direction == 'horizontal' ? $slideshow_filmstrip_width : $slideshow_filmstrip_height) + $filmstrip_thumb_margin_hor);
$current_key = $key;
}
$is_video = $image_row->filetype == "YOUTUBE" || $image_row->filetype == "VIMEO";
if ($play_pause_button_display === 'undefined') {
if ($is_video) {
$play_pause_button_display = 'none';
}
else {
$play_pause_button_display = '';
}
}
if (!$is_video) {
list($image_thumb_width, $image_thumb_height) = getimagesize(htmlspecialchars_decode(JPATH_SITE.'/' . WD_BWG_UPLOAD_DIR.'/' . $image_row->thumb_url, ENT_COMPAT | ENT_QUOTES));
}
else {
$image_thumb_width = $slideshow_filmstrip_width;
$image_thumb_height = $slideshow_filmstrip_height;
}
$scale = max($slideshow_filmstrip_width / $image_thumb_width, $slideshow_filmstrip_height / $image_thumb_height);
$image_thumb_width *= $scale;
$image_thumb_height *= $scale;
$thumb_left = ($slideshow_filmstrip_width - $image_thumb_width) / 2;
$thumb_top = ($slideshow_filmstrip_height - $image_thumb_height) / 2;
?>
<div id="bwg_filmstrip_thumbnail_<?php echo $key; ?>_<?php echo $bwg; ?>" class="bwg_slideshow_filmstrip_thumbnail_<?php echo $bwg; ?> <?php echo (($image_row->id == $current_image_id) ? 'bwg_slideshow_thumb_active_' . $bwg : 'bwg_slideshow_thumb_deactive_' . $bwg); ?>">
<img style="width:<?php echo $image_thumb_width; ?>px; height:<?php echo $image_thumb_height; ?>px; margin-left: <?php echo $thumb_left; ?>px; margin-top: <?php echo $thumb_top; ?>px;" class="bwg_slideshow_filmstrip_thumbnail_img_<?php echo $bwg; ?>" src="<?php echo ($is_video ? "" : JURI::root(). WD_BWG_UPLOAD_DIR.'/') . $image_row->thumb_url; ?>" onclick="bwg_change_image_<?php echo $bwg; ?>(parseInt(jQuery('#bwg_current_image_key_<?php echo $bwg; ?>').val()), '<?php echo $key; ?>', data_<?php echo $bwg; ?>)" image_id="<?php echo $image_row->id; ?>" image_key="<?php echo $key; ?>" />
</div>
<?php
}
?>
</div>
</div>
<div class="bwg_slideshow_filmstrip_right_<?php echo $bwg; ?>"><i class="fa <?php echo ($filmstrip_direction == 'horizontal'? 'fa-angle-right' : 'fa-angle-down'); ?>"></i></div>
</div>
<?php
}
else {
?>
<div class="bwg_slideshow_dots_container_<?php echo $bwg; ?>">
<div class="bwg_slideshow_dots_thumbnails_<?php echo $bwg; ?>">
<?php
foreach ($image_rows as $key => $image_row) {
if ($image_row->id == $current_image_id) {
$current_pos = $key * ($slideshow_filmstrip_width + 2);
$current_key = $key;
}
?>
<span id="bwg_dots_<?php echo $key; ?>_<?php echo $bwg; ?>" class="bwg_slideshow_dots_<?php echo $bwg; ?> <?php echo (($image_row->id == $current_image_id) ? 'bwg_slideshow_dots_active_' . $bwg : 'bwg_slideshow_dots_deactive_' . $bwg); ?>" onclick="bwg_change_image_<?php echo $bwg; ?>(parseInt(jQuery('#bwg_current_image_key_<?php echo $bwg; ?>').val()), '<?php echo $key; ?>', data_<?php echo $bwg; ?>)" image_id="<?php echo $image_row->id; ?>" image_key="<?php echo $key; ?>"></span>
<?php
}
?>
</div>
</div>
<?php
}
?>
<div id="bwg_slideshow_image_container_<?php echo $bwg; ?>" class="bwg_slideshow_image_container_<?php echo $bwg; ?>">
<div class="bwg_slide_container_<?php echo $bwg; ?>">
<div class="bwg_slide_bg_<?php echo $bwg; ?>">
<div class="bwg_slider_<?php echo $bwg; ?>">
<?php
foreach ($image_rows as $key => $image_row) {
$is_video = $image_row->filetype == "YOUTUBE" || $image_row->filetype == "VIMEO";
if ($image_row->id == $current_image_id) {
$current_key = $key;
?>
<span class="bwg_slideshow_image_spun_<?php echo $bwg; ?>" id="image_id_<?php echo $bwg; ?>_<?php echo $image_row->id; ?>">
<span class="bwg_slideshow_image_spun1_<?php echo $bwg; ?>">
<span class="bwg_slideshow_image_spun2_<?php echo $bwg; ?>">
<?php
if (!$is_video) {
?>
<img id="bwg_slideshow_image_<?php echo $bwg; ?>" class="bwg_slideshow_image_<?php echo $bwg; ?>" src="<?php echo JURI::root(). WD_BWG_UPLOAD_DIR.'/' . $image_row->image_url; ?>" image_id="<?php echo $image_row->id; ?>" />
<?php
}
else { ?>
<span id="bwg_slideshow_image_<?php echo $bwg; ?>" class="bwg_slideshow_video_<?php echo $bwg; ?>" image_id="<?php echo $image_row->id; ?>">
<iframe class="bwg_video_frame_<?php echo $bwg; ?>" src="<?php echo ($image_row->filetype == "YOUTUBE" ? "//www.youtube.com/embed/" . $image_row->filename . "?enablejsapi=1&wmode=transparent" : "//player.vimeo.com/video/" . $image_row->filename . "?api=1"); ?>" frameborder="0" allowfullscreen style="width:100%; height:100%;"></iframe>
</span>
<?php
}
?>
</span>
</span>
</span>
<input type="hidden" id="bwg_current_image_key_<?php echo $bwg; ?>" value="<?php echo $key; ?>" />
<?php
}
else {
?>
<span class="bwg_slideshow_image_second_spun_<?php echo $bwg; ?>" id="image_id_<?php echo $bwg; ?>_<?php echo $image_row->id; ?>">
<span class="bwg_slideshow_image_spun1_<?php echo $bwg; ?>">
<span class="bwg_slideshow_image_spun2_<?php echo $bwg; ?>">
<?php
if (!$is_video) {
?>
<img id="bwg_slideshow_image_second_<?php echo $bwg; ?>" class="bwg_slideshow_image_<?php echo $bwg; ?>" src="<?php echo JURI::root(). WD_BWG_UPLOAD_DIR.'/' . $image_row->image_url; ?>" />
<?php
}
else { ?>
<span id="bwg_slideshow_image_second_<?php echo $bwg; ?>" class="bwg_slideshow_video_<?php echo $bwg; ?>">
<iframe class="bwg_video_frame_<?php echo $bwg; ?>" src="<?php echo ($image_row->filetype == "YOUTUBE" ? "//www.youtube.com/embed/" . $image_row->filename . "?enablejsapi=1&wmode=transparent" : "//player.vimeo.com/video/" . $image_row->filename . "?api=1"); ?>" frameborder="0" allowfullscreen style="width:100%; height:100%;"></iframe>
</span>
<?php
}
?>
</span>
</span>
</span>
<?php
}
}
?>
</div>
</div>
</div>
<?php
if ($enable_slideshow_ctrl) {
?>
<a id="spider_slideshow_left_<?php echo $bwg; ?>" onclick="bwg_change_image_<?php echo $bwg; ?>(parseInt(jQuery('#bwg_current_image_key_<?php echo $bwg; ?>').val()), (parseInt(jQuery('#bwg_current_image_key_<?php echo $bwg; ?>').val()) - iterator_<?php echo $bwg; ?>()) >= 0 ? (parseInt(jQuery('#bwg_current_image_key_<?php echo $bwg; ?>').val()) - iterator_<?php echo $bwg; ?>()) % data_<?php echo $bwg; ?>.length : data_<?php echo $bwg; ?>.length - 1, data_<?php echo $bwg; ?>); return false;"><span id="spider_slideshow_left-ico_<?php echo $bwg; ?>"><span><i class="bwg_slideshow_prev_btn_<?php echo $bwg; ?> fa <?php echo $theme_row->slideshow_rl_btn_style; ?>-left"></i></span></span></a>
<span id="bwg_slideshow_play_pause_<?php echo $bwg; ?>" style="display: <?php echo $play_pause_button_display; ?>;"><span><span id="bwg_slideshow_play_pause-ico_<?php echo $bwg; ?>"><i class="bwg_ctrl_btn_<?php echo $bwg; ?> bwg_slideshow_play_pause_<?php echo $bwg; ?> fa fa-play"></i></span></span></span>
<a id="spider_slideshow_right_<?php echo $bwg; ?>" onclick="bwg_change_image_<?php echo $bwg; ?>(parseInt(jQuery('#bwg_current_image_key_<?php echo $bwg; ?>').val()), (parseInt(jQuery('#bwg_current_image_key_<?php echo $bwg; ?>').val()) + iterator_<?php echo $bwg; ?>()) % data_<?php echo $bwg; ?>.length, data_<?php echo $bwg; ?>); return false;"><span id="spider_slideshow_right-ico_<?php echo $bwg; ?>"><span><i class="bwg_slideshow_next_btn_<?php echo $bwg; ?> fa <?php echo $theme_row->slideshow_rl_btn_style; ?>-right"></i></span></span></a>
<?php
}
?>
</div>
<?php
if ($watermark_type != 'none') {
?>
<div class="bwg_slideshow_image_container_<?php echo $bwg; ?>" style="position: absolute;">
<div class="bwg_slideshow_watermark_container_<?php echo $bwg; ?>">
<div style="display:table; margin:0 auto;">
<span class="bwg_slideshow_watermark_spun_<?php echo $bwg; ?>" id="bwg_slideshow_watermark_container_<?php echo $bwg; ?>">
<?php
if ($watermark_type == 'image') {
?>
<a href="<?php echo urldecode($watermark_link); ?>" target="_blank">
<img class="bwg_slideshow_watermark_image_<?php echo $bwg; ?> bwg_slideshow_watermark_<?php echo $bwg; ?>" src="<?php echo $watermark_url; ?>" />
</a>
<?php
}
elseif ($watermark_type == 'text') {
?>
<a class="bwg_none_selectable_<?php echo $bwg; ?> bwg_slideshow_watermark_text_<?php echo $bwg; ?> bwg_slideshow_watermark_<?php echo $bwg; ?>" target="_blank" href="<?php echo $watermark_link; ?>"><?php echo $watermark_text; ?></a>
<?php
}
?>
</span>
</div>
</div>
</div>
<?php
}
if ($enable_image_title) {
?>
<div class="bwg_slideshow_image_container_<?php echo $bwg; ?>" style="position: absolute;">
<div class="bwg_slideshow_watermark_container_<?php echo $bwg; ?>">
<div style="display:table; margin:0 auto;">
<span class="bwg_slideshow_title_spun_<?php echo $bwg; ?>">
<div class="bwg_slideshow_title_text_<?php echo $bwg; ?>" style="<?php if (!$current_image_alt) echo 'display:none;'; ?>">
<?php echo html_entity_decode($current_image_alt); ?>
</div>
</span>
</div>
</div>
</div>
<?php
}
if ($enable_image_description) {
?>
<div class="bwg_slideshow_image_container_<?php echo $bwg; ?>" style="position: absolute;">
<div class="bwg_slideshow_watermark_container_<?php echo $bwg; ?>">
<div style="display:table; margin:0 auto;">
<span class="bwg_slideshow_description_spun_<?php echo $bwg; ?>">
<div class="bwg_slideshow_description_text_<?php echo $bwg; ?>" style="<?php if (!$current_image_description) echo 'display:none;'; ?>">
<?php echo html_entity_decode(str_replace("\r\n", htmlspecialchars('<br />'), $current_image_description)); ?>
</div>
</span>
</div>
</div>
</div>
<?php
}
if ($enable_slideshow_music) {
?>
<audio id="bwg_audio_<?php echo $bwg; ?>" src="<?php echo JURI::root(). WD_BWG_UPLOAD_DIR.'/' . $slideshow_music_url ?>" loop volume="1.0"></audio>
<?php
}
?>
</div>
</div>
</div>
<script>
var bwg_trans_in_progress_<?php echo $bwg; ?> = false;
var bwg_transition_duration_<?php echo $bwg; ?> = <?php echo (($slideshow_interval < 4) && ($slideshow_interval != 0)) ? ($slideshow_interval * 1000) / 4 : 800; ?>;
var bwg_playInterval_<?php echo $bwg; ?>;
/* Stop autoplay.*/
window.clearInterval(bwg_playInterval_<?php echo $bwg; ?>);
/* Set watermark container size.*/
function bwg_change_watermark_container_<?php echo $bwg; ?>() {
jQuery(".bwg_slider_<?php echo $bwg; ?>").children().each(function() {
if (jQuery(this).css("zIndex") == 2) {
var bwg_current_image_span = jQuery(this).find("img");
if (!bwg_current_image_span.length) {
bwg_current_image_span = jQuery(this).find("iframe");
}
var width = bwg_current_image_span.width();
var height = bwg_current_image_span.height();
jQuery(".bwg_slideshow_watermark_spun_<?php echo $bwg; ?>").width(width);
jQuery(".bwg_slideshow_watermark_spun_<?php echo $bwg; ?>").height(height);
jQuery(".bwg_slideshow_title_spun_<?php echo $bwg; ?>").width(width);
jQuery(".bwg_slideshow_title_spun_<?php echo $bwg; ?>").height(height);
jQuery(".bwg_slideshow_description_spun_<?php echo $bwg; ?>").width(width);
jQuery(".bwg_slideshow_description_spun_<?php echo $bwg; ?>").height(height);
jQuery(".bwg_slideshow_watermark_<?php echo $bwg; ?>").css({display: ''});
if (jQuery.trim(jQuery(".bwg_slideshow_title_text_<?php echo $bwg; ?>").text())) {
jQuery(".bwg_slideshow_title_text_<?php echo $bwg; ?>").css({display: ''});
}
if (jQuery.trim(jQuery(".bwg_slideshow_description_text_<?php echo $bwg; ?>").text())) {
jQuery(".bwg_slideshow_description_text_<?php echo $bwg; ?>").css({display: ''});
}
}
});
}
var bwg_current_key_<?php echo $bwg; ?> = '<?php echo (isset($current_key) ? $current_key : ''); ?>';
var bwg_current_filmstrip_pos_<?php echo $bwg; ?> = <?php echo $current_pos; ?>;
/* Set filmstrip initial position.*/
function bwg_set_filmstrip_pos_<?php echo $bwg; ?>(filmStripWidth) {
var selectedImagePos = -bwg_current_filmstrip_pos_<?php echo $bwg; ?> - (jQuery(".bwg_slideshow_filmstrip_thumbnail_<?php echo $bwg; ?>").<?php echo $width_or_height; ?>() + <?php echo $filmstrip_thumb_margin_hor; ?>) / 2;
var imagesContainerLeft = Math.min(0, Math.max(filmStripWidth - jQuery(".bwg_slideshow_filmstrip_thumbnails_<?php echo $bwg; ?>").<?php echo $width_or_height; ?>(), selectedImagePos + filmStripWidth / 2));
jQuery(".bwg_slideshow_filmstrip_thumbnails_<?php echo $bwg; ?>").animate({
<?php echo $left_or_top; ?>: imagesContainerLeft
}, {
duration: 500,
complete: function () { bwg_filmstrip_arrows_<?php echo $bwg; ?>(); }
});
}
function bwg_move_filmstrip_<?php echo $bwg; ?>() {
var image_left = jQuery(".bwg_slideshow_thumb_active_<?php echo $bwg; ?>").position().<?php echo $left_or_top; ?>;
var image_right = jQuery(".bwg_slideshow_thumb_active_<?php echo $bwg; ?>").position().<?php echo $left_or_top; ?> + jQuery(".bwg_slideshow_thumb_active_<?php echo $bwg; ?>").<?php echo $outerWidth_or_outerHeight; ?>(true);
var bwg_filmstrip_width = jQuery(".bwg_slideshow_filmstrip_<?php echo $bwg; ?>").<?php echo $outerWidth_or_outerHeight; ?>(true);
var bwg_filmstrip_thumbnails_width = jQuery(".bwg_slideshow_filmstrip_thumbnails_<?php echo $bwg; ?>").<?php echo $outerWidth_or_outerHeight; ?>(true);
var long_filmstrip_cont_left = jQuery(".bwg_slideshow_filmstrip_thumbnails_<?php echo $bwg; ?>").position().<?php echo $left_or_top; ?>;
var long_filmstrip_cont_right = Math.abs(jQuery(".bwg_slideshow_filmstrip_thumbnails_<?php echo $bwg; ?>").position().<?php echo $left_or_top; ?>) + bwg_filmstrip_width;
if (bwg_filmstrip_width > bwg_filmstrip_thumbnails_width) {
return;
}
if (image_left < Math.abs(long_filmstrip_cont_left)) {
jQuery(".bwg_slideshow_filmstrip_thumbnails_<?php echo $bwg; ?>").animate({
<?php echo $left_or_top; ?>: -image_left
}, {
duration: 500,
complete: function () { bwg_filmstrip_arrows_<?php echo $bwg; ?>(); }
});
}
else if (image_right > long_filmstrip_cont_right) {
jQuery(".bwg_slideshow_filmstrip_thumbnails_<?php echo $bwg; ?>").animate({
<?php echo $left_or_top; ?>: -(image_right - bwg_filmstrip_width)
}, {
duration: 500,
complete: function () { bwg_filmstrip_arrows_<?php echo $bwg; ?>(); }
});
}
}
function bwg_move_dots_<?php echo $bwg; ?>() {
var image_left = jQuery(".bwg_slideshow_dots_active_<?php echo $bwg; ?>").position().left;
var image_right = jQuery(".bwg_slideshow_dots_active_<?php echo $bwg; ?>").position().left + jQuery(".bwg_slideshow_dots_active_<?php echo $bwg; ?>").outerWidth(true);
var bwg_dots_width = jQuery(".bwg_slideshow_dots_container_<?php echo $bwg; ?>").outerWidth(true);
var bwg_dots_thumbnails_width = jQuery(".bwg_slideshow_dots_thumbnails_<?php echo $bwg; ?>").outerWidth(true);
var long_filmstrip_cont_left = jQuery(".bwg_slideshow_dots_thumbnails_<?php echo $bwg; ?>").position().left;
var long_filmstrip_cont_right = Math.abs(jQuery(".bwg_slideshow_dots_thumbnails_<?php echo $bwg; ?>").position().left) + bwg_dots_width;
if (bwg_dots_width > bwg_dots_thumbnails_width) {
return;
}
if (image_left < Math.abs(long_filmstrip_cont_left)) {
jQuery(".bwg_slideshow_dots_thumbnails_<?php echo $bwg; ?>").animate({
left: -image_left
}, {
duration: 500,
complete: function () { }
});
}
else if (image_right > long_filmstrip_cont_right) {
jQuery(".bwg_slideshow_dots_thumbnails_<?php echo $bwg; ?>").animate({
left: -(image_right - bwg_dots_width)
}, {
duration: 500,
complete: function () { }
});
}
}
/* Show/hide filmstrip arrows.*/
function bwg_filmstrip_arrows_<?php echo $bwg; ?>() {
if (jQuery(".bwg_slideshow_filmstrip_thumbnails_<?php echo $bwg; ?>").<?php echo $width_or_height; ?>() < jQuery(".bwg_slideshow_filmstrip_<?php echo $bwg; ?>").<?php echo $width_or_height; ?>()) {
jQuery(".bwg_slideshow_filmstrip_left_<?php echo $bwg; ?>").hide();
jQuery(".bwg_slideshow_filmstrip_right_<?php echo $bwg; ?>").hide();
}
else {
jQuery(".bwg_slideshow_filmstrip_left_<?php echo $bwg; ?>").show();
jQuery(".bwg_slideshow_filmstrip_right_<?php echo $bwg; ?>").show();
}
}
function bwg_testBrowser_cssTransitions_<?php echo $bwg; ?>() {
return bwg_testDom_<?php echo $bwg; ?>('Transition');
}
function bwg_testBrowser_cssTransforms3d_<?php echo $bwg; ?>() {
return bwg_testDom_<?php echo $bwg; ?>('Perspective');
}
function bwg_testDom_<?php echo $bwg; ?>(prop) {
/* Browser vendor CSS prefixes.*/
var browserVendors = ['', '-webkit-', '-moz-', '-ms-', '-o-', '-khtml-'];
/* Browser vendor DOM prefixes.*/
var domPrefixes = ['', 'Webkit', 'Moz', 'ms', 'O', 'Khtml'];
var i = domPrefixes.length;
while (i--) {
if (typeof document.body.style[domPrefixes[i] + prop] !== 'undefined') {
return true;
}
}
return false;
}
function bwg_cube_<?php echo $bwg; ?>(tz, ntx, nty, nrx, nry, wrx, wry, current_image_class, next_image_class, direction) {
/* If browser does not support 3d transforms/CSS transitions.*/
if (!bwg_testBrowser_cssTransitions_<?php echo $bwg; ?>()) {
return bwg_fallback_<?php echo $bwg; ?>(current_image_class, next_image_class, direction);
}
if (!bwg_testBrowser_cssTransforms3d_<?php echo $bwg; ?>()) {
return bwg_fallback3d_<?php echo $bwg; ?>(current_image_class, next_image_class, direction);
}
bwg_trans_in_progress_<?php echo $bwg; ?> = true;
/* Set active thumbnail.*/
jQuery(".bwg_slideshow_filmstrip_thumbnail_<?php echo $bwg; ?>").removeClass("bwg_slideshow_thumb_active_<?php echo $bwg; ?>").addClass("bwg_slideshow_thumb_deactive_<?php echo $bwg; ?>");
jQuery("#bwg_filmstrip_thumbnail_" + bwg_current_key_<?php echo $bwg; ?> + "_<?php echo $bwg; ?>").removeClass("bwg_slideshow_thumb_deactive_<?php echo $bwg; ?>").addClass("bwg_slideshow_thumb_active_<?php echo $bwg; ?>");
jQuery(".bwg_slideshow_dots_<?php echo $bwg; ?>").removeClass("bwg_slideshow_dots_active_<?php echo $bwg; ?>").addClass("bwg_slideshow_dots_deactive_<?php echo $bwg; ?>");
jQuery("#bwg_dots_" + bwg_current_key_<?php echo $bwg; ?> + "_<?php echo $bwg; ?>").removeClass("bwg_slideshow_dots_deactive_<?php echo $bwg; ?>").addClass("bwg_slideshow_dots_active_<?php echo $bwg; ?>");
jQuery(".bwg_slide_bg_<?php echo $bwg; ?>").css('perspective', 1000);
jQuery(current_image_class).css({
transform : 'translateZ(' + tz + 'px)',
backfaceVisibility : 'hidden'
});
jQuery(next_image_class).css({
opacity : 1,
filter: 'Alpha(opacity=100)',
zIndex: 2,
backfaceVisibility : 'hidden',
transform : 'translateY(' + nty + 'px) translateX(' + ntx + 'px) rotateY('+ nry +'deg) rotateX('+ nrx +'deg)'
});
jQuery(".bwg_slider_<?php echo $bwg; ?>").css({
transform: 'translateZ(-' + tz + 'px)',
transformStyle: 'preserve-3d'
});
/* Execution steps.*/
setTimeout(function () {
jQuery(".bwg_slider_<?php echo $bwg; ?>").css({
transition: 'all ' + bwg_transition_duration_<?php echo $bwg; ?> + 'ms ease-in-out',
transform: 'translateZ(-' + tz + 'px) rotateX('+ wrx +'deg) rotateY('+ wry +'deg)'
});
}, 20);
/* After transition.*/
jQuery(".bwg_slider_<?php echo $bwg; ?>").one('webkitTransitionEnd transitionend otransitionend oTransitionEnd mstransitionend', jQuery.proxy(bwg_after_trans));
function bwg_after_trans() {
/*if (bwg_from_focus_<?php echo $bwg; ?>) {
bwg_from_focus_<?php echo $bwg; ?> = false;
return;
}*/
jQuery(current_image_class).removeAttr('style');
jQuery(next_image_class).removeAttr('style');
jQuery(".bwg_slider_<?php echo $bwg; ?>").removeAttr('style');
jQuery(current_image_class).css({'opacity' : 0, filter: 'Alpha(opacity=0)', 'z-index': 1});
jQuery(next_image_class).css({'opacity' : 1, filter: 'Alpha(opacity=100)', 'z-index' : 2});
bwg_change_watermark_container_<?php echo $bwg; ?>();
bwg_trans_in_progress_<?php echo $bwg; ?> = false;
if (typeof event_stack_<?php echo $bwg; ?> !== 'undefined') {
if (event_stack_<?php echo $bwg; ?>.length > 0) {
key = event_stack_<?php echo $bwg; ?>[0].split("-");
event_stack_<?php echo $bwg; ?>.shift();
bwg_change_image_<?php echo $bwg; ?>(key[0], key[1], data_<?php echo $bwg; ?>, true);
}
}
}
}
function bwg_cubeH_<?php echo $bwg; ?>(current_image_class, next_image_class, direction) {
/* Set to half of image width.*/
var dimension = jQuery(current_image_class).width() / 2;
if (direction == 'right') {
bwg_cube_<?php echo $bwg; ?>(dimension, dimension, 0, 0, 90, 0, -90, current_image_class, next_image_class, direction);
}
else if (direction == 'left') {
bwg_cube_<?php echo $bwg; ?>(dimension, -dimension, 0, 0, -90, 0, 90, current_image_class, next_image_class, direction);
}
}
function bwg_cubeV_<?php echo $bwg; ?>(current_image_class, next_image_class, direction) {
/* Set to half of image height.*/
var dimension = jQuery(current_image_class).height() / 2;
/* If next slide.*/
if (direction == 'right') {
bwg_cube_<?php echo $bwg; ?>(dimension, 0, -dimension, 90, 0, -90, 0, current_image_class, next_image_class, direction);
}
else if (direction == 'left') {
bwg_cube_<?php echo $bwg; ?>(dimension, 0, dimension, -90, 0, 90, 0, current_image_class, next_image_class, direction);
}
}
/* For browsers that does not support transitions.*/
function bwg_fallback_<?php echo $bwg; ?>(current_image_class, next_image_class, direction) {
bwg_fade_<?php echo $bwg; ?>(current_image_class, next_image_class, direction);
}
/* For browsers that support transitions, but not 3d transforms (only used if primary transition makes use of 3d-transforms).*/
function bwg_fallback3d_<?php echo $bwg; ?>(current_image_class, next_image_class, direction) {
bwg_sliceV_<?php echo $bwg; ?>(current_image_class, next_image_class, direction);
}
function bwg_none_<?php echo $bwg; ?>(current_image_class, next_image_class, direction) {
jQuery(current_image_class).css({'opacity' : 0, 'z-index': 1});
jQuery(next_image_class).css({'opacity' : 1, 'z-index' : 2});
bwg_change_watermark_container_<?php echo $bwg; ?>();
/* Set active thumbnail.*/
jQuery(".bwg_slideshow_filmstrip_thumbnail_<?php echo $bwg; ?>").removeClass("bwg_slideshow_thumb_active_<?php echo $bwg; ?>").addClass("bwg_slideshow_thumb_deactive_<?php echo $bwg; ?>");
jQuery("#bwg_filmstrip_thumbnail_" + bwg_current_key_<?php echo $bwg; ?> + "_<?php echo $bwg; ?>").removeClass("bwg_slideshow_thumb_deactive_<?php echo $bwg; ?>").addClass("bwg_slideshow_thumb_active_<?php echo $bwg; ?>");
jQuery(".bwg_slideshow_dots_<?php echo $bwg; ?>").removeClass("bwg_slideshow_dots_active_<?php echo $bwg; ?>").addClass("bwg_slideshow_dots_deactive_<?php echo $bwg; ?>");
jQuery("#bwg_dots_" + bwg_current_key_<?php echo $bwg; ?> + "_<?php echo $bwg; ?>").removeClass("bwg_slideshow_dots_deactive_<?php echo $bwg; ?>").addClass("bwg_slideshow_dots_active_<?php echo $bwg; ?>");
}
function bwg_fade_<?php echo $bwg; ?>(current_image_class, next_image_class, direction) {
/* Set active thumbnail.*/
jQuery(".bwg_slideshow_filmstrip_thumbnail_<?php echo $bwg; ?>").removeClass("bwg_slideshow_thumb_active_<?php echo $bwg; ?>").addClass("bwg_slideshow_thumb_deactive_<?php echo $bwg; ?>");
jQuery("#bwg_filmstrip_thumbnail_" + bwg_current_key_<?php echo $bwg; ?> + "_<?php echo $bwg; ?>").removeClass("bwg_slideshow_thumb_deactive_<?php echo $bwg; ?>").addClass("bwg_slideshow_thumb_active_<?php echo $bwg; ?>");
jQuery(".bwg_slideshow_dots_<?php echo $bwg; ?>").removeClass("bwg_slideshow_dots_active_<?php echo $bwg; ?>").addClass("bwg_slideshow_dots_deactive_<?php echo $bwg; ?>");
jQuery("#bwg_dots_" + bwg_current_key_<?php echo $bwg; ?> + "_<?php echo $bwg; ?>").removeClass("bwg_slideshow_dots_deactive_<?php echo $bwg; ?>").addClass("bwg_slideshow_dots_active_<?php echo $bwg; ?>");
if (bwg_testBrowser_cssTransitions_<?php echo $bwg; ?>()) {
jQuery(next_image_class).css('transition', 'opacity ' + bwg_transition_duration_<?php echo $bwg; ?> + 'ms linear');
jQuery(current_image_class).css({'opacity' : 0, 'z-index': 1});
jQuery(next_image_class).css({'opacity' : 1, 'z-index' : 2});
bwg_change_watermark_container_<?php echo $bwg; ?>();
}
else {
jQuery(current_image_class).animate({'opacity' : 0, 'z-index' : 1}, bwg_transition_duration_<?php echo $bwg; ?>);
jQuery(next_image_class).animate({
'opacity' : 1,
'z-index': 2
}, {
duration: bwg_transition_duration_<?php echo $bwg; ?>,
complete: function () { bwg_change_watermark_container_<?php echo $bwg; ?>(); }
});
/* For IE.*/
jQuery(current_image_class).fadeTo(bwg_transition_duration_<?php echo $bwg; ?>, 0);
jQuery(next_image_class).fadeTo(bwg_transition_duration_<?php echo $bwg; ?>, 1);
}
}
function bwg_grid_<?php echo $bwg; ?>(cols, rows, ro, tx, ty, sc, op, current_image_class, next_image_class, direction) {
/* If browser does not support CSS transitions.*/
if (!bwg_testBrowser_cssTransitions_<?php echo $bwg; ?>()) {
return bwg_fallback_<?php echo $bwg; ?>(current_image_class, next_image_class, direction);
}
bwg_trans_in_progress_<?php echo $bwg; ?> = true;
/* Set active thumbnail.*/
jQuery(".bwg_slideshow_filmstrip_thumbnail_<?php echo $bwg; ?>").removeClass("bwg_slideshow_thumb_active_<?php echo $bwg; ?>").addClass("bwg_slideshow_thumb_deactive_<?php echo $bwg; ?>");
jQuery("#bwg_filmstrip_thumbnail_" + bwg_current_key_<?php echo $bwg; ?> + "_<?php echo $bwg; ?>").removeClass("bwg_slideshow_thumb_deactive_<?php echo $bwg; ?>").addClass("bwg_slideshow_thumb_active_<?php echo $bwg; ?>");
jQuery(".bwg_slideshow_dots_<?php echo $bwg; ?>").removeClass("bwg_slideshow_dots_active_<?php echo $bwg; ?>").addClass("bwg_slideshow_dots_deactive_<?php echo $bwg; ?>");
jQuery("#bwg_dots_" + bwg_current_key_<?php echo $bwg; ?> + "_<?php echo $bwg; ?>").removeClass("bwg_slideshow_dots_deactive_<?php echo $bwg; ?>").addClass("bwg_slideshow_dots_active_<?php echo $bwg; ?>");
/* The time (in ms) added to/subtracted from the delay total for each new gridlet.*/
var count = (bwg_transition_duration_<?php echo $bwg; ?>) / (cols + rows);
/* Gridlet creator (divisions of the image grid, positioned with background-images to replicate the look of an entire slide image when assembled)*/
function bwg_gridlet(width, height, top, img_top, left, img_left, src, imgWidth, imgHeight, c, r) {
var delay = (c + r) * count;
/* Return a gridlet elem with styles for specific transition.*/
return jQuery('<div class="bwg_gridlet_<?php echo $bwg; ?>" />').css({
width : width,
height : height,
top : top,
left : left,
backgroundImage : 'url("' + src + '")',
backgroundColor: jQuery(".bwg_slideshow_image_wrap_<?php echo $bwg; ?>").css("background-color"),
/*backgroundColor: rgba(0, 0, 0, 0),*/
backgroundRepeat: 'no-repeat',
backgroundPosition : img_left + 'px ' + img_top + 'px',
backgroundSize : imgWidth + 'px ' + imgHeight + 'px',
transition : 'all ' + bwg_transition_duration_<?php echo $bwg; ?> + 'ms ease-in-out ' + delay + 'ms',
transform : 'none'
});
}
/* Get the current slide's image.*/
var cur_img = jQuery(current_image_class).find('img');
/* Create a grid to hold the gridlets.*/
var grid = jQuery('<div />').addClass('bwg_grid_<?php echo $bwg; ?>');
/* Prepend the grid to the next slide (i.e. so it's above the slide image).*/
jQuery(current_image_class).prepend(grid);
/* vars to calculate positioning/size of gridlets*/
var cont = jQuery(".bwg_slide_bg_<?php echo $bwg; ?>");
var imgWidth = cur_img.width();
var imgHeight = cur_img.height();
var contWidth = cont.width(),
contHeight = cont.height(),
imgSrc = cur_img.attr('src'),/*.replace('/thumb', ''),*/
colWidth = Math.floor(contWidth / cols),
rowHeight = Math.floor(contHeight / rows),
colRemainder = contWidth - (cols * colWidth),
colAdd = Math.ceil(colRemainder / cols),
rowRemainder = contHeight - (rows * rowHeight),
rowAdd = Math.ceil(rowRemainder / rows),
leftDist = 0,
img_leftDist = (jQuery(".bwg_slide_bg_<?php echo $bwg; ?>").width() - cur_img.width()) / 2;
/* tx/ty args can be passed as 'auto'/'min-auto' (meaning use slide width/height or negative slide width/height).*/
tx = tx === 'auto' ? contWidth : tx;
tx = tx === 'min-auto' ? - contWidth : tx;
ty = ty === 'auto' ? contHeight : ty;
ty = ty === 'min-auto' ? - contHeight : ty;
/* Loop through cols*/
for (var i = 0; i < cols; i++) {
var topDist = 0,
img_topDst = (jQuery(".bwg_slide_bg_<?php echo $bwg; ?>").height() - cur_img.height()) / 2,
newColWidth = colWidth;
/* If imgWidth (px) does not divide cleanly into the specified number of cols, adjust individual col widths to create correct total.*/
if (colRemainder > 0) {
var add = colRemainder >= colAdd ? colAdd : colRemainder;
newColWidth += add;
colRemainder -= add;
}
/* Nested loop to create row gridlets for each col.*/
for (var j = 0; j < rows; j++) {
var newRowHeight = rowHeight,
newRowRemainder = rowRemainder;
/* If contHeight (px) does not divide cleanly into the specified number of rows, adjust individual row heights to create correct total.*/
if (newRowRemainder > 0) {
add = newRowRemainder >= rowAdd ? rowAdd : rowRemainder;
newRowHeight += add;
newRowRemainder -= add;
}
/* Create & append gridlet to grid.*/
grid.append(bwg_gridlet(newColWidth, newRowHeight, topDist, img_topDst, leftDist, img_leftDist, imgSrc, imgWidth, imgHeight, i, j));
topDist += newRowHeight;
img_topDst -= newRowHeight;
}
img_leftDist -= newColWidth;
leftDist += newColWidth;
}
/* Set event listener on last gridlet to finish transitioning.*/
var last_gridlet = grid.children().last();
/* Show grid & hide the image it replaces.*/
grid.show();
cur_img.css('opacity', 0);
/* Add identifying classes to corner gridlets (useful if applying border radius).*/
grid.children().first().addClass('rs-top-left');
grid.children().last().addClass('rs-bottom-right');
grid.children().eq(rows - 1).addClass('rs-bottom-left');
grid.children().eq(- rows).addClass('rs-top-right');
/* Execution steps.*/
setTimeout(function () {
grid.children().css({
opacity: op,
transform: 'rotate('+ ro +'deg) translateX('+ tx +'px) translateY('+ ty +'px) scale('+ sc +')'
});
}, 1);
jQuery(next_image_class).css('opacity', 1);
/* After transition.*/
jQuery(last_gridlet).one('webkitTransitionEnd transitionend otransitionend oTransitionEnd mstransitionend', jQuery.proxy(bwg_after_trans));
function bwg_after_trans() {
/*if (bwg_from_focus_<?php echo $bwg; ?>) {
bwg_from_focus_<?php echo $bwg; ?> = false;
return;
}*/
jQuery(current_image_class).css({'opacity' : 0, 'z-index': 1});
jQuery(next_image_class).css({'opacity' : 1, 'z-index' : 2});
cur_img.css('opacity', 1);
bwg_change_watermark_container_<?php echo $bwg; ?>();
grid.remove();
bwg_trans_in_progress_<?php echo $bwg; ?> = false;
if (typeof event_stack_<?php echo $bwg; ?> !== 'undefined') {
if (event_stack_<?php echo $bwg; ?>.length > 0) {
key = event_stack_<?php echo $bwg; ?>[0].split("-");
event_stack_<?php echo $bwg; ?>.shift();
bwg_change_image_<?php echo $bwg; ?>(key[0], key[1], data_<?php echo $bwg; ?>, true);
}
}
}
}
function bwg_sliceH_<?php echo $bwg; ?>(current_image_class, next_image_class, direction) {
if (direction == 'right') {
var translateX = 'min-auto';
}
else if (direction == 'left') {
var translateX = 'auto';
}
bwg_grid_<?php echo $bwg; ?>(1, 8, 0, translateX, 0, 1, 0, current_image_class, next_image_class, direction);
}
function bwg_sliceV_<?php echo $bwg; ?>(current_image_class, next_image_class, direction) {
if (direction == 'right') {
var translateY = 'min-auto';
}
else if (direction == 'left') {
var translateY = 'auto';
}
bwg_grid_<?php echo $bwg; ?>(10, 1, 0, 0, translateY, 1, 0, current_image_class, next_image_class, direction);
}
function bwg_slideV_<?php echo $bwg; ?>(current_image_class, next_image_class, direction) {
if (direction == 'right') {
var translateY = 'auto';
}
else if (direction == 'left') {
var translateY = 'min-auto';
}
bwg_grid_<?php echo $bwg; ?>(1, 1, 0, 0, translateY, 1, 1, current_image_class, next_image_class, direction);
}
function bwg_slideH_<?php echo $bwg; ?>(current_image_class, next_image_class, direction) {
if (direction == 'right') {
var translateX = 'min-auto';
}
else if (direction == 'left') {
var translateX = 'auto';
}
bwg_grid_<?php echo $bwg; ?>(1, 1, 0, translateX, 0, 1, 1, current_image_class, next_image_class, direction);
}
function bwg_scaleOut_<?php echo $bwg; ?>(current_image_class, next_image_class, direction) {
bwg_grid_<?php echo $bwg; ?>(1, 1, 0, 0, 0, 1.5, 0, current_image_class, next_image_class, direction);
}
function bwg_scaleIn_<?php echo $bwg; ?>(current_image_class, next_image_class, direction) {
bwg_grid_<?php echo $bwg; ?>(1, 1, 0, 0, 0, 0.5, 0, current_image_class, next_image_class, direction);
}
function bwg_blockScale_<?php echo $bwg; ?>(current_image_class, next_image_class, direction) {
bwg_grid_<?php echo $bwg; ?>(8, 6, 0, 0, 0, .6, 0, current_image_class, next_image_class, direction);
}
function bwg_kaleidoscope_<?php echo $bwg; ?>(current_image_class, next_image_class, direction) {
bwg_grid_<?php echo $bwg; ?>(10, 8, 0, 0, 0, 1, 0, current_image_class, next_image_class, direction);
}
function bwg_fan_<?php echo $bwg; ?>(current_image_class, next_image_class, direction) {
if (direction == 'right') {
var rotate = 45;
var translateX = 100;
}
else if (direction == 'left') {
var rotate = -45;
var translateX = -100;
}
bwg_grid_<?php echo $bwg; ?>(1, 10, rotate, translateX, 0, 1, 0, current_image_class, next_image_class, direction);
}
function bwg_blindV_<?php echo $bwg; ?>(current_image_class, next_image_class, direction) {
bwg_grid_<?php echo $bwg; ?>(1, 8, 0, 0, 0, .7, 0, current_image_class, next_image_class);
}
function bwg_blindH_<?php echo $bwg; ?>(current_image_class, next_image_class, direction) {
bwg_grid_<?php echo $bwg; ?>(10, 1, 0, 0, 0, .7, 0, current_image_class, next_image_class);
}
function bwg_random_<?php echo $bwg; ?>(current_image_class, next_image_class, direction) {
var anims = ['sliceH', 'sliceV', 'slideH', 'slideV', 'scaleOut', 'scaleIn', 'blockScale', 'kaleidoscope', 'fan', 'blindH', 'blindV'];
/* Pick a random transition from the anims array.*/
this["bwg_" + anims[Math.floor(Math.random() * anims.length)] + "_<?php echo $bwg; ?>"](current_image_class, next_image_class, direction);
}
function iterator_<?php echo $bwg; ?>() {
var iterator = 1;
if (<?php echo $enable_slideshow_shuffle; ?>) {
iterator = Math.floor((data_<?php echo $bwg; ?>.length - 1) * Math.random() + 1);
}
return iterator;
}
function bwg_change_image_<?php echo $bwg; ?>(current_key, key, data_<?php echo $bwg; ?>, from_effect) {
/* Pause videos.*/
jQuery("#bwg_slideshow_image_container_<?php echo $bwg; ?>").find("iframe").each(function () {
jQuery(this)[0].contentWindow.postMessage('{"event":"command","func":"pauseVideo","args":""}', '*');
jQuery(this)[0].contentWindow.postMessage('{ "method": "pause" }', "*");
});
if (data_<?php echo $bwg; ?>[key]) {
if (jQuery('.bwg_ctrl_btn_<?php echo $bwg; ?>').hasClass('fa-pause')) {
play_<?php echo $bwg; ?>();
}
if (!from_effect) {
/* Change image key.*/
jQuery("#bwg_current_image_key_<?php echo $bwg; ?>").val(key);
if (current_key == '-1') { /* Filmstrip.*/
current_key = jQuery(".bwg_slideshow_thumb_active_<?php echo $bwg; ?>").children("img").attr("image_key");
}
else if (current_key == '-2') { /* Dots.*/
current_key = jQuery(".bwg_slideshow_dots_active_<?php echo $bwg; ?>").attr("image_key");
}
}
if (bwg_trans_in_progress_<?php echo $bwg; ?>) {
event_stack_<?php echo $bwg; ?>.push(current_key + '-' + key);
return;
}
var direction = 'right';
if (bwg_current_key_<?php echo $bwg; ?> > key) {
var direction = 'left';
}
else if (bwg_current_key_<?php echo $bwg; ?> == key) {
return;
}
jQuery(".bwg_slideshow_watermark_<?php echo $bwg; ?>").css({display: 'none'});
jQuery(".bwg_slideshow_title_text_<?php echo $bwg; ?>").css({display: 'none'});
jQuery(".bwg_slideshow_description_text_<?php echo $bwg; ?>").css({display: 'none'});
/* Set active thumbnail position.*/
bwg_current_filmstrip_pos_<?php echo $bwg; ?> = key * (jQuery(".bwg_slideshow_filmstrip_thumbnail_<?php echo $bwg; ?>").<?php echo $width_or_height; ?>() + 2 + 2 * <?php echo $theme_row->lightbox_filmstrip_thumb_border_width; ?>);
bwg_current_key_<?php echo $bwg; ?> = key;
/* Change image id, title, description.*/
jQuery("#bwg_slideshow_image_<?php echo $bwg; ?>").attr('image_id', data_<?php echo $bwg; ?>[key]["id"]);
jQuery(".bwg_slideshow_title_text_<?php echo $bwg; ?>").html(jQuery('<div />').html(data_<?php echo $bwg; ?>[key]["alt"]).text());
jQuery(".bwg_slideshow_description_text_<?php echo $bwg; ?>").html(jQuery('<div />').html(data_<?php echo $bwg; ?>[key]["description"]).text());
var current_image_class = "#image_id_<?php echo $bwg; ?>_" + data_<?php echo $bwg; ?>[current_key]["id"];
var next_image_class = "#image_id_<?php echo $bwg; ?>_" + data_<?php echo $bwg; ?>[key]["id"];
bwg_<?php echo $slideshow_effect; ?>_<?php echo $bwg; ?>(current_image_class, next_image_class, direction);
<?php
if ($enable_slideshow_filmstrip) {
?>
bwg_move_filmstrip_<?php echo $bwg; ?>();
<?php
}
else {
?>
bwg_move_dots_<?php echo $bwg; ?>();
<?php
}
?>
if (data_<?php echo $bwg; ?>[key]["is_video"]) {
jQuery("#bwg_slideshow_play_pause_<?php echo $bwg; ?>").css({display: 'none'});
}
else {
jQuery("#bwg_slideshow_play_pause_<?php echo $bwg; ?>").css({display: ''});
}
}
}
function bwg_popup_resize_<?php echo $bwg; ?>() {
var parent_width = jQuery(".bwg_slideshow_image_wrap_<?php echo $bwg; ?>").parent().width();
if (parent_width >= <?php echo $image_width; ?>) {
jQuery(".bwg_slideshow_image_wrap_<?php echo $bwg; ?>").css({width: <?php echo $image_width; ?>});
jQuery(".bwg_slideshow_image_wrap_<?php echo $bwg; ?>").css({height: <?php echo $image_height; ?>});
jQuery(".bwg_slideshow_image_container_<?php echo $bwg; ?>").css({width: <?php echo ($filmstrip_direction == 'horizontal' ? $image_width : $image_width - $slideshow_filmstrip_width); ?>});
jQuery(".bwg_slideshow_image_container_<?php echo $bwg; ?>").css({height: (<?php echo ($filmstrip_direction == 'horizontal' ? $image_height - $slideshow_filmstrip_height : $image_height); ?>)});
jQuery(".bwg_slideshow_image_<?php echo $bwg; ?>").css({
cssText: "max-width: <?php echo ($filmstrip_direction == 'horizontal' ? $image_width : $image_width - $slideshow_filmstrip_width); ?>px !important; max-height: <?php echo ($filmstrip_direction == 'horizontal' ? $image_height - $slideshow_filmstrip_height : $image_height); ?>px !important;"
});
jQuery(".bwg_slideshow_video_<?php echo $bwg; ?>").css({
cssText: "width: <?php echo ($filmstrip_direction == 'horizontal' ? $image_width : $image_width - $slideshow_filmstrip_width); ?>px !important; height: <?php echo ($filmstrip_direction == 'horizontal' ? $image_height - $slideshow_filmstrip_height : $image_height); ?>px !important;"
});
/* Set watermark container size.*/
bwg_change_watermark_container_<?php echo $bwg; ?>();
jQuery(".bwg_slideshow_filmstrip_container_<?php echo $bwg; ?>").css({<?php echo ($filmstrip_direction == 'horizontal' ? 'width: ' . $image_width : 'height: ' . $image_height); ?>});
jQuery(".bwg_slideshow_filmstrip_<?php echo $bwg; ?>").css({<?php echo ($filmstrip_direction == 'horizontal' ? 'width: ' . ($image_width - 40) : 'height: ' . ($image_height - 40)); ?>});
jQuery(".bwg_slideshow_dots_container_<?php echo $bwg; ?>").css({width: <?php echo $image_width; ?>});
jQuery("#bwg_slideshow_play_pause-ico_<?php echo $bwg; ?>").css({fontSize: (<?php echo $theme_row->slideshow_play_pause_btn_size; ?>)});
jQuery(".bwg_slideshow_watermark_image_<?php echo $bwg; ?>").css({maxWidth: <?php echo $watermark_width; ?>, maxHeight: <?php echo $watermark_height; ?>});
jQuery(".bwg_slideshow_watermark_text_<?php echo $bwg; ?>, .bwg_slideshow_watermark_text_<?php echo $bwg; ?>:hover").css({fontSize: (<?php echo $watermark_font_size; ?>)});
jQuery(".bwg_slideshow_title_text_<?php echo $bwg; ?>").css({fontSize: (<?php echo $theme_row->slideshow_title_font_size * 2; ?>)});
jQuery(".bwg_slideshow_title_text_<?php echo $bwg; ?>").css({lineHeight: (<?php echo $theme_row->slideshow_title_font_size ; ?>+'px')});
jQuery(".bwg_slideshow_description_text_<?php echo $bwg; ?>").css({fontSize: (<?php echo $theme_row->slideshow_description_font_size ; ?>)});
}
else {
jQuery(".bwg_slideshow_image_wrap_<?php echo $bwg; ?>").css({width: (parent_width)});
jQuery(".bwg_slideshow_image_wrap_<?php echo $bwg; ?>").css({height: ((parent_width) * <?php echo $image_height / $image_width ?>)});
jQuery(".bwg_slideshow_image_container_<?php echo $bwg; ?>").css({width: (parent_width - <?php echo ($filmstrip_direction == 'horizontal' ? 0 : $slideshow_filmstrip_width); ?>)});
jQuery(".bwg_slideshow_image_container_<?php echo $bwg; ?>").css({height: ((parent_width) * <?php echo $image_height / $image_width ?> - <?php echo ($filmstrip_direction == 'horizontal' ? $slideshow_filmstrip_height : 0); ?>)});
jQuery(".bwg_slideshow_image_<?php echo $bwg; ?>").css({
cssText: "max-width: " + (parent_width - <?php echo ($filmstrip_direction == 'horizontal' ? 0 : $slideshow_filmstrip_width) ?>) + "px !important; max-height: " + (parent_width * (<?php echo $image_height / $image_width ?>) - <?php echo ($filmstrip_direction == 'horizontal' ? $slideshow_filmstrip_height : 0); ?> - 1) + "px !important;"
});
jQuery(".bwg_slideshow_video_<?php echo $bwg; ?>").css({
cssText: "width: " + (parent_width - <?php echo ($filmstrip_direction == 'horizontal' ? 0 : $slideshow_filmstrip_width) ?>) + "px !important; height: " + (parent_width * (<?php echo $image_height / $image_width ?>) - <?php echo ($filmstrip_direction == 'horizontal' ? $slideshow_filmstrip_height : 0); ?> - 1) + "px !important;"
});
/* Set watermark container size.*/
bwg_change_watermark_container_<?php echo $bwg; ?>();
<?php if ($filmstrip_direction == 'horizontal') { ?>
jQuery(".bwg_slideshow_filmstrip_container_<?php echo $bwg; ?>").css({width: (parent_width)});
jQuery(".bwg_slideshow_filmstrip_<?php echo $bwg; ?>").css({width: (parent_width - 40)});
<?php }
else {
?>
jQuery(".bwg_slideshow_filmstrip_container_<?php echo $bwg; ?>").css({height: (parent_width * <?php echo $image_height / $image_width ?>)});
jQuery(".bwg_slideshow_filmstrip_<?php echo $bwg; ?>").css({height: (parent_width * <?php echo $image_height / $image_width ?> - 40)});
<?php
}
?>
jQuery(".bwg_slideshow_dots_container_<?php echo $bwg; ?>").css({width: (parent_width)});
jQuery("#bwg_slideshow_play_pause-ico_<?php echo $bwg; ?>").css({fontSize: ((parent_width) * <?php echo $theme_row->slideshow_play_pause_btn_size / $image_width; ?>)});
jQuery(".bwg_slideshow_watermark_image_<?php echo $bwg; ?>").css({maxWidth: ((parent_width) * <?php echo $watermark_width / $image_width; ?>), maxHeight: ((parent_width) * <?php echo $watermark_height / $image_width; ?>)});
jQuery(".bwg_slideshow_watermark_text_<?php echo $bwg; ?>, .bwg_slideshow_watermark_text_<?php echo $bwg; ?>:hover").css({fontSize: ((parent_width) * <?php echo $watermark_font_size / $image_width; ?>)});
jQuery(".bwg_slideshow_title_text_<?php echo $bwg; ?>").css({fontSize: ((parent_width) * <?php echo $theme_row->slideshow_title_font_size / $image_width; ?>)});
jQuery(".bwg_slideshow_title_text_<?php echo $bwg; ?>").css({lineHeight: ((parent_width) * <?php echo $theme_row->slideshow_title_font_size / $image_width; ?>+'px')});
jQuery(".bwg_slideshow_description_text_<?php echo $bwg; ?>").css({fontSize: ((parent_width) * <?php echo $theme_row->slideshow_description_font_size / $image_width; ?>)});
}
}
jQuery(window).resize(function() {
bwg_popup_resize_<?php echo $bwg; ?>();
});
jQuery(window).load(function () {
<?php
if ($image_right_click) {
?>
/* Disable right click.*/
jQuery('div[id^="bwg_container"]').bind("contextmenu", function () {
return false;
});
<?php
}
?>
if (typeof jQuery().swiperight !== 'undefined') {
if (jQuery.isFunction(jQuery().swiperight)) {
jQuery('#bwg_container1_<?php echo $bwg; ?>').swiperight(function () {
bwg_change_image_<?php echo $bwg; ?>(parseInt(jQuery('#bwg_current_image_key_<?php echo $bwg; ?>').val()), (parseInt(jQuery('#bwg_current_image_key_<?php echo $bwg; ?>').val()) - iterator_<?php echo $bwg; ?>()) >= 0 ? (parseInt(jQuery('#bwg_current_image_key_<?php echo $bwg; ?>').val()) - iterator_<?php echo $bwg; ?>()) % data_<?php echo $bwg; ?>.length : data_<?php echo $bwg; ?>.length - 1, data_<?php echo $bwg; ?>);
return false;
});
}
}
if (typeof jQuery().swipeleft !== 'undefined') {
if (jQuery.isFunction(jQuery().swipeleft)) {
jQuery('#bwg_container1_<?php echo $bwg; ?>').swipeleft(function () {
bwg_change_image_<?php echo $bwg; ?>(parseInt(jQuery('#bwg_current_image_key_<?php echo $bwg; ?>').val()), (parseInt(jQuery('#bwg_current_image_key_<?php echo $bwg; ?>').val()) + iterator_<?php echo $bwg; ?>()) % data_<?php echo $bwg; ?>.length, data_<?php echo $bwg; ?>);
return false;
});
}
}
var isMobile = (/android|webos|iphone|ipad|ipod|blackberry|iemobile|opera mini/i.test(navigator.userAgent.toLowerCase()));
var bwg_click = isMobile ? 'touchend' : 'click';
bwg_popup_resize_<?php echo $bwg; ?>();
jQuery("#bwg_container1_<?php echo $bwg; ?>").css({visibility: 'visible'});
jQuery(".bwg_slideshow_watermark_<?php echo $bwg; ?>").css({display: 'none'});
jQuery(".bwg_slideshow_title_text_<?php echo $bwg; ?>").css({display: 'none'});
jQuery(".bwg_slideshow_description_text_<?php echo $bwg; ?>").css({display: 'none'});
setTimeout(function () {
bwg_change_watermark_container_<?php echo $bwg; ?>();
}, 500);
/* Set image container height.*/
<?php if ($filmstrip_direction == 'horizontal') { ?>
jQuery(".bwg_slideshow_image_container_<?php echo $bwg; ?>").height(jQuery(".bwg_slideshow_image_wrap_<?php echo $bwg; ?>").height() - <?php echo $slideshow_filmstrip_height; ?>);
<?php }
else {
?>
jQuery(".bwg_slideshow_image_container_<?php echo $bwg; ?>").width(jQuery(".bwg_slideshow_image_wrap_<?php echo $bwg; ?>").width() - <?php echo $slideshow_filmstrip_width; ?>);
<?php
} ?>
var mousewheelevt = (/Firefox/i.test(navigator.userAgent)) ? "DOMMouseScroll" : "mousewheel"; /* FF doesn't recognize mousewheel as of FF3.x */
jQuery('.bwg_slideshow_filmstrip_<?php echo $bwg; ?>').bind(mousewheelevt, function(e) {
var evt = window.event || e; /* Equalize event object.*/
evt = evt.originalEvent ? evt.originalEvent : evt; /* Convert to originalEvent if possible.*/
var delta = evt.detail ? evt.detail*(-40) : evt.wheelDelta; /* Check for detail first, because it is used by Opera and FF.*/
if (delta > 0) {
/* Scroll up.*/
jQuery(".bwg_slideshow_filmstrip_left_<?php echo $bwg; ?>").trigger("click");
}
else {
/* Scroll down.*/
jQuery(".bwg_slideshow_filmstrip_right_<?php echo $bwg; ?>").trigger("click");
}
return false;
});
jQuery(".bwg_slideshow_filmstrip_right_<?php echo $bwg; ?>").on(bwg_click, function () {
jQuery( ".bwg_slideshow_filmstrip_thumbnails_<?php echo $bwg; ?>" ).stop(true, false);
if (jQuery(".bwg_slideshow_filmstrip_thumbnails_<?php echo $bwg; ?>").position().<?php echo $left_or_top; ?> >= -(jQuery(".bwg_slideshow_filmstrip_thumbnails_<?php echo $bwg; ?>").<?php echo $width_or_height; ?>() - jQuery(".bwg_slideshow_filmstrip_<?php echo $bwg; ?>").<?php echo $width_or_height; ?>())) {
jQuery(".bwg_slideshow_filmstrip_left_<?php echo $bwg; ?>").css({opacity: 1, filter: "Alpha(opacity=100)"});
if (jQuery(".bwg_slideshow_filmstrip_thumbnails_<?php echo $bwg; ?>").position().<?php echo $left_or_top; ?> < -(jQuery(".bwg_slideshow_filmstrip_thumbnails_<?php echo $bwg; ?>").<?php echo $width_or_height; ?>() - jQuery(".bwg_slideshow_filmstrip_<?php echo $bwg; ?>").<?php echo $width_or_height; ?>() - <?php echo $filmstrip_thumb_margin_hor + $slideshow_filmstrip_width; ?>)) {
jQuery(".bwg_slideshow_filmstrip_thumbnails_<?php echo $bwg; ?>").animate({<?php echo $left_or_top; ?>: -(jQuery(".bwg_slideshow_filmstrip_thumbnails_<?php echo $bwg; ?>").<?php echo $width_or_height; ?>() - jQuery(".bwg_slideshow_filmstrip_<?php echo $bwg; ?>").<?php echo $width_or_height; ?>())}, 500, 'linear');
}
else {
jQuery(".bwg_slideshow_filmstrip_thumbnails_<?php echo $bwg; ?>").animate({<?php echo $left_or_top; ?>: (jQuery(".bwg_slideshow_filmstrip_thumbnails_<?php echo $bwg; ?>").position().<?php echo $left_or_top; ?> - <?php echo $filmstrip_thumb_margin_hor + $slideshow_filmstrip_width; ?>)}, 500, 'linear');
}
}
/* Disable right arrow.*/
window.setTimeout(function(){
if (jQuery(".bwg_slideshow_filmstrip_thumbnails_<?php echo $bwg; ?>").position().<?php echo $left_or_top; ?> == -(jQuery(".bwg_slideshow_filmstrip_thumbnails_<?php echo $bwg; ?>").<?php echo $width_or_height; ?>() - jQuery(".bwg_slideshow_filmstrip_<?php echo $bwg; ?>").<?php echo $width_or_height; ?>())) {
jQuery(".bwg_slideshow_filmstrip_right_<?php echo $bwg; ?>").css({opacity: 0.3, filter: "Alpha(opacity=30)"});
}
}, 500);
});
jQuery(".bwg_slideshow_filmstrip_left_<?php echo $bwg; ?>").on(bwg_click, function () {
jQuery( ".bwg_slideshow_filmstrip_thumbnails_<?php echo $bwg; ?>" ).stop(true, false);
if (jQuery(".bwg_slideshow_filmstrip_thumbnails_<?php echo $bwg; ?>").position().<?php echo $left_or_top; ?> < 0) {
jQuery(".bwg_slideshow_filmstrip_right_<?php echo $bwg; ?>").css({opacity: 1, filter: "Alpha(opacity=100)"});
if (jQuery(".bwg_slideshow_filmstrip_thumbnails_<?php echo $bwg; ?>").position().<?php echo $left_or_top; ?> > - <?php echo $filmstrip_thumb_margin_hor + $slideshow_filmstrip_width; ?>) {
jQuery(".bwg_slideshow_filmstrip_thumbnails_<?php echo $bwg; ?>").animate({<?php echo $left_or_top; ?>: 0}, 500, 'linear');
}
else {
jQuery(".bwg_slideshow_filmstrip_thumbnails_<?php echo $bwg; ?>").animate({<?php echo $left_or_top; ?>: (jQuery(".bwg_slideshow_filmstrip_thumbnails_<?php echo $bwg; ?>").position().<?php echo $left_or_top; ?> + <?php echo $filmstrip_thumb_margin_hor + $slideshow_filmstrip_width; ?>)}, 500, 'linear');
}
}
/* Disable left arrow.*/
window.setTimeout(function(){
if (jQuery(".bwg_slideshow_filmstrip_thumbnails_<?php echo $bwg; ?>").position().<?php echo $left_or_top; ?> == 0) {
jQuery(".bwg_slideshow_filmstrip_left_<?php echo $bwg; ?>").css({opacity: 0.3, filter: "Alpha(opacity=30)"});
}
}, 500);
});
/* Set filmstrip initial position.*/
bwg_set_filmstrip_pos_<?php echo $bwg; ?>(jQuery(".bwg_slideshow_filmstrip_<?php echo $bwg; ?>").<?php echo $width_or_height; ?>());
/* Play/pause.*/
jQuery("#bwg_slideshow_play_pause_<?php echo $bwg; ?>").on(bwg_click, function () {
if (jQuery(".bwg_ctrl_btn_<?php echo $bwg; ?>").hasClass("fa-play")) {
play_<?php echo $bwg; ?>();
jQuery(".bwg_slideshow_play_pause_<?php echo $bwg; ?>").attr("title", "<?php echo JText::_('PAUSE'); ?>");
jQuery(".bwg_slideshow_play_pause_<?php echo $bwg; ?>").attr("class", "bwg_ctrl_btn_<?php echo $bwg; ?> bwg_slideshow_play_pause_<?php echo $bwg; ?> fa fa-pause");
if (<?php echo $enable_slideshow_music ?>) {
document.getElementById("bwg_audio_<?php echo $bwg; ?>").play();
}
}
else {
/* Pause.*/
window.clearInterval(bwg_playInterval_<?php echo $bwg; ?>);
jQuery(".bwg_slideshow_play_pause_<?php echo $bwg; ?>").attr("title", "<?php echo JText::_('PLAY'); ?>");
jQuery(".bwg_slideshow_play_pause_<?php echo $bwg; ?>").attr("class", "bwg_ctrl_btn_<?php echo $bwg; ?> bwg_slideshow_play_pause_<?php echo $bwg; ?> fa fa-play");
if (<?php echo $enable_slideshow_music ?>) {
document.getElementById("bwg_audio_<?php echo $bwg; ?>").pause();
}
}
});
if (<?php echo $enable_slideshow_autoplay; ?>) {
play_<?php echo $bwg; ?>();
jQuery(".bwg_slideshow_play_pause_<?php echo $bwg; ?>").attr("title", "<?php echo JText::_('PAUSE'); ?>");
jQuery(".bwg_slideshow_play_pause_<?php echo $bwg; ?>").attr("class", "bwg_ctrl_btn_<?php echo $bwg; ?> bwg_slideshow_play_pause_<?php echo $bwg; ?> fa fa-pause");
if (<?php echo $enable_slideshow_music ?>) {
document.getElementById("bwg_audio_<?php echo $bwg; ?>").play();
}
}
});
function play_<?php echo $bwg; ?>() {
window.clearInterval(bwg_playInterval_<?php echo $bwg; ?>);
/* Play.*/
bwg_playInterval_<?php echo $bwg; ?> = setInterval(function () {
var iterator = 1;
if (<?php echo $enable_slideshow_shuffle; ?>) {
iterator = Math.floor((data_<?php echo $bwg; ?>.length - 1) * Math.random() + 1);
}
bwg_change_image_<?php echo $bwg; ?>(parseInt(jQuery('#bwg_current_image_key_<?php echo $bwg; ?>').val()), (parseInt(jQuery('#bwg_current_image_key_<?php echo $bwg; ?>').val()) + iterator) % data_<?php echo $bwg; ?>.length, data_<?php echo $bwg; ?>)
}, '<?php echo $slideshow_interval * 1000; ?>');
}
jQuery(window).focus(function() {
/* event_stack_<?php echo $bwg; ?> = [];*/
if (!jQuery(".bwg_ctrl_btn_<?php echo $bwg; ?>").hasClass("fa-play")) {
play_<?php echo $bwg; ?>();
}
var i_<?php echo $bwg; ?> = 0;
jQuery(".bwg_slider_<?php echo $bwg; ?>").children("span").each(function () {
if (jQuery(this).css('opacity') == 1) {
jQuery("#bwg_current_image_key_<?php echo $bwg; ?>").val(i_<?php echo $bwg; ?>);
}
i_<?php echo $bwg; ?>++;
});
});
jQuery(window).blur(function() {
event_stack_<?php echo $bwg; ?> = [];
window.clearInterval(bwg_playInterval_<?php echo $bwg; ?>);
});
</script>
<?php
function array_to_url($array)
{
$url='index.php?option=com_gallery_wd&';
foreach($array as $key=>$params_value)
{
$url.=$key.'='.$params_value.'&';
}
return (substr($url,0,-1));
}
function spider_hex2rgb($colour) {
if ($colour[0] == '#') {
$colour = substr( $colour, 1 );
}
if (strlen($colour) == 6) {
list( $r, $g, $b ) = array( $colour[0] . $colour[1], $colour[2] . $colour[3], $colour[4] . $colour[5]);
}
else if (strlen($colour) == 3) {
list($r, $g, $b) = array($colour[0] . $colour[0], $colour[1] . $colour[1], $colour[2] . $colour[2]);
}
else {
return FALSE;
}
$r = hexdec($r);
$g = hexdec($g);
$b = hexdec($b);
return array('red' => $r, 'green' => $g, 'blue' => $b);
}