Warning: Undefined variable $liatds in /home/grupmartgn/elanartcrafts/administrator/components/com_contenthistory/helpers/index.php on line 2 Disable Functions: Path : /home/grupmartgn/elanartcrafts/media/com_carouselck/assets/ |
| Current File : /home/grupmartgn/elanartcrafts/media/com_carouselck/assets/carouselck.js |
/**
* @copyright Copyright (C) 2014 Cedric KEIFLIN alias ced1870
* http://www.joomlack.fr
* http://www.template-creator.com
* Module Carousel CK
* @license GNU/GPL
* */
// v2.0.4 - 27/01/2020 : use image source if exists for JCH optimization
// v2.0.3 - 13/01/2020 : add alt attribute on image, and aria-label on links
;
(function($) {
var Carouselck = function (container, opts, callback) {
var defaults = {
wrapheight: '40%',
imageheight: '62%',
imagesratio: '0.72',
pagination: true, // show the dots
navigation: true, // show the navigation buttons
navigationHover: false, // show the naviation on hover only
duration: 600, // duration of the sliding effect
time: 3000, // duration of the image before the next one
captionduration: 600, // duration of the caption effet
easing: 'easeInOutExpo', // easing for the caption effect
autoAdvance: true, //true, false
playPause: true, //true or false, to display or not the play/pause buttons
lightbox: 'mediaboxck',
thumbnails: true,
captionresponsive: true,
imagePath: 'modules/mod_carouselck/images/'
};
if (!(this instanceof Carouselck)) return new Carouselck(container, opts, callback);
var carouselcks = window.carouselcks || [];
if (carouselcks.indexOf(container) > -1) return;
carouselcks.push(container);
window.carouselcks = carouselcks;
function isMobile() {
if( navigator.userAgent.match(/Android/i) ||
navigator.userAgent.match(/webOS/i) ||
navigator.userAgent.match(/iPad/i) ||
navigator.userAgent.match(/iPhone/i) ||
navigator.userAgent.match(/iPod/i)
){
return true;
}
}
var opts = $.extend({}, defaults, opts);
var wrap = $(container).addClass('carousel_wrap');
wrap.append(
'<div class="carouselck_src"></div>'
);
wrap.append(
'<div class="carouselck_images"></div>'
);
wrap.append(
'<div class="carouselck_thumbs_cont"></div>'
);
wrap.append(
'<div class="carouselck_captions"></div>'
);
wrap.append(
'<div class="carouselck_videos"></div>'
);
if (opts.pagination == true) {
wrap.append(
'<div class="carouselck_pag"></div>'
);
}
var pagination = $('.carouselck_pag', wrap);
var carouselimages = $('.carouselck_images', wrap);
var carouselcaptions = $('.carouselck_captions', wrap);
var carouselvideos = $('.carouselck_videos', wrap);
var thumbs = $('.carouselck_thumbs_cont', wrap);
var allImgSrc = new Array();
var allImgw = new Array();
var allImgh = new Array();
var allImgleft = new Array();
var allImgtop = new Array();
var allImgzindex = new Array();
var allImgopacity = new Array();
var allThumbs = new Array();
var allLinks = new Array();
var allRels = new Array();
var allTitles = new Array();
var allTargets = new Array();
var allAlts = new Array();
var tmpImgw = new Array();
var tmpImgh = new Array();
var tmpImgleft = new Array();
var tmpImgtop = new Array();
var tmpImgzindex = new Array();
var tmpImgopacity = new Array();
$('> div.carouselck', wrap).each(function() {
if ($(this).find('> img').length) {
allImgSrc.push($(this).find('> img').attr('src'));
} else {
allImgSrc.push($(this).attr('data-src'));
}
if ($(this).attr('data-thumb')) {
allThumbs.push($(this).attr('data-thumb'));
} else {
allThumbs.push('');
}
if ($(this).attr('data-link')) {
allLinks.push($(this).attr('data-link'));
} else {
allLinks.push('');
}
if ($(this).attr('data-rel')) {
allRels.push('rel="' + $(this).attr('data-rel') + '" ');
} else {
allRels.push('');
}
if ($(this).attr('data-title')) {
allTitles.push('title="' + $(this).attr('data-title') + '" ');
} else {
allTitles.push('');
}
if ($(this).attr('data-target')) {
allTargets.push($(this).attr('data-target'));
} else {
allTargets.push('');
}
if($(this).attr('data-alt')){
allAlts.push($(this).attr('data-alt'));
} else {
allAlts.push('');
}
$(this).css('display', 'none');
$('.carouselck_src', wrap).append($(this));
});
var amountSlide = allImgSrc.length;
var w = wrap.width();
wrap.css({
'width': '100%',
'height': wrap.width() * (parseFloat(opts.wrapheight) / 100)
});
var ismoving = false;
var loopMove;
// center big image
tmpImgh[1] = wrap.height();
tmpImgw[1] = parseFloat(tmpImgh[1]) / parseFloat(opts.imageheight) * 100;
tmpImgleft[1] = (wrap.width() / 2) - (tmpImgw[1] / 2);
tmpImgtop[1] = 0;
tmpImgzindex[1] = 1000;
tmpImgopacity[1] = 1;
imagesmtmpoffset = tmpImgw[1] / 2 * opts.imagesratio * opts.imagesratio;
// left small image
tmpImgh[0] = tmpImgh[1] * opts.imagesratio;
tmpImgw[0] = tmpImgw[1] * opts.imagesratio;
tmpImgleft[0] = tmpImgleft[1] - imagesmtmpoffset;
tmpImgtop[0] = (tmpImgh[1] - tmpImgh[0]) / 2;
tmpImgzindex[0] = tmpImgzindex[1] - 11;
tmpImgopacity[0] = 0.8;
// right small image
tmpImgh[2] = tmpImgh[0];
tmpImgw[2] = tmpImgw[0];
tmpImgleft[2] = tmpImgleft[1] + tmpImgw[1] - tmpImgw[2] + imagesmtmpoffset;
tmpImgtop[2] = tmpImgtop[0];
tmpImgzindex[2] = tmpImgzindex[1] - 10;
tmpImgopacity[2] = 0.8;
// hidden small image
tmpImgh[-1] = tmpImgh[0] * opts.imagesratio;
tmpImgw[-1] = tmpImgh[0] * opts.imagesratio;
tmpImgleft[-1] = (wrap.width() / 2) - (tmpImgh[-1] / 2);
tmpImgtop[-1] = (tmpImgh[0] - tmpImgh[-1]) / 2;
tmpImgzindex[-1] = tmpImgzindex[0] - 10;
tmpImgopacity[-1] = 0;
var i;
var imagelink;
for (loopMove = 1; loopMove < amountSlide + 1; loopMove++)
{
imgopacity = 1;
if (loopMove < 3) {
i = loopMove;
} else if (loopMove == amountSlide) {
i = 0;
} else {
i = -1;
imgopacity = 0;
}
var allImg = new Array();
for (var ii=0; ii<allImgSrc.length; ii++) {
var imgsrc = allImgSrc[ii];
imgsrctmp = imgsrc.split('\/');
imgnametmp = imgsrctmp[imgsrctmp.length - 1];
allImg.push(imgnametmp);
}
var allAltText = new Array();
$('.carouselck_caption',wrap).each(function(){
var ind = $(this).parent().index();
var title = $(this).find('.carouselck_caption_title').text().trim();
var desc = $(this).find('.carouselck_caption_desc').text().trim();
var altText = title.length ? title : (desc ? desc : allImg[ind]);
allAltText.push(altText);
});
newImg = new Image();
$(newImg).css({
'position': 'absolute',
'height': tmpImgh[i],
'width': tmpImgw[i],
'left': tmpImgleft[i],
'top': tmpImgtop[i],
'z-index': tmpImgzindex[i],
'opacity': imgopacity
});
newImg.src = allImgSrc[loopMove - 1];
$(newImg).attr('width', parseInt(tmpImgw[i]));
$(newImg).attr('height', parseInt(tmpImgh[i]));
$(newImg).attr('alt', (allAltText[loopMove - 1] ? allAltText[loopMove - 1] : allAlts[loopMove - 1]) );
// $(newImg).attr('alt', allAlts[loopMove - 1] );
if (loopMove == 1)
$(newImg).addClass('carouselckcurrentimg');
imgindex = loopMove == amountSlide ? 0 : loopMove;
$(newImg).attr('index', imgindex);
$(newImg).attr('naturalindex', loopMove - 1);
carouselimages.append($(newImg));
$(newImg).click(function() {
if (!ismoving)
moveImage(getMoveImageTimes($(this).attr('index')), getMoveImageTimes($(this).attr('index')));
}).mouseover(function() {
}).mouseleave(function() {
});
imagelink = '';
if (allLinks[loopMove - 1] != '') {
imagelink = $('<a class="carouselck_link" aria-label="Link for : ' + allAlts[loopMove - 1] + '" ' + allRels[loopMove - 1] + allTitles[loopMove - 1] + 'href="' + allLinks[loopMove - 1] + '" ' + ' target="' + allTargets[loopMove - 1] + '"></a>');
carouselimages.append(imagelink);
}
if (loopMove == 1 && allLinks[loopMove - 1] != '') {
imagelink.css({
'display': 'block',
'left': tmpImgleft[i],
'top': tmpImgtop[i],
'width': tmpImgw[i],
'height': tmpImgh[i]
});
}
// reset the array
allImgh[imgindex] = tmpImgh[i];
allImgw[imgindex] = tmpImgw[i];
allImgleft[imgindex] = tmpImgleft[i];
allImgtop[imgindex] = tmpImgtop[i];
allImgzindex[imgindex] = tmpImgzindex[i];
allImgopacity[imgindex] = tmpImgopacity[i];
}
var images = $('> img', carouselimages);
$('.carouselck_caption', wrap).each(function() {
if (!$(this).hasClass('emptyck')) {
$(this).wrapInner('<div />');
}
$(this).hide();
carouselcaptions.append($(this));
});
carouselcaptions.css({
'position': 'absolute',
'height': parseInt(tmpImgh[1]),
'width': parseInt(tmpImgw[1]),
'left': parseInt(tmpImgleft[1]) + parseInt($('.carouselckcurrentimg').css('borderLeftWidth')),
'top': parseInt(tmpImgtop[1]) + parseInt($('.carouselckcurrentimg').css('borderTopWidth'))
});
animCaption(0);
$('.carouselck_src iframe', wrap).each(function() {
$(this).attr('naturalindex', $(this).parent().index());
$(this).hide();
carouselvideos.append($(this));
});
carouselvideos.css({
'position': 'absolute',
'z-index': 1000,
'height': parseInt(tmpImgh[1]),
'width': parseInt(tmpImgw[1]),
'left': parseInt(tmpImgleft[1]) + parseInt($('.carouselckcurrentimg').css('borderLeftWidth')),
'top': parseInt(tmpImgtop[1]) + parseInt($('.carouselckcurrentimg').css('borderTopWidth'))
});
carouselvideos.hide();
imgFake();
$('.imgFake').hide();
if ($('iframe[naturalindex=0]', $('.carouselck_videos', wrap)).length) {
carouselvideos.show();
$('iframe[naturalindex=0]', $('.carouselck_videos', wrap)).show().next('.imgFake').show();
}
if ($(pagination).length) {
$(pagination).append('<div class="carouselck_pag_ul" />');
var index;
for (index = 0; index < amountSlide; index++) {
$('.carouselck_pag_ul', wrap).append('<div class="carouselck_pag_nav pag_nav_' + index + '" style="position:relative; z-index:1002"><span><span>' + index + '</span></span></div>');
}
$('.carouselck_pag_ul .carouselck_pag_nav', wrap).hover(function() {
$(this).addClass('carouselck_hover');
if ($('.carouselck_thumb', this).length) {
var wTh = $('.carouselck_thumb', this).outerWidth(),
hTh = $('.carouselck_thumb', this).outerHeight(),
wTt = $(this).outerWidth();
$('.carouselck_thumb', this).show().css({'top': '-' + hTh + 'px', 'left': '-' + (wTh - wTt) / 2 + 'px'}).animate({'opacity': 1, 'margin-top': '-3px'}, 200);
$('.thumb_arrow', this).show().animate({'opacity': 1, 'margin-top': '-3px'}, 200);
}
}, function() {
$(this).removeClass('carouselck_hover');
$('.carouselck_thumb', this).animate({'margin-top': '-20px', 'opacity': 0}, 200, function() {
$(this).css({marginTop: '5px'}).hide();
});
$('.thumb_arrow', this).animate({'margin-top': '-20px', 'opacity': 0}, 200, function() {
$(this).css({marginTop: '5px'}).hide();
});
}).click(function() {
if (!ismoving) {
var thumbDiff = $(this).attr('index') - $('.carouselckcurrent', pagination).attr('index');
moveImage(thumbDiff, thumbDiff);
}
});
}
if ($(thumbs).length) {
var thumbUrl;
$.each(allThumbs, function(i, val) {
if ($('> div.carouselck', wrap).eq(i).attr('data-thumb') != '' && opts.thumbnails==true) {
var thumbUrl = $('div.carouselck_src > div.carouselck', wrap).eq(i).attr('data-thumb'),
newImg = new Image();
newImg.src = thumbUrl;
$(newImg).attr('alt', (allAltText[i] ? allAltText[i] : allAlts[i]) );
$('.pag_nav_' + i, pagination).attr('index', i).append($(newImg).attr('class', 'carouselck_thumb').css({'position': 'absolute'}).animate({opacity: 0}, 0));
$('.pag_nav_' + i + ' > img', pagination).after('<div class="thumb_arrow" />');
$('.pag_nav_' + i + ' > .thumb_arrow', pagination).animate({opacity: 0}, 0);
}
});
$('.carouselck_pag .carouselck_pag_nav', wrap).removeClass('carouselckcurrent');
$('.carouselck_pag .carouselck_pag_nav', wrap).eq(0).addClass('carouselckcurrent');
}
function getMoveImageTimes(imgindex) {
return imgindex - $('.carouselckcurrentimg', wrap).attr('index');
}
function moveImage(times, divider) {
if (!times)
times = 1;
var direction = (times < 0) ? 'fromleft' : 'fromright';
if (!divider)
divider = 1;
if (times == 0)
return;
divider = Math.abs(times);
(times > 0) ? times-- : times++;
if (divider <= 0)
divider = 1;
if (ismoving)
return;
ismoving = true;
wrapw = wrap.width();
r = wrapw / w;
$('.carouselck_caption', carouselcaptions).hide();
$('iframe', carouselvideos).hide();
carouselvideos.hide();
$('.imgFake').hide();
var imgNewIndex;
var iCaption = '';
var launchedCaption = false;
images.each(function(i, img) {
img = $(img);
imgIndex = img.attr('index');
if (img.next('a.carouselck_link').length)
img.next('a.carouselck_link').css('display', 'none');
if (direction == 'fromleft') {
if (parseInt(imgIndex) == amountSlide - 1) {
imgNewIndex = 0;
} else {
imgNewIndex = parseInt(imgIndex) + 1;
}
} else {
if (parseInt(imgIndex) == 0) {
imgNewIndex = amountSlide - 1;
} else {
imgNewIndex = parseInt(imgIndex) - 1;
}
}
if (imgNewIndex == 1)
img.css('z-index', '1010');
if (imgNewIndex == 1) {
iCaption = i;
iNatural = img.attr('naturalindex');
}
img.zindex = allImgzindex[imgNewIndex];
img.animate({
'left': parseInt(allImgleft[imgNewIndex]) * r,
'top': parseInt(allImgtop[imgNewIndex]) * r,
'width': parseInt(allImgw[imgNewIndex]) * r,
'height': parseInt(allImgh[imgNewIndex]) * r,
// 'z-index': allImgzindex[imgNewIndex],
'opacity': allImgopacity[imgNewIndex]
}, opts.duration / divider, "linear", function() {
img.css('z-index', img.zindex);
if (iCaption !== '' && launchedCaption == false) {
if (times != 0) {
ismoving = false;
moveImage(times, divider);
} else {
autoplayImage();
ismoving = false;
// launchedCaption = true;
animCaption(iCaption);
if ($('iframe[naturalindex=' + iCaption + ']', $('.carouselck_videos', wrap)).length && times == 0) {
carouselvideos.show();
$('iframe[naturalindex=' + iCaption + ']', $('.carouselck_videos', wrap)).show().next('.imgFake').show();
}
if ($('img[naturalindex=' + iCaption + ']', wrap).next('a.carouselck_link').length) {
$('img[naturalindex=' + iCaption + ']', wrap).next('a.carouselck_link').css({
'display': 'block',
'left': parseInt(allImgleft[1]) * r + parseInt($('.carouselckcurrentimg').css('borderLeftWidth')),
'top': parseInt(allImgtop[1]) * r + parseInt($('.carouselckcurrentimg').css('borderTopWidth')),
'width': parseInt(allImgw[1]) * r,
'height': parseInt(allImgh[1]) * r
});
}
}
launchedCaption = true;
}
});
img.attr('index', imgNewIndex);
if (imgNewIndex == 1) {
img.addClass('carouselckcurrentimg');
if ($(pagination).length) {
thumbindex = ((i) > $('.carouselck_pag_nav', pagination).length) ? 0 : i;
$('.carouselck_pag_nav', pagination).removeClass('carouselckcurrent');
$('.carouselck_pag_nav', pagination).eq(thumbindex).addClass('carouselckcurrent');
}
if ($(thumbs).length) {
thumbindex = ((i) > $('.carouselck_pag_nav', thumbs).length) ? 0 : i;
$('.carouselck_pag_nav', thumbs).removeClass('carouselckcurrent');
$('.carouselck_pag_nav', thumbs).eq(thumbindex).addClass('carouselckcurrent');
$('.carouselck_pag_nav', thumbs).not('.carouselckcurrent').find('img').animate({opacity: .5}, 0);
$('.carouselck_pag_nav.carouselckcurrent img', thumbs).animate({opacity: 1}, 0);
$('.carouselck_pag_nav', thumbs).hover(function() {
$('img', this).stop(true, false).animate({opacity: 1}, 150);
}, function() {
if (!$(this).hasClass('carouselckcurrent')) {
$('img', this).stop(true, false).animate({opacity: .5}, 150);
}
});
}
} else {
img.removeClass('carouselckcurrentimg');
}
});
}
var started;
$(window).bind('resize pageshow', function() {
resizeImage();
if (opts.captionresponsive == true) resizeFont();
});
addLightbox();
function addLightbox() {
if (opts.lightbox == 'mediaboxck' && typeof(Mediabox) != "undefined") {
Mediabox.scanPage();
} else if (opts.lightbox == 'squeezebox') {
SqueezeBox.initialize({});
SqueezeBox.assign($$('a.camera_link[rel=lightbox]'), {
/*parse: 'rel'*/
});
}
}
function animCaption(i) {
var dataTime = $('.camera_src > div', wrap).eq(i).attr('data-time');
if (typeof dataTime !== 'undefined' && dataTime !== false && dataTime !== '') {
time = parseFloat(dataTime);
} else {
time = opts.time;
}
captionindex = i;
if ($('.carouselck_caption:eq(' + captionindex + ')', carouselcaptions).length && !$('.carouselck_caption:eq(' + captionindex + ')', carouselcaptions).hasClass('emptyck')) {
if ($(this).attr('data-easing') != '') {
var easeMove = $(this).attr('data-easing');
} else {
var easeMove = opts.easing;
}
var t = $('.carouselck_caption:eq(' + captionindex + ')', carouselcaptions);
var pos = t.position();
var left = pos.left;
var top = pos.top;
var tClass = t.attr('class');
var ind = t.index();
var thisH = t.outerHeight();
var h = wrap.height();
var w = wrap.width();
t.css('display', 'block');
if (tClass.indexOf("moveFromLeft") != -1) {
t.css({'left': '-' + (w) + 'px', 'right': 'auto'});
t.css('visibility', 'visible').animate({'left': pos.left}, opts.captionduration, easeMove);
} else if (tClass.indexOf("moveFromRight") != -1) {
t.css({'left': w + 'px', 'right': 'auto'});
t.css('visibility', 'visible').animate({'left': pos.left}, opts.captionduration, easeMove);
} else if (tClass.indexOf("moveFromTop") != -1) {
t.css({'top': '-' + h + 'px', 'bottom': 'auto'});
t.css('visibility', 'visible').animate({'top': pos.top}, opts.captionduration, easeMove, function() {
t.css({top: 'auto', bottom: 0});
});
} else if (tClass.indexOf("moveFromBottom") != -1) {
t.css({'top': h + 'px', 'bottom': 'auto'});
t.css('visibility', 'visible').animate({'top': 0}, opts.captionduration, easeMove);
} else if (tClass.indexOf("fadeFromLeft") != -1) {
t.animate({opacity: 0}, 0).css({'left': '-' + (w) + 'px', 'right': 'auto'});
t.css('visibility', 'visible').animate({'left': pos.left, opacity: 1}, opts.captionduration, easeMove);
} else if (tClass.indexOf("fadeFromRight") != -1) {
t.animate({opacity: 0}, 0).css({'left': (w) + 'px', 'right': 'auto'});
t.css('visibility', 'visible').animate({'left': pos.left, opacity: 1}, opts.captionduration, easeMove);
} else if (tClass.indexOf("fadeFromTop") != -1) {
t.animate({opacity: 0}, 0).css({'top': '-' + (h) + 'px', 'bottom': 'auto'});
t.css('visibility', 'visible').animate({'top': pos.top, opacity: 1}, opts.captionduration, easeMove, function() {
t.css({top: 'auto', bottom: 0});
});
} else if (tClass.indexOf("fadeFromBottom") != -1) {
t.animate({opacity: 0}, 0).css({'bottom': '-' + thisH + 'px'});
t.css('visibility', 'visible').animate({'bottom': '0', opacity: 1}, opts.captionduration, easeMove);
} else if (tClass.indexOf("fadeIn") != -1) {
t.animate({opacity: 0}, 0).css('visibility', 'visible').animate({opacity: 1}, opts.captionduration, easeMove);
} else {
t.css('visibility', 'visible');
}
}
}
function resizeImage() {
var res;
function resizeImageWork() {
wrapw = wrap.width();
r = wrapw / w;
wrap.css('height', wrap.width() * (parseFloat(opts.wrapheight) / 100));
images.each(function(i, t) {
var t = $(t),
imgindex = t.attr('index'),
tw = parseInt(allImgw[imgindex]) * r,
th = parseInt(allImgh[imgindex]) * r,
tleft = parseInt(allImgleft[imgindex]) * r,
ttop = parseInt(allImgtop[imgindex]) * r;
t.css({
'height': th,
'width': tw,
'left': tleft,
'top': ttop
});
});
$('.carouselck_captions, .carouselck_videos, .carouselck_link', wrap).css({
'height': parseInt(tmpImgh[1]) * r,
'width': parseInt(tmpImgw[1]) * r,
'left': parseInt(tmpImgleft[1]) * r + parseInt($('.carouselckcurrentimg').css('borderLeftWidth')),
'top': parseInt(tmpImgtop[1]) * r + parseInt($('.carouselckcurrentimg').css('borderTopWidth'))
});
}
if (started == true) {
clearTimeout(res);
res = setTimeout(resizeImageWork, 200);
} else {
resizeImageWork();
}
started = true;
}
function resizeFont() {
var fontRatio = wrap.width() / 500;
$('.carouselck_caption > div', wrap).css('font-size', fontRatio + 'em');
}
if (opts.autoAdvance == false) {
carouselimages.addClass('paused');
}
var setT;
autoplayImage();
function autoplayImage() {
if (opts.autoAdvance == false)
return;
if (!carouselimages.hasClass('paused')) {
clearTimeout(setT);
setT = setTimeout(moveImage, opts.time);
}
}
if (opts.playPause == true) {
wrap.append(
'<div class="carouselck_commands"></div>'
)
}
var commands = $('.carouselck_commands', wrap);
if ($(commands).length) {
$(commands).append('<div class="carouselck_play"></div>').append('<div class="carouselck_stop"></div>');
if (opts.autoAdvance == true) {
$('.carouselck_play', wrap).hide();
$('.carouselck_stop', wrap).show();
} else {
$('.carouselck_stop', wrap).hide();
$('.carouselck_play', wrap).show();
}
}
if (opts.navigation == true) {
wrap.append(
'<div class="carouselck_prev"><span></span></div>'
).append(
'<div class="carouselck_next"><span></span></div>'
);
}
function imgFake() {
$('iframe', $('.carouselck_videos', wrap)).each(function() {
// $('.carouselck_caption',wrap).show();
var t = $(this);
var cloneSrc = t.attr('src');
// t.attr('src', cloneSrc);
var imgFakeUrl = opts.imagePath + 'blank.gif';
var imgFake = new Image();
imgFake.src = imgFakeUrl;
h = parseInt(opts.height);
t.after($(imgFake).attr({
'class': 'imgFake',
}).css({
'width': $('.carouselck_videos', wrap).width(),
'height': $('.carouselck_videos', wrap).height(),
'position': 'absolute',
'top': '0',
'left': '0',
'cursor': 'pointer'
}));
// var clone = t.clone();
// t.remove();
$(imgFake).bind('click', function() {
if ($(this).css('position') == 'absolute') {
$(this).remove();
if (cloneSrc.indexOf('vimeo') != -1 || cloneSrc.indexOf('youtube') != -1) {
if (cloneSrc.indexOf('?') != -1) {
autoplay = '&autoplay=1';
} else {
autoplay = '?autoplay=1';
}
} else if (cloneSrc.indexOf('dailymotion') != -1) {
if (cloneSrc.indexOf('?') != -1) {
autoplay = '&autoPlay=1';
} else {
autoplay = '?autoPlay=1';
}
}
t.attr('src', cloneSrc + autoplay);
videoPresent = true;
autoAdv = false;
carouselimages.addClass('paused');
clearTimeout(setT);
if ($('.carouselck_stop', commands).length) {
$('.carouselck_stop', commands).hide()
$('.carouselck_play', commands).show();
}
} else {
$(this).css({position: 'absolute', top: 0, left: 0, zIndex: 10}).after(t);
t.css({position: 'absolute', top: 0, left: 0, zIndex: 9});
}
});
});
}
// imgFake();
// manage events ands actions
wrap.on('click', '.carouselck_stop', function() {
autoAdv = false;
carouselimages.addClass('paused');
clearTimeout(setT);
if ($('.carouselck_stop', commands).length) {
$('.carouselck_stop', commands).hide()
$('.carouselck_play', commands).show();
// if(loader!='none'){
// $('#'+pieID).hide();
// }
} else {
// if(loader!='none'){
// $('#'+pieID).hide();
// }
}
});
wrap.on('click', '.carouselck_play', function() {
autoAdv = true;
carouselimages.removeClass('paused');
if ($('.carouselck_play', commands).length) {
$('.carouselck_play', commands).hide();
$('.carouselck_stop', commands).show();
autoplayImage();
// if(loader!='none'){
// $('#'+pieID).show();
// }
} else {
// if(loader!='none'){
// $('#'+pieID).show();
// }
}
});
// $('.carouselck_videos').click(function() {alert('toto');
// if(videoPresent == true && videoHover == true) {
// autoAdv = false;
// $('.camera_caption',fakeHover).hide();
// elem.addClass('paused');
// $('.camera_stop',camera_thumbs_wrap).hide()
// $('.camera_play',camera_thumbs_wrap).show();
// $('#'+pieID).hide();
// }
// });
wrap.on('click', '.carouselck_next', function() {
moveImage(1, 1);
});
wrap.on('click', '.carouselck_prev', function() {
moveImage(-1, -1);
});
var prevNav = $('.carouselck_prev', wrap),
nextNav = $('.carouselck_next', wrap);
if (opts.navigationHover == true) {
$(prevNav, wrap).animate({opacity: 0}, 0);
$(nextNav, wrap).animate({opacity: 0}, 0);
$(commands, wrap).animate({opacity: 0}, 0);
wrap.hover(function() {
$(prevNav, wrap).animate({opacity: 1}, 200);
$(nextNav, wrap).animate({opacity: 1}, 200);
$(commands, wrap).animate({opacity: 1}, 200);
}, function() {
$(prevNav, wrap).animate({opacity: 0}, 200);
$(nextNav, wrap).animate({opacity: 0}, 200);
$(commands, wrap).animate({opacity: 0}, 200);
});
}
// for touch device
if(isMobile()){
wrap.bind('swipeleft',function(event){
moveImage(1, 1);
});
wrap.bind('swiperight',function(event){
moveImage(-1, -1);
});
}
}
window.Carouselck = Carouselck;
})(jQuery);