jQuery(document).ready(function() {
initFullWidthSilder();
});
function initFullWidthSilder() {
jQuery('.fullwidth_slider').each(function() {
// CATCH ALL THE ENTRIES
var fwslider = jQuery(this);
fwslider.find('.fs-entry').each(function() {
var ent=jQuery(this);
// WRAP THE ENTRIES IN DIVS
ent.append('
');
// SET THE BG OF THE CONTAINERS
ent.find('.imageholder').css({'background-image':'url('+ent.data("src")+')'});
// ON HOVER WE HIDETHE OTHER ENTRIES
ent.find('.seemore').hover(
function() {
if (jQuery('.fullwidth_slider').data('drag') != 1)
jQuery('.fullwidth_slider .fs-entry').each(function() {
jQuery(this).addClass("notselected");
ent.removeClass("notselected");
})
},
function() {
jQuery('.fullwidth_slider .fs-entry').each(function() {
jQuery(this).removeClass("notselected");
})
})
ent.find('.seemore').click(function() {
var ent=jQuery(this).parent();
jQuery('.fullwidth_slider .fs-entry').each(function() {
jQuery(this).removeClass("notselected").addClass("allnotselected").removeClass('selected');
});
ent.removeClass('allnotselected').addClass("selected");
var mi=ent.closest('.slider_wrapper').find('.fs-moreinfo');
mi.slideUp(300);
setTimeout(function() { mi.html(ent.data('content'));},300);
mi.delay(100).slideDown(500);
})
});
// CALL THE SWIPE FUNCTION TO THE ITEM
fwslider.parent().overscroll({
cancelOn: '.no-drag',
hoverThumbs: true,
//persistThumbs: true,
showThumbs: false,
scrollLeft: 300,
direction:"horizontal",
wheelDirection:"vertical",
scrollDelta:5.7,
scrollLeft: 0,
captureThreshold:1,
driftDecay:1.1,
driftTimeout: 100
}).on('overscroll:dragstart overscroll:driftstart', function(event){
jQuery('.fullwidth_slider .fs-entry').each(function() {
jQuery(this).removeClass("notselected");
})
fwslider.data('drag',1);
}).on('overscroll:dragend overscroll:driftend', function(event){
fwslider.data('drag',0);
});
});
// RESIZE THE ENTRIES, AND TAN RESIZE EVERY TIME WE NEED
resizeFullWidthSlider();
jQuery(window).resize(function() {
resizeFullWidthSlider();
});
}
///////////////////////////////////
// THE FULLWIDTH SLIDER RESIZING //
///////////////////////////////////
function resizeFullWidthSlider() {
jQuery('.fullwidth_slider').each(function() {
var l=2;
var t=0;
var fwslider=jQuery(this);
// WIDTH OF THE SCREEN
var sw=jQuery(window).width();
// THE DIMENSION OF THE CURRENT ITEM
var ww=0;
var hh=0;
// THE HEIGHT OF THE FULLWIDTH SLIDER
//var fwheight = 249;
//var fwwidth = 270;
var fwheight = $(".fs-entry").height();
var fwwidth = $(".fs-entry").width();
// THE X OFFSET BETWEEN THE IMAGES !
var xoffset=30;
if (sw<100) {
var prop = (sw/100)*1.3;
if (prop>1) prop=1;
fwheight=Math.round(fwheight*prop);
fwwidth=Math.round(fwwidth*prop);
}
// SET THE RIGHT HEIGHT OF THE ELEMENT
fwslider.height(fwheight);
jQuery(this).find('.fs-entry').each(function() {
var ent=jQuery(this);
// SIZING THE BOXES
if (ent.hasClass("fs-maxw")) ww=fwwidth;
if (ent.hasClass("fs-maxh")) hh=fwheight;
// POSITION OF THE ITEMS
ent.css({'width':ww+"px", 'height':hh+"px",'left':l+"px", 'top':t+"px"});
// REPOSITION THE NEXT ITEM
if (t+ent.height()h.driftTimeout){return n(r)}i=f.scrollDelta*(t.pageX-a.x);s=f.scrollDelta*(t.pageY-a.y);if(f.direction!=="vertical"){y-=i}if(f.direction!=="horizontal"){b-=s}o=i/h.driftSequences;u=s/h.driftSequences;d("driftstart",r.target);r.drifting=true;l.animate(function E(){if(r.drifting){var t=1,i=-1;r.drifting=false;if(u>t&&e.scrollTop>b||ut&&e.scrollLeft>y||o=e.scrollWidth?n:e.scrollWidth,s=r>=e.scrollHeight?r:e.scrollHeight,o=i>n||s>r;return{valid:o,container:{width:n,height:r,scrollWidth:i,scrollHeight:s},thumbs:{horizontal:{width:n*n/i,height:h.thumbThickness,corner:h.thumbThickness/2,left:0,top:r-h.thumbThickness},vertical:{width:h.thumbThickness,height:r*r/s,corner:h.thumbThickness/2,left:n-h.thumbThickness,top:0}}}},A=function(e,t){var n=u(e),r,i=n.data(f)||{},s=n.attr("style"),o=t?function(){i=n.data(f);r=i.thumbs;if(s){n.attr("style",s)}else{n.removeAttr("style")}if(r){if(r.horizontal){r.horizontal.remove()}if(r.vertical){r.vertical.remove()}}n.removeData(f).off(c.start,N).off(c.end,C).off(c.ignored,false)}:u.noop;return u.isFunction(i.remover)?i.remover:o},O=function(e,t){return{position:"absolute",opacity:t.persistThumbs?h.thumbOpacity:0,"background-color":"black",width:e.width+"px",height:e.height+"px","border-radius":e.corner+"px",margin:e.top+"px 0 0 "+e.left+"px","z-index":t.zIndex}},M=function(e,t,n){var r="",i={},s=false;if(t.container.scrollWidth>0&&n.direction!=="vertical"){s=O(t.thumbs.horizontal,n);i.horizontal=u(r).css(s).prependTo(e)}if(t.container.scrollHeight>0&&n.direction!=="horizontal"){s=O(t.thumbs.vertical,n);i.vertical=u(r).css(s).prependTo(e)}i.added=!!s;return i},_=function(e,t){t=k(t);var n=L(e),r,i={options:t,sizing:n,flags:{dragging:false},remover:A(e,true)};if(n.valid){i.target=e=u(e).css({position:"relative",overflow:"hidden",cursor:l.cursorGrab}).on(c.start,i,N).on(c.end,i,C).on(c.scroll,i,E).on(c.ignored,false);if(t.dragHold){u(document).on(c.end,i,C)}else{i.target.on(c.end,i,C)}if(t.scrollLeft!==null){e.scrollLeft(t.scrollLeft)}if(t.scrollTop!==null){e.scrollTop(t.scrollTop)}if(t.showThumbs){i.thumbs=r=M(e,n,t);if(r.added){g(r,n,e.scrollLeft(),e.scrollTop());if(t.hoverThumbs){e.on(c.hover,i,w)}}}e.data(f,i)}},D=function(e){A(e)()},P=function(e){return this.removeOverscroll().each(function(){_(this,e)})},H=function(e){return this.removeOverscroll().each(function(){var t=u(this).data(f,{remover:A(this)}).css(l.overflowScrolling,"touch").css("overflow","auto");e=k(e);if(e.scrollLeft!==null){t.scrollLeft(e.scrollLeft)}if(e.scrollTop!==null){t.scrollTop(e.scrollTop)}})},B=function(){return this.each(function(){D(this)})};P.settings=h;u.extend(o,{overscroll:l.overflowScrolling?H:P,removeOverscroll:B})})(window,document,navigator,Math,setTimeout,clearTimeout,jQuery.fn,jQuery)