');
} else {
var button = '';
if( theme == 'modern' )
button = '
';
$this.append('
');
outer_wrap = $this.find('div.bk-circular-timer-outerwrap');
circular_timer = $this.find('div.bk-circular-timer-wrap');
circular_timer_left = circular_timer.find('div.bk-circular-timer-left');
circular_timer_right = circular_timer.find('div.bk-circular-timer-right');
outer_wrap.css({'width': circular_timer.outerWidth(true) + 'px',
'height': circular_timer.outerHeight(true) + 'px',
'position': 'absolute' });
if( set.timer_position == 'top-right' ) {
outer_wrap.css({ top: '0px', right: '0px' });
} else if( set.timer_position == 'top-left' ) {
outer_wrap.css({ top: '0px', left: '0px' });
} else if( set.timer_position == 'bottom-right' ) {
outer_wrap.css({ bottom: '0px', right: '0px' });
} else if( set.timer_position == 'bottom-left' ) {
outer_wrap.css({ bottom: '0px', left: '0px' });
} else if( set.timer_position == 'center' ) {
var y = place_on_center( height, circular_timer.outerHeight(true) );
var x = place_on_center( width, circular_timer.outerWidth(true) );
outer_wrap.css({ top: y + 'px', left: x + 'px' });
} else if( set.timer_position == 'on_current_bullet' && socondary_nav_type == 'bullets') {
outer_wrap.removeClass('b-big');
circular_timer.addClass('b-small');
circular_timer_left.addClass('b-small');
circular_timer_right.addClass('b-small');
outer_wrap.css({'width': circular_timer.outerWidth(true) + 'px',
'height': circular_timer.outerHeight(true) + 'px',
'position': 'absolute' });
var bulletwidth = secondary_nav_wrap.children("a.bk-bullet").outerWidth(false);
var bulletheight = secondary_nav_wrap.children("a.bk-bullet").outerHeight(false);
var x = place_on_center( bulletwidth, outer_wrap.outerHeight(true) );
var y = place_on_center( bulletheight, outer_wrap.outerWidth(true) );
outer_wrap.css({ top: x + 'px', left: y + 'px' });
} else {
set.timer_position = 'center';
var y = place_on_center( height, circular_timer.outerHeight(true) );
var x = place_on_center( width, circular_timer.outerWidth(true) );
outer_wrap.css({ top: y + 'px', left: x + 'px' });
}
if( theme == 'modern' ) {
var $pp_button = $this.find('#pp-button');
var x = 0;
var y = 0;
$pp_button.css({ width: circular_timer.width() + 'px', height: circular_timer.height() + 'px' });
y = place_on_center( circular_timer.outerHeight(true), $pp_button.height() );
x = place_on_center( circular_timer.outerWidth(true), $pp_button.width() );
$pp_button.css({ top: y + 'px', left: x + 'px'});
$pp_button.show();
}
}
}
if( !set.auto_hide_primary_nav ) {
$prev_button.show();
$next_button.show();
if( $pp_button )
$pp_button.show();
}
if( set.socondary_nav_type == 'thumbs' || set.socondary_nav_type == 'bullets' ) {
secondary_nav_container.bind('mousewheel', function(event, delta) {
if( delta > 0 ) {
secondary_nav_container.find('div.bk-sec-top').trigger('click');
secondary_nav_container.find('div.bk-sec-right').trigger('click');
} else if( delta < 0 ) {
secondary_nav_container.find('div.bk-sec-bottom').trigger('click');
secondary_nav_container.find('div.bk-sec-left').trigger('click');
}
return false;
});
}
if( set.auto_hide_secondary_nav ) {
if( set.socondary_nav_type == 'thumbs' || set.socondary_nav_type == 'bullets' )
secondary_nav_container.hide();
}
if( set.show_titles ) {
$this.append('
');
slide_title = $this.find('div.bk-title');
}
$this.append('
');
video_button = $this.find('div.bk-pp-video-button');
if( set.secondary_nav_placement == 'outside' && ( secondary_nav_pos == "right" || secondary_nav_pos == "top-right-ver" || secondary_nav_pos == "bottom-right-ver") ) {
video_button.css({ top: '-23px', right: '10px' });
} else {
video_button.css({ top: '10px', right: '-23px' });
}
bind_all_events();
$slides.fadeIn('fast', function() {
show_slide( current_slide );
if( set.auto_play ) {
//toggle_play();
if( set.ken_burns_for_slides && supports_rotate_transform ) {
prep_kenburns_for_slide(current_slide);
show_slide( current_slide );
}
is_playing = true;
setTimeout(function(){time_tick();}, 10);
}
update_play_icon();
});
}
function setup_secondary_nav( item_selector, x, y, size_x, size_y ) {
if( set.socondary_nav_type != 'thumbs' && set.socondary_nav_type != 'bullets' )
return;
if( secondary_nav_pos == "bottom" || secondary_nav_pos == "bottom-left-hor" || secondary_nav_pos == "bottom-right-hor") {
secondary_nav_wrap.find(item_selector).css({'display': "block", 'float': 'left'});
if ( socondary_nav_type == 'thumbs' )
place_bullets_hor(secondary_nav_wrap, x, x);
else if( socondary_nav_type == 'bullets' )
place_bullets_hor(secondary_nav_wrap, x, width - size_x);
if( size_x > width ) {
secondary_nav_wrap.css({width: size_x + "px"});
add_secondary_hor_buttons();
}
if( set.secondary_nav_placement == 'outside' )
secondary_nav_container.css({bottom: ( secondary_nav_container.outerHeight() * -1 ) + 'px', left: '0px', width: '100%'});
else
secondary_nav_container.css({bottom: '0px', left: '0px', width: '100%'});
} else if( secondary_nav_pos == "top" || secondary_nav_pos == "top-left-hor" || secondary_nav_pos == "top-right-hor") {
secondary_nav_wrap.find(item_selector).css({'display': "block", 'float': 'left'});
if ( socondary_nav_type == 'thumbs' )
place_bullets_hor(secondary_nav_wrap, x, x);
else if( socondary_nav_type == 'bullets' )
place_bullets_hor(secondary_nav_wrap, x, width - size_x);
if( size_x > width ) {
secondary_nav_wrap.css({width: size_x + "px"});
add_secondary_hor_buttons()
}
if( set.secondary_nav_placement == 'outside' )
secondary_nav_container.css({top: ( secondary_nav_container.outerHeight() * -1 ) + 'px', left: '0px', width: '100%'});
else
secondary_nav_container.css({top: '0px', left: '0px', width: '100%'});
} else if( secondary_nav_pos == "left" || secondary_nav_pos == "top-left-ver" || secondary_nav_pos == "bottom-left-ver") {
secondary_nav_wrap.find(item_selector).css({display: "block"});
if ( socondary_nav_type == 'thumbs' )
place_bullets_ver(secondary_nav_wrap, y, y);
else if( socondary_nav_type == 'bullets' )
place_bullets_ver(secondary_nav_wrap, y, height - size_x);
if( size_y > height ) {
secondary_nav_wrap.css({height: size_y + "px"});
add_secondary_ver_buttons();
}
if( set.secondary_nav_placement == 'outside' )
secondary_nav_container.css({top: '0px', left: ( secondary_nav_container.outerWidth() * -1 ) + 'px', height: '100%'});
else
secondary_nav_container.css({top: '0px', left: '0px', height: '100%'});
} else if( secondary_nav_pos == "right" || secondary_nav_pos == "top-right-ver" || secondary_nav_pos == "bottom-right-ver") {
secondary_nav_wrap.find(item_selector).css({display: "block"});
if ( socondary_nav_type == 'thumbs' )
place_bullets_ver(secondary_nav_wrap, y, y);
else if( socondary_nav_type == 'bullets' )
place_bullets_ver(secondary_nav_wrap, y, height - size_x);
if( size_y > height ) {
secondary_nav_wrap.css({height: size_y + "px"});
add_secondary_ver_buttons();
}
if( set.secondary_nav_placement == 'outside' )
secondary_nav_container.css({top: '0px', right: ( secondary_nav_container.outerWidth() * -1 ) + 'px', height: '100%'});
else
secondary_nav_container.css({top: '0px', right: '0px', height: '100%'});
}
}
function get_slide_option( index, attr_name ) {
return $slides.children('li').eq(index).attr(attr_name);
}
function add_secondary_hor_buttons() {
secondary_nav_container.append('
');
secondary_nav_container.find('div.bk-sec-left').css({ left: "0px" });
secondary_nav_container.append('
');
secondary_nav_container.find('div.bk-sec-right').css({ right: "0px" });
}
function add_secondary_ver_buttons() {
secondary_nav_container.append('
');
secondary_nav_container.find('div.bk-sec-top').css({ top: "0px" });
secondary_nav_container.append('
');
secondary_nav_container.find('div.bk-sec-bottom').css({ bottom: "0px" });
}
function place_bullets_ver(secondary_nav_wrap, y, z ) {
if( secondary_nav_pos.indexOf("top") != -1 )
secondary_nav_wrap.css({ top: "0px" });
else if( secondary_nav_pos.indexOf("bottom") != -1 )
secondary_nav_wrap.css({ top: z + "px" });
else
secondary_nav_wrap.css({ top: y + "px" });
}
function place_bullets_hor(secondary_nav_wrap, x, z ) {
if( secondary_nav_pos.indexOf("left") != -1 )
secondary_nav_wrap.css({ left: "0px" });
else if( secondary_nav_pos.indexOf("right") != -1 )
secondary_nav_wrap.css({ left: z + "px" });
else
secondary_nav_wrap.css({ left: x + "px" });
}
function place_on_center( parent_size, children_size ) {
return Math.round( ( parent_size - children_size ) / 2 );
}
function get_slice_coords( init_pos, init_size, x, y, slice_w, slice_h ) {
var coords = new Object();
if( init_pos == 'in-place' && init_size == 'point' ) // point in center of destination cell
{
coords['top'] = Math.round( y * slice_h + slice_h / 2 );
coords['left'] = Math.round( x * slice_w + slice_w / 2 );
coords['width'] = 0;
coords['height'] = 0;
return coords;
}
else if( init_pos == 'in-place' && init_size == 'point-topleft' ) // point in topleft corner of destination cell
{
coords['top'] = Math.round( y * slice_h);
coords['left'] = Math.round( x * slice_w);
coords['width'] = 0;
coords['height'] = 0;
return coords;
}
else if( init_pos == 'in-place' && init_size == 'point-topright' ) // point in top right corner of destination cell
{
coords['top'] = Math.round( y * slice_h);
coords['left'] = Math.round( x * slice_w + slice_w);
coords['width'] = 0;
coords['height'] = 0;
return coords;
}
else if( init_pos == 'in-place' && init_size == 'point-bottomleft' ) // point in bottom left corner of destination cell
{
coords['top'] = Math.round( y * slice_h + slice_h);
coords['left'] = Math.round( x * slice_w);
coords['width'] = 0;
coords['height'] = 0;
return coords;
}
else if( init_pos == 'in-place' && init_size == 'point-bottomright' ) // point in bottom right of destination cell
{
coords['top'] = Math.round( y * slice_h + slice_h);
coords['left'] = Math.round( x * slice_w + slice_w);
coords['width'] = 0;
coords['height'] = 0;
return coords;
}
else if( init_pos == 'in-place' && init_size == 'flat-top' )
{
coords['top'] = Math.round( y * slice_h );
coords['left'] = Math.round( x * slice_w );
coords['width'] = slice_w;
coords['height'] = 0;
return coords;
}
else if( init_pos == 'in-place' && init_size == 'flat-bottom' )
{
coords['top'] = Math.round( y * slice_h ) + slice_h;
coords['left'] = Math.round( x * slice_w );
coords['width'] = slice_w;
coords['height'] = 0;
return coords;
}
else if( init_pos == 'in-place' && init_size == 'flat-left' )
{
coords['top'] = Math.round( y * slice_h );
coords['left'] = Math.round( x * slice_w );
coords['width'] = 0;
coords['height'] = slice_h;
return coords;
}
else if( init_pos == 'in-place' && init_size == 'flat-right' )
{
coords['top'] = Math.round( y * slice_h );
coords['left'] = Math.round( x * slice_w ) + slice_w;
coords['width'] = 0;
coords['height'] = slice_h;
return coords;
}
else if( init_pos == 'in-place' && init_size == 'flat-center-hor' )
{
coords['top'] = Math.round( y * slice_h ) + Math.round( slice_h / 2 );
coords['left'] = Math.round( x * slice_w );
coords['width'] = slice_w;
coords['height'] = 0;
return coords;
}
else if( init_pos == 'in-place' && init_size == 'flat-center-ver' )
{
coords['top'] = Math.round( y * slice_h );
coords['left'] = Math.round( x * slice_w ) + Math.round( slice_w / 2 );
coords['width'] = 0;
coords['height'] = slice_h;
return coords;
}
else if( init_pos == 'in-center' && init_size == 'point' )
{
coords['top'] = Math.round( height / 2 );
coords['left'] = Math.round( width / 2 );
coords['width'] = 0;
coords['height'] = 0;
return coords;
}
else if( init_pos == 'in-center' && init_size == 'all' )
{
coords['top'] = Math.round( ( height - slice_h ) / 2 );
coords['left'] = Math.round( ( width - slice_w ) / 2 );
coords['width'] = slice_w;
coords['height'] = slice_h;
return coords;
}
else if( init_pos == 'in-place' )
{
coords['top'] = Math.round( y * slice_h );
coords['left'] = Math.round( x * slice_w );
}
else if( init_pos == 'spread-center' && init_size == 'point' )
{
coords['top'] = Math.round( (y * slice_h + slice_h / 2 ) * spread_factor - ( height * spread_factor - height ) / 2 );
coords['left'] = Math.round( (x * slice_w + slice_w / 2 ) * spread_factor - ( width * spread_factor - width ) / 2 );
coords['width'] = 0;
coords['height'] = 0;
return coords;
}
else if( init_pos == 'spread-center' && init_size == 'all' )
{
coords['top'] = Math.round( (y * slice_h + ( ( slice_h * spread_factor ) - slice_h ) / 2 ) * spread_factor - ( height * spread_factor - height ) / 2 );
coords['left'] = Math.round( (x * slice_w + ( ( slice_w * spread_factor ) - slice_w ) / 2 ) * spread_factor - ( width * spread_factor - width ) / 2 );
coords['width'] = slice_w;
coords['height'] = slice_h;
return coords;
}
else if( init_pos == 'spread-right-bottom' && init_size == 'point' )
{
coords['top'] = Math.round( (y * slice_h + slice_h / 2 ) * spread_factor - ( height * spread_factor - height ) );
coords['left'] = Math.round( (x * slice_w + slice_w / 2 ) * spread_factor - ( width * spread_factor - width ) );
coords['width'] = 0;
coords['height'] = 0;
return coords;
}
else if( init_pos == 'spread-right-bottom' && init_size == 'all' )
{
coords['top'] = Math.round( (y * slice_h + ( ( slice_h * spread_factor ) - slice_h ) / 2 ) * spread_factor - ( height * spread_factor - height ) );
coords['left'] = Math.round( (x * slice_w + ( ( slice_w * spread_factor ) - slice_w ) / 2 ) * spread_factor - ( width * spread_factor - width ) );
coords['width'] = slice_w;
coords['height'] = slice_h;
return coords;
}
else if( init_pos == 'spread-right' && init_size == 'point' )
{
coords['top'] = Math.round( (y * slice_h + slice_h / 2 ) * spread_factor - ( height * spread_factor - height ) / 2 );
coords['left'] = Math.round( (x * slice_w + slice_w / 2 ) * spread_factor - ( width * spread_factor - width ) );
coords['width'] = 0;
coords['height'] = 0;
return coords;
}
else if( init_pos == 'spread-right' && init_size == 'all' )
{
coords['top'] = Math.round( (y * slice_h + ( ( slice_h * spread_factor ) - slice_h ) / 2 ) * spread_factor - ( height * spread_factor - height ) / 2 );
coords['left'] = Math.round( (x * slice_w + ( ( slice_w * spread_factor ) - slice_w ) / 2 ) * spread_factor - ( width * spread_factor - width ) );
coords['width'] = slice_w;
coords['height'] = slice_h;
return coords;
}
else if( init_pos == 'spread-bottom' && init_size == 'point' )
{
coords['top'] = Math.round( (y * slice_h + slice_h / 2 ) * spread_factor - ( height * spread_factor - height ) );
coords['left'] = Math.round( (x * slice_w + slice_w / 2 ) * spread_factor - ( width * spread_factor - width ) / 2 );
coords['width'] = 0;
coords['height'] = 0;
return coords;
}
else if( init_pos == 'spread-bottom' && init_size == 'all' )
{
coords['top'] = Math.round( (y * slice_h + ( ( slice_h * spread_factor ) - slice_h ) / 2 ) * spread_factor - ( height * spread_factor - height ) );
coords['left'] = Math.round( (x * slice_w + ( ( slice_w * spread_factor ) - slice_w ) / 2 ) * spread_factor - ( width * spread_factor - width ) / 2 );
coords['width'] = slice_w;
coords['height'] = slice_h;
return coords;
}
else if( init_pos == 'spread-top' && init_size == 'point' )
{
coords['top'] = Math.round( (y * slice_h + slice_h / 2 ) * spread_factor );
coords['left'] = Math.round( (x * slice_w + slice_w / 2 ) * spread_factor - ( width * spread_factor - width ) / 2 );
coords['width'] = 0;
coords['height'] = 0;
return coords;
}
else if( init_pos == 'spread-top' && init_size == 'all' )
{
coords['top'] = Math.round( (y * slice_h + ( ( slice_h * spread_factor ) - slice_h ) / 2 ) * spread_factor );
coords['left'] = Math.round( (x * slice_w + ( ( slice_w * spread_factor ) - slice_w ) / 2 ) * spread_factor - ( width * spread_factor - width ) / 2 );
coords['width'] = slice_w;
coords['height'] = slice_h;
return coords;
}
else if( init_pos == 'spread-left-top' && init_size == 'point' )
{
coords['top'] = Math.round( (y * slice_h + slice_h / 2 ) * spread_factor );
coords['left'] = Math.round( (x * slice_w + slice_w / 2 ) * spread_factor );
coords['width'] = 0;
coords['height'] = 0;
return coords;
}
else if( init_pos == 'spread-left-top' && init_size == 'all' )
{
coords['top'] = Math.round( (y * slice_h + ( ( slice_h * spread_factor ) - slice_h ) / 2 ) * spread_factor );
coords['left'] = Math.round( (x * slice_w + ( ( slice_w * spread_factor ) - slice_w ) / 2 ) * spread_factor );
coords['width'] = slice_w;
coords['height'] = slice_h;
return coords;
}
else if( init_pos == 'spread-left' && init_size == 'point' )
{
coords['top'] = Math.round( (y * slice_h + slice_h / 2 ) * spread_factor - ( height * spread_factor - height ) / 2 );
coords['left'] = Math.round( (x * slice_w + slice_w / 2 ) * spread_factor );
coords['width'] = 0;
coords['height'] = 0;
return coords;
}
else if( init_pos == 'spread-left' && init_size == 'all' )
{
coords['top'] = Math.round( (y * slice_h + ( ( slice_h * spread_factor ) - slice_h ) / 2 ) * spread_factor - ( height * spread_factor - height ) / 2 );
coords['left'] = Math.round( (x * slice_w + ( ( slice_w * spread_factor ) - slice_w ) / 2 ) * spread_factor );
coords['width'] = slice_w;
coords['height'] = slice_h;
return coords;
}
else if( init_pos == 'spread-left-bottom' && init_size == 'point' )
{
coords['top'] = Math.round( (y * slice_h + slice_h / 2 ) * spread_factor - ( height * spread_factor - height ) );
coords['left'] = Math.round( (x * slice_w + slice_w / 2 ) * spread_factor );
coords['width'] = 0;
coords['height'] = 0;
return coords;
}
else if( init_pos == 'spread-left-bottom' && init_size == 'all' )
{
coords['top'] = Math.round( (y * slice_h + ( ( slice_h * spread_factor ) - slice_h ) / 2 ) * spread_factor - ( height * spread_factor - height ) );
coords['left'] = Math.round( (x * slice_w + ( ( slice_w * spread_factor ) - slice_w ) / 2 ) * spread_factor );
coords['width'] = slice_w;
coords['height'] = slice_h;
return coords;
}
////////////////////////////////////////////////////
else if( init_pos == 'in-line-top')
{
coords['top'] = -slice_h;
coords['left'] = Math.round( x * slice_w );
}
else if( init_pos == 'in-line-bottom')
{
coords['top'] = height;
coords['left'] = Math.round( x * slice_w );
}
else if( init_pos == 'in-line-left')
{
coords['top'] = Math.round( y * slice_h );
coords['left'] = -slice_w;
}
else if( init_pos == 'in-line-right')
{
coords['top'] = Math.round( y * slice_h );
coords['left'] = width;
}
else if( init_pos == 'top-bottom-zipper' )
{
if( x % 2 == 1 )
coords['top'] = height;
else
coords['top'] = -slice_h;
coords['left'] = Math.round( x * slice_w );
}
else if( init_pos == 'left-right-zipper' )
{
if( y % 2 == 1 )
coords['left'] = width;
else
coords['left'] = -slice_w;
coords['top'] = Math.round( y * slice_h );
}
else if( init_pos == 'top-left-corner')
{
coords['left'] = -slice_w;
coords['top'] = -slice_h;
}
else if( init_pos == 'top-right-corner')
{
coords['left'] = width;
coords['top'] = -slice_h;
}
else if( init_pos == 'bottom-right-corner' )
{
coords['left'] = width;
coords['top'] = height;
}
else if( init_pos == 'bottom-left-corner' )
{
coords['left'] = -slice_w;
coords['top'] = height;
}
if( init_size == 'all' )
{
coords['width'] = slice_w;
coords['height'] = slice_h;
}
else if( init_size == 'point' )
{
coords['width'] = 0;
coords['height'] = 0;
}
else if( init_size == 'flat-top' )
{
coords['width'] = slice_w;
coords['height'] = 0;
}
else if( init_size == 'flat-bottom' )
{
coords['width'] = slice_w;
coords['height'] = 0;
}
else if( init_size == 'flat-left' )
{
coords['width'] = 0;
coords['height'] = slice_h;
}
else if( init_size == 'flat-right' )
{
coords['width'] = 0;
coords['height'] = slice_h;
}
return coords;
}
function slice_up_and_prep_slide( index, init_pos, init_size, init_rot, columns_amount, rows_amount, hidden ) {
var slice_width = Math.round( width / columns_amount );
var slice_height = Math.round( height / rows_amount );
var opacity = 1;
if( hidden )
opacity = 0;
if( !hidden )
$this.find('.slices-area').css({'overflow' : 'hidden'});
else
$this.find('.slices-area').css({'overflow' : 'visible'});
for( x = 0; x < columns_amount; x++ )
{
for( y = 0; y < rows_amount; y++ )
{
var coords = get_slice_coords( init_pos, init_size, x, y, slice_width, slice_height );
$this.find('.slices-area').append('
');
var $slice = $this.find('#slice-' + x + '-' + y + '');
$slice.css({width: coords['width'] + 'px' , height: coords['height'] + 'px',
left: coords['left'] + 'px', top: coords['top'] + 'px',
opacity: opacity });
var content = $slides.children('li').eq(index).html();
//$(content).remove('div.bk_canvas_underlay');
$slice.find('.slice-content').css({width: width + 'px' , height: height + 'px',
left: -(x * slice_width) + 'px', top: -(y * slice_height) + 'px' })
.append( content );
$slice.find('.slice-content div.bk_canvas_underlay').remove();
if( ( init_rot !== final_rotation ) && supports_rotate_transform )
$slice.rotate( init_rot + 'deg' );
/*
if( hidden )
$slice.hide();
else
$slice.show();
*/
}
}
if( set.ken_burns_for_slides ) {
prep_kenburns_for_slide(index);
}
//if( hidden )
// $this.find('.slider-slice').hide();
//else
$this.find('.slider-slice').show();
}
function prep_kenburns_for_slide(index) { // neede to make first slide working for kb
if( run_transition_on == 'in' ) {
$slides.children('li').eq(index).find('img.bk_ken_burns_img').not('.bk_canvas_underlay img').each(function(i) {
//var ref = prep_kenburns_for_slide(index);
var id = $(this).attr('src') + "_" + i;
var shift;
var img_src = $(this).attr('src');
var original_width = slide_img_original_sizes[img_src].width;
var original_height = slide_img_original_sizes[img_src].height;
var kb_slides_start_cpoint = set.kb_slides_start_cpoint;
var kb_slides_start_cpoint_random = set.kb_slides_start_cpoint_random;
var kb_slides_dest_cpoint = set.kb_slides_dest_cpoint ;
var kb_slides_dest_cpoint_random = set.kb_slides_dest_cpoint_random;
var kb_slides_anim_time = set.kb_slides_anim_time;
var kb_slides_play_in_loop = set.kb_slides_play_in_loop;
var kb_slides_zoomfactor = set.kb_slides_zoomfactor;
if( (typeof original_width !== "undefined") && original_width > 0 &&
(typeof original_height !== "undefined") && original_height > 0 ) {
var ref = $(this).kenburns_plugin({ hover_mode: 'none',
orig_img_width: original_width,
orig_img_height: original_height,
canvas_width: width,
canvas_height: height,
alignment: 'absolute',
flash_at_start: false,
run_at_init: false,
theme: theme,
start_cpoint: kb_slides_start_cpoint,
start_cpoint_random: kb_slides_start_cpoint_random,
dest_cpoint: kb_slides_dest_cpoint,
dest_cpoint_random: kb_slides_dest_cpoint_random,
anim_time: kb_slides_anim_time,
play_in_loop: kb_slides_play_in_loop,
zoomfactor: kb_slides_zoomfactor });
slides_ken_burns_map[id] = ref;
shift = ref.kenburns_plugin.Current_Shift();
var p1 = shift['trx'];
var p2 = shift['try'];
var s = shift['scale'];
$this.find('.slices-area img').css({ 'width': original_width + 'px', 'height': original_height + 'px',
'-webkit-transform': "translate(" + p1 + "px," + p2 + "px) scale(" + s + ")",
'-ms-transform': "translate(" + p1 + "px," + p2 + "px) scale(" + s + ")",
'-o-transform': "translate(" + p1 + "px," + p2 + "px) scale(" + s + ")",
'-moz-transform': "translate(" + p1 + "px," + p2 + "px) scale(" + s + ")",
'transform': "translate(" + p1 + "px," + p2 + "px) scale(" + s + ")",
'filter': 'progid:DXImageTransform.Microsoft.Matrix(FilterType="nearest neighbor",M11=' + s + ',M12=0,M21=0,M22=' + s + ",Dx=" + p1 + ",Dy=" + p2 + ")",
'-ms-filter': 'progid:DXImageTransform.Microsoft.Matrix(FilterType="nearest neighbor",M11=' + s + ',M12=0,M21=0,M22=' + s + ",Dx=" + p1 + ",Dy=" + p2 + ")",
'-webkit-transform-origin' : '0px 0px', '-moz-transform-origin' : '0px 0px', '-o-transform-origin' : '0px 0px',
'-ms-transform-origin' : '0px 0px', 'transform-origin' : '0px 0px' });
}
});
}
}
function run_animation_on_slices( selection_pattern, init_pos, init_size, init_rot, final_rot, columns_amount, rows_amount, hidden, time_mode,
easing, opacity_easing, rotate_easing, left_easing, top_easing, width_easing, height_easing ) {
var animation_queue = new Array();
var slice_width = Math.round( width / columns_amount );
var slice_height = Math.round( height / rows_amount );
if( selection_pattern == 'diagonal-topleft-bottomright' || selection_pattern == 'diagonal-bottomright-topleft')
{
for( x = 0; x < columns_amount; x++ )
{
for( y = 0; y < rows_amount; y++ )
{
var slide = new Object();
slide.x = x;
slide.y = y;
slide.obj = $this.find('#slice-' + x + '-' + y + '');
if( selection_pattern == 'diagonal-topleft-bottomright' )
animation_queue.push( slide );
else if( selection_pattern == 'diagonal-bottomright-topleft' )
animation_queue.unshift( slide );
}
}
}
else if( selection_pattern == 'diagonal-bottomleft-topright' || selection_pattern == 'diagonal-topright-bottomleft')
{
for( x = columns_amount - 1; x >= 0; x-- )
{
for( y = 0; y < rows_amount; y++ )
{
var slide = new Object();
slide.x = x;
slide.y = y;
slide.obj = $this.find('#slice-' + x + '-' + y + '');
if( selection_pattern == 'diagonal-topright-bottomleft' )
animation_queue.push( slide );
else if( selection_pattern == 'diagonal-bottomleft-topright' )
animation_queue.unshift( slide );
}
}
}
else if( selection_pattern == 'spiral-in' || selection_pattern == 'spiral-out' )
{
var l = 0;
for( i = 0, c = columns_amount - 1, r = rows_amount - 1; c >= 0 && r >= 0; i++, c--, r-- ) {
// Traversing Forward
for( k = i ; k <= c; k++ ) {
if( l == rows_amount * columns_amount ) break;
var slide = new Object();
slide.x = k;
slide.y = i;
slide.obj = $this.find('#slice-' + k + '-' + i + '');
if( selection_pattern == 'spiral-in' )
animation_queue.push( slide );
else if( selection_pattern == 'spiral-out' )
animation_queue.unshift( slide );
l++;
}
// Traversing Downward
for( k = i + 1; k <= r; k++ ) {
if( l == rows_amount * columns_amount ) break;
var slide = new Object();
slide.x = c;
slide.y = k;
slide.obj = $this.find('#slice-' + c + '-' + k + '');
if( selection_pattern == 'spiral-in' )
animation_queue.push( slide );
else if( selection_pattern == 'spiral-out' )
animation_queue.unshift( slide );
l++;
}
// Traversing Backward
for( k = c - 1; k >= i; k-- ) {
if( l == rows_amount * columns_amount ) break;
var slide = new Object();
slide.x = k;
slide.y = r;
slide.obj = $this.find('#slice-' + k + '-' + r + '');
if( selection_pattern == 'spiral-in' )
animation_queue.push( slide );
else if( selection_pattern == 'spiral-out' )
animation_queue.unshift( slide );
l++;
}
// Traversing Upward
for( k = r - 1; k > i; k-- ) {
if( l == rows_amount * columns_amount ) break;
var slide = new Object();
slide.x = i;
slide.y = k;
slide.obj = $this.find('#slice-' + i + '-' + k + '');
if( selection_pattern == 'spiral-in' )
animation_queue.push( slide );
else if( selection_pattern == 'spiral-out' )
animation_queue.unshift( slide );
l++;
}
}
}
else if( selection_pattern == 'zig-zag-right' || selection_pattern == 'zig-zag-left' )
{
var forward = true;
for( x = 0; x < columns_amount; x++ )
{
if( forward )
{
for( y = 0; y < rows_amount; y++ )
{
var slide = new Object();
slide.x = x;
slide.y = y;
slide.obj = $this.find('#slice-' + x + '-' + y + '');
if( selection_pattern == 'zig-zag-right' )
animation_queue.push( slide );
else if( selection_pattern == 'zig-zag-left' )
animation_queue.unshift( slide );
}
forward = false;
}
else
{
for( y = rows_amount - 1; y >= 0; y-- )
{
var slide = new Object();
slide.x = x;
slide.y = y;
slide.obj = $this.find('#slice-' + x + '-' + y + '');
if( selection_pattern == 'zig-zag-right' )
animation_queue.push( slide );
else if( selection_pattern == 'zig-zag-left' )
animation_queue.unshift( slide );
}
forward = true;
}
}
}
else if( selection_pattern == 'zig-zag-down' || selection_pattern == 'zig-zag-up' )
{
var forward = true;
for( y = 0; y < rows_amount; y++ )
{
if( forward )
{
for( x = 0; x < columns_amount; x++ )
{
var slide = new Object();
slide.x = x;
slide.y = y;
slide.obj = $this.find('#slice-' + x + '-' + y + '');
if( selection_pattern == 'zig-zag-down' )
animation_queue.push( slide );
else if( selection_pattern == 'zig-zag-up' )
animation_queue.unshift( slide );
}
forward = false;
}
else
{
for( x = columns_amount - 1; x >= 0; x-- )
{
var slide = new Object();
slide.x = x;
slide.y = y;
slide.obj = $this.find('#slice-' + x + '-' + y + '');
if( selection_pattern == 'zig-zag-down' )
animation_queue.push( slide );
else if( selection_pattern == 'zig-zag-up' )
animation_queue.unshift( slide );
}
forward = true;
}
}
}
else if( selection_pattern == 'chessboard-topleft-bottomright' || selection_pattern == 'chessboard-bottomright-topleft')
{
var temp_animation_queue_1 = new Array();
var temp_animation_queue_2 = new Array();
for( x = 0; x < columns_amount; x++ )
{
for( y = 0; y < rows_amount; y++ )
{
var slide = new Object();
slide.x = x;
slide.y = y;
slide.obj = $this.find('#slice-' + x + '-' + y + '');
var even_column = true;
if( x % 2 == 1 )
even_column = false;
var even_row = true;
if( y % 2 == 1 )
even_row = false;
if( selection_pattern == 'chessboard-topleft-bottomright' )
{
if( ( even_column && even_row ) || ( !even_column && !even_row ) )
temp_animation_queue_1.push( slide );
else
temp_animation_queue_2.push( slide );
}
else if( selection_pattern == 'chessboard-bottomright-topleft' )
{
if( ( even_column && even_row ) || ( !even_column && !even_row ) )
temp_animation_queue_1.unshift( slide );
else
temp_animation_queue_2.unshift( slide );
}
}
}
animation_queue = animation_queue.concat( temp_animation_queue_1, temp_animation_queue_2 );
}
else if( selection_pattern == 'chessboard-bottomleft-topright' || selection_pattern == 'chessboard-topright-bottomleft')
{
var temp_animation_queue_1 = new Array();
var temp_animation_queue_2 = new Array();
for( x = 0; x < columns_amount; x++ )
{
for( y = rows_amount - 1; y >= 0; y-- )
{
var slide = new Object();
slide.x = x;
slide.y = y;
slide.obj = $this.find('#slice-' + x + '-' + y + '');
var even_column = true;
if( x % 2 == 1 )
even_column = false;
var even_row = true;
if( y % 2 == 1 )
even_row = false;
if( selection_pattern == 'chessboard-bottomleft-topright' )
{
if( ( even_column && even_row ) || ( !even_column && !even_row ) )
temp_animation_queue_1.push( slide );
else
temp_animation_queue_2.push( slide );
}
else if( selection_pattern == 'chessboard-topright-bottomleft' )
{
if( ( even_column && even_row ) || ( !even_column && !even_row ) )
temp_animation_queue_1.unshift( slide );
else
temp_animation_queue_2.unshift( slide );
}
}
}
animation_queue = animation_queue.concat( temp_animation_queue_2, temp_animation_queue_1 );
}
else if( selection_pattern == 'random' )
{
var temp_queue = new Array();
for( x = 0; x < columns_amount; x++ )
{
for( y = 0; y < rows_amount; y++ )
{
var slide = new Object();
slide.x = x;
slide.y = y;
slide.obj = $this.find('#slice-' + x + '-' + y + '');
temp_queue.push( slide );
}
}
var index = 0;
while( temp_queue.length )
{
index = Math.floor( Math.random() * ( temp_queue.length - 1 ) );
animation_queue.push( temp_queue[index] );
temp_queue.splice(index,1)
}
}
var opacity = 1;
if( hidden )
opacity = 0;
var time = slide_animation;
var after = 0;
if( time_mode == 'rising' )
{
time = slide_animation / slices_count;
slice_animation_difference = time;
}
else if( time_mode == 'queue' )
{
time = slide_animation / 2;
slice_animation_difference = time / slices_count;
}
else if( time_mode == 'waterfall' )
{
time = slide_animation / slices_count;
slice_animation_difference = time;
}
for( i = 0; i < animation_queue.length; i++ )
{
var slide = animation_queue[i];
if( time_mode == 'rising' )
time += slice_animation_difference;
if( time_mode == 'waterfall' )
after = i * slice_animation_difference;
if( time_mode == 'queue' )
after = i * slice_animation_difference;
var coords = get_slice_coords( init_pos, init_size, slide.x, slide.y, slice_width, slice_height );
slide.obj.delay(after).animate( { width: coords['width'] + 'px' ,
height: coords['height'] + 'px',
left: coords['left'] + 'px',
top: coords['top'] + 'px',
opacity: opacity,
rotate: final_rot + 'deg' },
{ duration : time,
easing: easing,
specialEasing: {
opacity: opacity_easing,
rotate: rotate_easing,
left: left_easing,
top: top_easing,
width: width_easing,
height: height_easing
},
complete: function() {
$this.trigger( slice_anim_finished_event );
}
}
);
}
}
function prepare_and_launch_animation( index ) {
if( video_is_playing )
remove_video();
if( set.ken_burns_for_slides )
stop_all_ken_burns();
slideshow_temp_counter = 0;
update_circular_timer();
hide_title_for_current_slide();
hide_video_button();
var transition = new Object();
transition['rows'] = rows;
transition['columns'] = columns;
transition['init_pos'] = init_pos;
transition['init_size'] = init_size;
transition['dest_pos'] = dest_pos;
transition['dest_size'] = dest_size;
transition['slide_timeout'] = slide_timeout;
transition['slide_animation'] = slide_animation;
transition['init_rotation'] = init_rotation;
transition['final_rotation'] = final_rotation;
transition['slice_time_mode'] = slice_time_mode;
transition['selection_pattern']= selection_pattern;
transition['transition']= transition;
transition['easing'] = easing;
transition['rotate_easing'] = rotate_easing;
transition['opacity_easing'] = opacity_easing;
transition['width_easing'] = width_easing;
transition['height_easing'] = height_easing;
transition['left_easing'] = left_easing;
transition['top_easing'] = top_easing;
transition['spread_factor'] = spread_factor;
transition['is_hidden'] = is_hidden;
var default_transition = def_transition;
var option = get_slide_option( index, "data-def_transition" );
if( option != '' && typeof option !== "undefined" ) {
default_transition = option;
}
jQuery.extend( transition, transitions[default_transition] );
for(var key in transition) {
var option_key = "data-" + key;
var option = get_slide_option( index, option_key );
////window.//console.log("search for: " + option_key + " index:" + index);
if( option != '' && typeof option !== "undefined" ) {
transition[key] = option;
////window.//console.log("option_key: " + option);
}
}
slices_count = transition['columns'] * transition['rows'];
slices_finished = 0;
var is_hidden_begin = false;
var is_hidden_end = false;
if( run_transition_on == 'in' )
{
is_hidden_begin = transition['is_hidden'];
is_hidden_end = false;
}
else if( run_transition_on == 'out' )
{
is_hidden_begin = false;
is_hidden_end = transition['is_hidden'];
}
slice_up_and_prep_slide( index, transition['init_pos'], transition['init_size'], transition['init_rotation'], transition['columns'], transition['rows'], is_hidden_begin );
run_animation_on_slices( transition['selection_pattern'], transition['dest_pos'], transition['dest_size'], transition['init_rotation'], transition['final_rotation'],
transition['columns'], transition['rows'], is_hidden_end, transition['slice_time_mode'], transition['easing'], transition['opacity_easing'],
transition['rotate_easing'], transition['left_easing'], transition['top_easing'], transition['width_easing'], transition['height_easing'] );
}
function progress_finished() {
stop_progress();
slideshow_temp_counter = 0;
if( set.show_direction == 'forward' ) {
go_to_next_slide();
}
else if( set.show_direction == 'backward' ) {
go_to_prev_slide();
}
else if( set.show_direction == 'random' ) {
var index = Math.floor( Math.random() * ( slides_amount - 1 ) );
while( index == current_slide ) {
index = Math.floor( Math.random() * ( slides_amount - 1 ) );
}
go_to_slide_number( index );
}
}
function go_to_next_slide() {
is_animating_transition = true;
get_next_slide_index();
if( run_transition_on == 'in' )
prepare_and_launch_animation( next_slide );
else if( run_transition_on == 'out' )
{
show_slide_internal( next_slide, true );
prepare_and_launch_animation( current_slide );
}
}
function go_to_prev_slide() {
is_animating_transition = true;
get_prev_slide_index();
if( run_transition_on == 'in' )
prepare_and_launch_animation( next_slide );
else if( run_transition_on == 'out' )
{
show_slide_internal( next_slide, true );
prepare_and_launch_animation( current_slide );
}
}
function go_to_slide_number( index ) {
if( index < 0 || index > slides_amount - 1 )
return;
is_animating_transition = true;
next_slide = index;
if( run_transition_on == 'in' )
prepare_and_launch_animation( next_slide );
else if( run_transition_on == 'out' )
{
show_slide_internal( next_slide, true );
prepare_and_launch_animation( current_slide );
}
}
function time_tick() {
slideshow_temp_counter += 10;
//jQuery('#log').text( 'time: ' + slideshow_temp_counter );
if( slideshow_temp_counter >= slide_timeout ) {
is_animating_transition = true;
progress_finished();
if( set.show_timer && circular_timer )
circular_timer.hide();
} else {
update_circular_timer();
slideshow_timer = setTimeout(function(){time_tick();}, 10);
}
}
function update_circular_timer() {
if( set.show_timer ) {
var progress = ( slideshow_temp_counter * 100 ) / slide_timeout;
if( set.timer_position == 'line' ) {
var prog_width = width * progress / 100;
$this.find('div.bk-progressbar').css({width: prog_width + 'px'});
return;
}
var angle = progress * 360 / 100;
var size = circular_timer.width();
var half_size = size / 2;
if( progress < 50 ) { // left side rotate
circular_timer.css({ 'clip' : 'rect(0px,'+ size +'px,'+ size +'px,'+ half_size +'px)' });
circular_timer_left.css({
'transform': 'rotate('+ angle +'deg)',
'-ms-transform': 'rotate('+ angle +'deg)', /* IE 9 */
'-webkit-transform': 'rotate('+ angle +'deg)', /* Safari and Chrome */
'-o-transform': 'rotate('+ angle +'deg)', /* Opera */
'-moz-transform': 'rotate('+ angle +'deg)' /* Firefox */
});
if( !supports_rotate_transform ) {
var cos = Math.cos(Math.PI * 2 / 360 * angle);
var sin = Math.sin(Math.PI * 2 / 360 * angle);
circular_timer_left.css("filter","progid:DXImageTransform.Microsoft.Matrix(M11="+cos+",M12=-"+sin+",M21="+sin+",M22="+cos+",SizingMethod='auto expand',FilterType='nearest neighbor')");
circular_timer_left.css("left",-Math.floor((circular_timer_left.width() - size)/2));
circular_timer_left.css("top",-Math.floor((circular_timer_left.height() - size)/2));
}
circular_timer_right.hide();
circular_timer_left.show();
//circular_timer.show();
} else if( progress < 100 ) { // left side rotated - rotate right part
circular_timer.css({ 'clip' : 'rect(0px,'+ size +'px,'+ size +'px,0px)' });
angle -= 180;
circular_timer_right.css({
'transform': 'rotate('+ angle +'deg)',
'-ms-transform': 'rotate('+ angle +'deg)', /* IE 9 */
'-webkit-transform': 'rotate('+ angle +'deg)', /* Safari and Chrome */
'-o-transform': 'rotate('+ angle +'deg)', /* Opera */
'-moz-transform': 'rotate('+ angle +'deg)' /* Firefox */
});
if( !supports_rotate_transform ) {
var cos = Math.cos(Math.PI * 2 / 360 * angle);
var sin = Math.sin(Math.PI * 2 / 360 * angle);
circular_timer_right.css("filter","progid:DXImageTransform.Microsoft.Matrix(M11="+cos+",M12=-"+sin+",M21="+sin+",M22="+cos+",SizingMethod='auto expand',FilterType='nearest neighbor')");
circular_timer_right.css("left",-Math.floor((circular_timer_right.width() - size)/2));
circular_timer_right.css("top",-Math.floor((circular_timer_right.height() - size)/2));
}
circular_timer_right.show();
//circular_timer.show();
}
}
}
function stop_progress() {
clearTimeout(slideshow_timer);
}
function freeze_progress() {
clearTimeout(slideshow_timer);
}
function update_play_icon() {
if( !is_playing )
{
if( theme == 'classic' )
$this.find('#pp-button').removeClass("classic-pause").addClass("classic-play");
else if( theme == 'modern' )
$this.find('#pp-button').removeClass("modern-pause").addClass("modern-play");
}
else
{
if( theme == 'classic' )
$this.find('#pp-button').removeClass("classic-play").addClass("classic-pause");
else if( theme == 'modern' )
$this.find('#pp-button').removeClass("modern-play").addClass("modern-pause");
}
}
function toggle_play() {
is_playing = !is_playing;
update_play_icon();
if( is_playing )
{
progress_finished();
}
else
{
stop_progress();
}
}
function launch_progress() {
var rest_of_time = slide_timeout - slideshow_temp_counter;
slideshow_timer = setTimeout(function(){time_tick();}, 10);
}
function show_slide_internal( index, initial ) { // if initial == true this function was called for run on out during prerender
if( index < 0 || index > slides_amount - 1 )
index = 0;
if( socondary_nav_type != 'none' ) {
secondary_nav_wrap.find("a.bk-secondary-nav-item").removeClass("active");
secondary_nav_wrap.find("a.bk-secondary-nav-item").eq(index).addClass("active");
if( set.timer_position == 'on_current_bullet' && socondary_nav_type == 'bullets') {
var $target = secondary_nav_wrap.find("a.bk-secondary-nav-item").eq(index);
$target.append( outer_wrap );
outer_wrap = $target.find('div.bk-circular-timer-outerwrap');
circular_timer = $target.find('div.bk-circular-timer-wrap');
circular_timer_left = circular_timer.find('div.bk-circular-timer-left');
circular_timer_right = circular_timer.find('div.bk-circular-timer-right');
if( current_slide != -1 )
secondary_nav_wrap.find("a.bk-secondary-nav-item").eq(current_slide).remove('div.bk-circular-timer-outerwrap');
}
}
if( set.ken_burns_for_slides ) {
$slides.children('li').eq(index).find('img.bk_ken_burns_img').not('.bk_canvas_underlay img').each(function(i) {
var id = $(this).attr('src') + "_" + i;
var img_src = $(this).attr('src');
var original_width = slide_img_original_sizes[img_src].width;
var original_height = slide_img_original_sizes[img_src].height;
if( run_transition_on == 'in' ) {
var ref = slides_ken_burns_map[id];
if( typeof ref !== "undefined") {
shift = ref.kenburns_plugin.Current_Shift();
var p1 = shift['trx'];
var p2 = shift['try'];
var s = shift['scale'];
$(this).css({ 'width': original_width + 'px', 'height': original_height + 'px',
'-webkit-transform': "translate(" + p1 + "px," + p2 + "px) scale(" + s + ")",
'-ms-transform': "translate(" + p1 + "px," + p2 + "px) scale(" + s + ")",
'-o-transform': "translate(" + p1 + "px," + p2 + "px) scale(" + s + ")",
'-moz-transform': "translate(" + p1 + "px," + p2 + "px) scale(" + s + ")",
'transform': "translate(" + p1 + "px," + p2 + "px) scale(" + s + ")",
'-webkit-transform-origin' : '0px 0px', '-moz-transform-origin' : '0px 0px', '-o-transform-origin' : '0px 0px',
'-ms-transform-origin' : '0px 0px', 'transform-origin' : '0px 0px' });
ref.kenburns_plugin.Start();
//ref.kenburns_plugin.Play();
//window.//console.log("Play - " + i + ": " + id );
}
}
});
}
$slides.children('li').eq(index).show();
$slides.children('li').not(':eq(' + index + ')').hide();
remove_all_ken_burns_except(index);
//window.//console.log("initial: " + initial + "index: " + index + " current_slide: " + current_slide );
var video_link = get_slide_option( index, 'data-video-link' );
if( video_link != '' && ( typeof video_link !== "undefined" ) ) {
set.videobutton_show_callback.call( video_button );
}
return index;
}
function stop_all_ken_burns() {
for( index = 0; index < slides_amount; index++ ) {
$slides.children('li').eq(index).find('img.bk_ken_burns_img').not('.bk_canvas_underlay img').each(function(i) {
var id = $(this).attr('src') + "_" + i;
if( typeof slides_ken_burns_map[id] !== "undefined") {
slides_ken_burns_map[id].kenburns_plugin.Pause();
////window.//console.log("Pause: " + id);
//window.//console.log("Pause - " + i + ": " + id );
}
});
}
}
function remove_all_ken_burns_except(index) {
$slides.children('li').not(':eq(' + index + ')').find('div.bk_canvas_underlay').remove();
}
function show_title_for_current_slide() {
var title = get_slide_option( current_slide, "data-title" );
if( title != '' && title != undefined ) {
slide_title.empty().append(title);
set.title_show_callback.call( slide_title );
}
}
function hide_title_for_current_slide() {
if( set.show_titles && current_slide != -1 )
set.title_hide_callback.call( slide_title );
}
function hide_video_button() {
var video_link = get_slide_option( current_slide, 'data-video-link' );
if( video_link != '' && ( typeof video_link !== "undefined" ) ) {
set.videobutton_hide_callback.call( video_button );
}
}
function show_slide( index ) {
current_slide = show_slide_internal( index, false );
if( set.show_titles )
show_title_for_current_slide();
$this.find('.slider-slice').remove();
if( set.show_timer && circular_timer )
circular_timer.show();
}
function get_next_slide_index() {
next_slide = current_slide + 1;
if( next_slide > slides_amount - 1 )
next_slide = 0;
}
function get_prev_slide_index() {
next_slide = current_slide - 1;
if( next_slide < 0 )
next_slide = slides_amount - 1;
}
function hide_primary_nav() {
if( !is_mouse_inside ) {
var buttons = '#pp-button, #next-button, #prev-button';
if( theme == 'modern' ) {
buttons = '#next-button, #prev-button';
}
$this.find(buttons).stop();
$this.find(buttons).fadeOut(set.auto_hide_primary_time);
}
}
function hide_secondary_nav() {
if( !is_mouse_inside ) {
if( set.socondary_nav_type == 'thumbs' || set.socondary_nav_type == 'bullets' ) {
secondary_nav_container.stop();
//secondary_nav_container.fadeOut(set.auto_hide_secondary_time);
set.auto_hide_secondary_callback.call( secondary_nav_container );
}
}
}
function embedd_video_and_play() {
var video_link = get_slide_option( current_slide, 'data-video-link' );
if( video_link != '' && ( typeof video_link !== "undefined" ) ) {
if( video_link.match(/http:\/\/www.youtube.com\//) )
$slides.children('li').eq( current_slide ).append('
');
else if( video_link.match(/http:\/\/player.vimeo.com\//) )
$slides.children('li').eq( current_slide ).append('
');
else
return;
video_is_playing = true;
freeze_progress();
video_button.removeClass('play').addClass('close');
if( set.ken_burns_for_slides ) {
$slides.children('li').eq(current_slide).find('img.bk_ken_burns_img').not('.bk_canvas_underlay img').each(function(i) {
var id = $(this).attr('src') + "_" + i;
var ref = slides_ken_burns_map[id];
if( typeof ref !== "undefined") {
ref.kenburns_plugin.Pause();
}
});
}
}
}
function remove_video() {
$slides.children('li').eq( current_slide ).find("#bk-diamond-embedded-player").remove();
video_is_playing = false;
video_button.removeClass('close').addClass('play');
if( set.ken_burns_for_slides ) {
$slides.children('li').eq(current_slide).find('img.bk_ken_burns_img').not('.bk_canvas_underlay img').each(function(i) {
var id = $(this).attr('src') + "_" + i;
var ref = slides_ken_burns_map[id];
if( typeof ref !== "undefined") {
ref.kenburns_plugin.Play();
}
});
}
}
//=================================END OF FUNCTIONS==========================================================================
if (jQuery.browser.webkit && document.readyState != "complete"){
setTimeout( arguments.callee, 100 );
return;
}
//=================================MAIN======================================================================================
$slides.hide();
preload_all_img_and_thumbs();
//================================END OF MAIN=====================================================================
//================================EVENT HANDLERS==================================================================
function bind_all_events() {
video_button.click(
function(event){
if( video_is_playing ) {
remove_video();
} else {
embedd_video_and_play();
}
}
);
$this.live( slice_anim_finished_event,
function(event) {
slices_finished++;
if( slices_finished == slices_count )
{
slices_finished = 0;
show_slide( next_slide );
is_animating_transition = false;
if( is_playing && pause_on_hover && set.interactive_while_playing && !is_mouse_inside )
setTimeout(function(){time_tick();}, 10);
}
}
);
$this.mouseenter(
function(event){
is_mouse_inside = true;
if( is_playing && pause_on_hover && set.interactive_while_playing && !is_animating_transition )
freeze_progress();
if( set.auto_hide_primary_nav )
{
clearTimeout( auto_hide_primary_timer );
var buttons = '#pp-button, #next-button, #prev-button';
if( theme == 'modern' ) {
buttons = '#next-button, #prev-button';
}
$this.find(buttons).stop();
$this.find(buttons).fadeTo(set.auto_hide_primary_time, 1);
}
if( set.auto_hide_secondary_nav )
{
if( set.socondary_nav_type == 'thumbs' || set.socondary_nav_type == 'bullets' ) {
clearTimeout( auto_hide_secondary_timer );
//secondary_nav_container.stop();
//secondary_nav_container.fadeTo(set.auto_hide_secondary_time, 1);
set.auto_show_secondary_callback.call( secondary_nav_container );
}
}
//window.//console.log("slider $this.mouseenter: " );
return true;
});
$this.mouseleave(
function(event){
is_mouse_inside = false;
if( is_playing && pause_on_hover && set.interactive_while_playing && !is_animating_transition && !video_is_playing )
launch_progress();
if( set.auto_hide_primary_nav )
{
auto_hide_primary_timer = setTimeout(function(){hide_primary_nav();}, set.auto_hide_primary_nav_delay);
}
if( set.auto_hide_secondary_nav )
{
if( set.socondary_nav_type == 'thumbs' || set.socondary_nav_type == 'bullets' )
auto_hide_secondary_timer = setTimeout(function(){hide_secondary_nav();}, set.auto_hide_secondary_nav_delay);
}
//window.//console.log("slider $this.mouseleave: " );
return true;
});
$this.find("div.bk-diamond-secondary-nav .bk-thumb-img-frame").mouseenter(
function(event){
if( set.show_thumb_titles )
show_thumb_title( $(this).find('div.bk-thumb-title') );
});
$this.find("div.bk-diamond-secondary-nav .bk-thumb-img-frame").mouseleave(
function(event){
if( set.show_thumb_titles )
hide_thumb_title( $(this).find('div.bk-thumb-title') );
});
$this.find('#pp-button').click(
function(event){
if( !is_animating_transition )
toggle_play();
});
$this.find('#next-button').click(
function(event){
if( !is_animating_transition )
go_to_next_slide();
});
$this.find('#prev-button').click(
function(event){
if( !is_animating_transition )
go_to_prev_slide();
});
$this.find("div.bk-diamond-secondary-nav .bk-secondary-nav-item").click(
function(event){
if( !is_animating_transition ) {
var i = jQuery(this).attr("rel");
if( i != current_slide )
go_to_slide_number( i );
}
});
$this.find('div.bk-sec-top').live( 'click',
function(event) {
var shift = ver_sec_snap;
if( secondary_nav_wrap.position().top + shift >= $(this).outerHeight( true ) )
shift = secondary_nav_wrap.position().top * -1 + $(this).outerHeight( true );
if( shift < 0 )
shift = 0;
secondary_nav_wrap.stop();
secondary_nav_wrap.animate({top: '+=' + shift}, 'fast', 'swing' );
}
);
$this.find('div.bk-sec-bottom').live( 'click',
function(event) {
var shift = ver_sec_snap;
if( secondary_nav_wrap.position().top + secondary_nav_wrap.height() - shift <= height - $(this).outerHeight( true ) )
shift = ( secondary_nav_wrap.position().top + secondary_nav_wrap.height() ) - height + $(this).outerHeight( true );
if( shift < 0)
shift = 0;
secondary_nav_wrap.stop();
secondary_nav_wrap.animate({top: '-=' + shift}, 'fast', 'swing' );
}
);
$this.find('div.bk-sec-left').live( 'click',
function(event) {
var shift = hor_sec_snap;
if( secondary_nav_wrap.position().left + shift >= $(this).outerWidth( true ) )
shift = secondary_nav_wrap.position().left * -1 + $(this).outerWidth( true );
if( shift < 0 )
shift = 0;
secondary_nav_wrap.stop();
secondary_nav_wrap.animate({left: '+=' + shift}, 'fast', 'easeOutBack' );
}
);
$this.find('div.bk-sec-right').live( 'click',
function(event) {
var shift = hor_sec_snap;
if( secondary_nav_wrap.position().left + secondary_nav_wrap.width() - shift <= width - $(this).outerWidth( true ) )
shift = ( secondary_nav_wrap.position().left + secondary_nav_wrap.width() ) - width + $(this).outerWidth( true );
if( shift < 0 )
shift = 0;
secondary_nav_wrap.stop();
secondary_nav_wrap.animate({left: '-=' + shift}, 'fast', 'easeOutBack' );
}
);
}
//================================END OF EVENT HANDLERS==================================================================
});
};
})(jQuery);