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)