/* ============================================================ script info : JSライブラリのスクリプトを記述 ============================================================ */ /*! Copyright (c) 2010 Brandon Aaron (http://brandonaaron.net) * Licensed under the MIT License (LICENSE.txt). * * Thanks to: http://adomas.org/javascript-mouse-wheel/ for some pointers. * Thanks to: Mathias Bank(http://www.mathias-bank.de) for a scope bug fix. * Thanks to: Seamus Leahy for adding deltaX and deltaY * * Version: 3.0.4 * * Requires: 1.2.2+ */ (function($) { var types = ['DOMMouseScroll', 'mousewheel']; $.event.special.mousewheel = { setup: function() { if ( this.addEventListener ) { for ( var i=types.length; i; ) { this.addEventListener( types[--i], handler, false ); } } else { this.onmousewheel = handler; } }, teardown: function() { if ( this.removeEventListener ) { for ( var i=types.length; i; ) { this.removeEventListener( types[--i], handler, false ); } } else { this.onmousewheel = null; } } }; $.fn.extend({ mousewheel: function(fn) { return fn ? this.bind("mousewheel", fn) : this.trigger("mousewheel"); }, unmousewheel: function(fn) { return this.unbind("mousewheel", fn); } }); function handler(event) { var orgEvent = event || window.event, args = [].slice.call( arguments, 1 ), delta = 0, returnValue = true, deltaX = 0, deltaY = 0; event = $.event.fix(orgEvent); event.type = "mousewheel"; // Old school scrollwheel delta if ( event.wheelDelta ) { delta = event.wheelDelta/120; } if ( event.detail ) { delta = -event.detail/3; } // New school multidimensional scroll (touchpads) deltas deltaY = delta; // Gecko if ( orgEvent.axis !== undefined && orgEvent.axis === orgEvent.HORIZONTAL_AXIS ) { deltaY = 0; deltaX = -1*delta; } // Webkit if ( orgEvent.wheelDeltaY !== undefined ) { deltaY = orgEvent.wheelDeltaY/120; } if ( orgEvent.wheelDeltaX !== undefined ) { deltaX = -1*orgEvent.wheelDeltaX/120; } // Add event and delta to the front of the arguments args.unshift(event, delta, deltaX, deltaY); return $.event.handle.apply(this, args); } })(jQuery); /*! * jScrollPane - v2.0.0beta11 - 2011-07-04 * http://jscrollpane.kelvinluck.com/ * * Copyright (c) 2010 Kelvin Luck * Dual licensed under the MIT and GPL licenses. */ // Script: jScrollPane - cross browser customisable scrollbars // // *Version: 2.0.0beta11, Last updated: 2011-07-04* // // Project Home - http://jscrollpane.kelvinluck.com/ // GitHub - http://github.com/vitch/jScrollPane // Source - http://github.com/vitch/jScrollPane/raw/master/script/jquery.jscrollpane.js // (Minified) - http://github.com/vitch/jScrollPane/raw/master/script/jquery.jscrollpane.min.js // // About: License // // Copyright (c) 2011 Kelvin Luck // Dual licensed under the MIT or GPL Version 2 licenses. // http://jscrollpane.kelvinluck.com/MIT-LICENSE.txt // http://jscrollpane.kelvinluck.com/GPL-LICENSE.txt // // About: Examples // // All examples and demos are available through the jScrollPane example site at: // http://jscrollpane.kelvinluck.com/ // // About: Support and Testing // // This plugin is tested on the browsers below and has been found to work reliably on them. If you run // into a problem on one of the supported browsers then please visit the support section on the jScrollPane // website (http://jscrollpane.kelvinluck.com/) for more information on getting support. You are also // welcome to fork the project on GitHub if you can contribute a fix for a given issue. // // jQuery Versions - tested in 1.4.2+ - reported to work in 1.3.x // Browsers Tested - Firefox 3.6.8, Safari 5, Opera 10.6, Chrome 5.0, IE 6, 7, 8 // // About: Release History // // 2.0.0beta11 - (in progress) // 2.0.0beta10 - (2011-04-17) cleaner required size calculation, improved keyboard support, stickToBottom/Left, other small fixes // 2.0.0beta9 - (2011-01-31) new API methods, bug fixes and correct keyboard support for FF/OSX // 2.0.0beta8 - (2011-01-29) touchscreen support, improved keyboard support // 2.0.0beta7 - (2011-01-23) scroll speed consistent (thanks Aivo Paas) // 2.0.0beta6 - (2010-12-07) scrollToElement horizontal support // 2.0.0beta5 - (2010-10-18) jQuery 1.4.3 support, various bug fixes // 2.0.0beta4 - (2010-09-17) clickOnTrack support, bug fixes // 2.0.0beta3 - (2010-08-27) Horizontal mousewheel, mwheelIntent, keyboard support, bug fixes // 2.0.0beta2 - (2010-08-21) Bug fixes // 2.0.0beta1 - (2010-08-17) Rewrite to follow modern best practices and enable horizontal scrolling, initially hidden // elements and dynamically sized elements. // 1.x - (2006-12-31 - 2010-07-31) Initial version, hosted at googlecode, deprecated (function($,window,undefined){ $.fn.jScrollPane = function(settings) { // JScrollPane "class" - public methods are available through $('selector').data('jsp') function JScrollPane(elem, s) { var settings, jsp = this, pane, paneWidth, paneHeight, container, contentWidth, contentHeight, percentInViewH, percentInViewV, isScrollableV, isScrollableH, verticalDrag, dragMaxY, verticalDragPosition, horizontalDrag, dragMaxX, horizontalDragPosition, verticalBar, verticalTrack, scrollbarWidth, verticalTrackHeight, verticalDragHeight, arrowUp, arrowDown, horizontalBar, horizontalTrack, horizontalTrackWidth, horizontalDragWidth, arrowLeft, arrowRight, reinitialiseInterval, originalPadding, originalPaddingTotalWidth, previousContentWidth, wasAtTop = true, wasAtLeft = true, wasAtBottom = false, wasAtRight = false, originalElement = elem.clone(false, false).empty(), mwEvent = $.fn.mwheelIntent ? 'mwheelIntent.jsp' : 'mousewheel.jsp'; originalPadding = elem.css('paddingTop') + ' ' + elem.css('paddingRight') + ' ' + elem.css('paddingBottom') + ' ' + elem.css('paddingLeft'); originalPaddingTotalWidth = (parseInt(elem.css('paddingLeft'), 10) || 0) + (parseInt(elem.css('paddingRight'), 10) || 0); function initialise(s) { var /*firstChild, lastChild, */isMaintainingPositon, lastContentX, lastContentY, hasContainingSpaceChanged, originalScrollTop, originalScrollLeft, maintainAtBottom = false, maintainAtRight = false; settings = s; if (pane === undefined) { originalScrollTop = elem.scrollTop(); originalScrollLeft = elem.scrollLeft(); elem.css( { overflow: 'hidden', padding: 0 } ); // TODO: Deal with where width/ height is 0 as it probably means the element is hidden and we should // come back to it later and check once it is unhidden... paneWidth = elem.innerWidth() + originalPaddingTotalWidth; paneHeight = elem.innerHeight(); elem.width(paneWidth); pane = $('
').css('padding', originalPadding).append(elem.children()); container = $('
') .css({ 'width': paneWidth + 'px', 'height': paneHeight + 'px' } ).append(pane).appendTo(elem); /* // Move any margins from the first and last children up to the container so they can still // collapse with neighbouring elements as they would before jScrollPane firstChild = pane.find(':first-child'); lastChild = pane.find(':last-child'); elem.css( { 'margin-top': firstChild.css('margin-top'), 'margin-bottom': lastChild.css('margin-bottom') } ); firstChild.css('margin-top', 0); lastChild.css('margin-bottom', 0); */ } else { elem.css('width', ''); maintainAtBottom = settings.stickToBottom && isCloseToBottom(); maintainAtRight = settings.stickToRight && isCloseToRight(); hasContainingSpaceChanged = elem.innerWidth() + originalPaddingTotalWidth != paneWidth || elem.outerHeight() != paneHeight; if (hasContainingSpaceChanged) { paneWidth = elem.innerWidth() + originalPaddingTotalWidth; paneHeight = elem.innerHeight(); container.css({ width: paneWidth + 'px', height: paneHeight + 'px' }); } // If nothing changed since last check... if (!hasContainingSpaceChanged && previousContentWidth == contentWidth && pane.outerHeight() == contentHeight) { elem.width(paneWidth); return; } previousContentWidth = contentWidth; pane.css('width', ''); elem.width(paneWidth); container.find('>.jspVerticalBar,>.jspHorizontalBar').remove().end(); } pane.css('overflow', 'auto'); if (s.contentWidth) { contentWidth = s.contentWidth; } else { contentWidth = pane[0].scrollWidth; } contentHeight = pane[0].scrollHeight; pane.css('overflow', ''); percentInViewH = contentWidth / paneWidth; percentInViewV = contentHeight / paneHeight; isScrollableV = percentInViewV > 1; isScrollableH = percentInViewH > 1; //console.log(paneWidth, paneHeight, contentWidth, contentHeight, percentInViewH, percentInViewV, isScrollableH, isScrollableV); if (!(isScrollableH || isScrollableV)) { elem.removeClass('jspScrollable'); pane.css({ top: 0, width: container.width() - originalPaddingTotalWidth }); removeMousewheel(); removeFocusHandler(); removeKeyboardNav(); removeClickOnTrack(); unhijackInternalLinks(); } else { elem.addClass('jspScrollable'); isMaintainingPositon = settings.maintainPosition && (verticalDragPosition || horizontalDragPosition); if (isMaintainingPositon) { lastContentX = contentPositionX(); lastContentY = contentPositionY(); } initialiseVerticalScroll(); initialiseHorizontalScroll(); resizeScrollbars(); if (isMaintainingPositon) { scrollToX(maintainAtRight ? (contentWidth - paneWidth ) : lastContentX, false); scrollToY(maintainAtBottom ? (contentHeight - paneHeight) : lastContentY, false); } initFocusHandler(); initMousewheel(); initTouch(); if (settings.enableKeyboardNavigation) { initKeyboardNav(); } if (settings.clickOnTrack) { initClickOnTrack(); } observeHash(); if (settings.hijackInternalLinks) { hijackInternalLinks(); } } if (settings.autoReinitialise && !reinitialiseInterval) { reinitialiseInterval = setInterval( function() { initialise(settings); }, settings.autoReinitialiseDelay ); } else if (!settings.autoReinitialise && reinitialiseInterval) { clearInterval(reinitialiseInterval); } originalScrollTop && elem.scrollTop(0) && scrollToY(originalScrollTop, false); originalScrollLeft && elem.scrollLeft(0) && scrollToX(originalScrollLeft, false); elem.trigger('jsp-initialised', [isScrollableH || isScrollableV]); } function initialiseVerticalScroll() { if (isScrollableV) { container.append( $('
').append( $('
'), $('
').append( $('
').append( $('
'), $('
') ) ), $('
') ) ); verticalBar = container.find('>.jspVerticalBar'); verticalTrack = verticalBar.find('>.jspTrack'); verticalDrag = verticalTrack.find('>.jspDrag'); if (settings.showArrows) { arrowUp = $('').bind( 'mousedown.jsp', getArrowScroll(0, -1) ).bind('click.jsp', nil); arrowDown = $('').bind( 'mousedown.jsp', getArrowScroll(0, 1) ).bind('click.jsp', nil); if (settings.arrowScrollOnHover) { arrowUp.bind('mouseover.jsp', getArrowScroll(0, -1, arrowUp)); arrowDown.bind('mouseover.jsp', getArrowScroll(0, 1, arrowDown)); } appendArrows(verticalTrack, settings.verticalArrowPositions, arrowUp, arrowDown); } verticalTrackHeight = paneHeight; container.find('>.jspVerticalBar>.jspCap:visible,>.jspVerticalBar>.jspArrow').each( function() { verticalTrackHeight -= $(this).outerHeight(); } ); verticalDrag.hover( function() { verticalDrag.addClass('jspHover'); }, function() { verticalDrag.removeClass('jspHover'); } ).bind( 'mousedown.jsp', function(e) { // Stop IE from allowing text selection $('html').bind('dragstart.jsp selectstart.jsp', nil); verticalDrag.addClass('jspActive'); var startY = e.pageY - verticalDrag.position().top; $('html').bind( 'mousemove.jsp', function(e) { positionDragY(e.pageY - startY, false); } ).bind('mouseup.jsp mouseleave.jsp', cancelDrag); return false; } ); sizeVerticalScrollbar(); } } function sizeVerticalScrollbar() { verticalTrack.height(verticalTrackHeight + 'px'); verticalDragPosition = 0; scrollbarWidth = settings.verticalGutter + verticalTrack.outerWidth(); // Make the pane thinner to allow for the vertical scrollbar pane.width(paneWidth - scrollbarWidth - originalPaddingTotalWidth); // Add margin to the left of the pane if scrollbars are on that side (to position // the scrollbar on the left or right set it's left or right property in CSS) try { if (verticalBar.position().left === 0) { pane.css('margin-left', scrollbarWidth + 'px'); } } catch (err) { } } function initialiseHorizontalScroll() { if (isScrollableH) { container.append( $('
').append( $('
'), $('
').append( $('
').append( $('
'), $('
') ) ), $('
') ) ); horizontalBar = container.find('>.jspHorizontalBar'); horizontalTrack = horizontalBar.find('>.jspTrack'); horizontalDrag = horizontalTrack.find('>.jspDrag'); if (settings.showArrows) { arrowLeft = $('').bind( 'mousedown.jsp', getArrowScroll(-1, 0) ).bind('click.jsp', nil); arrowRight = $('').bind( 'mousedown.jsp', getArrowScroll(1, 0) ).bind('click.jsp', nil); if (settings.arrowScrollOnHover) { arrowLeft.bind('mouseover.jsp', getArrowScroll(-1, 0, arrowLeft)); arrowRight.bind('mouseover.jsp', getArrowScroll(1, 0, arrowRight)); } appendArrows(horizontalTrack, settings.horizontalArrowPositions, arrowLeft, arrowRight); } horizontalDrag.hover( function() { horizontalDrag.addClass('jspHover'); }, function() { horizontalDrag.removeClass('jspHover'); } ).bind( 'mousedown.jsp', function(e) { // Stop IE from allowing text selection $('html').bind('dragstart.jsp selectstart.jsp', nil); horizontalDrag.addClass('jspActive'); var startX = e.pageX - horizontalDrag.position().left; $('html').bind( 'mousemove.jsp', function(e) { positionDragX(e.pageX - startX, false); } ).bind('mouseup.jsp mouseleave.jsp', cancelDrag); return false; } ); horizontalTrackWidth = container.innerWidth(); sizeHorizontalScrollbar(); } } function sizeHorizontalScrollbar() { container.find('>.jspHorizontalBar>.jspCap:visible,>.jspHorizontalBar>.jspArrow').each( function() { horizontalTrackWidth -= $(this).outerWidth(); } ); horizontalTrack.width(horizontalTrackWidth + 'px'); horizontalDragPosition = 0; } function resizeScrollbars() { if (isScrollableH && isScrollableV) { var horizontalTrackHeight = horizontalTrack.outerHeight(), verticalTrackWidth = verticalTrack.outerWidth(); verticalTrackHeight -= horizontalTrackHeight; $(horizontalBar).find('>.jspCap:visible,>.jspArrow').each( function() { horizontalTrackWidth += $(this).outerWidth(); } ); horizontalTrackWidth -= verticalTrackWidth; paneHeight -= verticalTrackWidth; paneWidth -= horizontalTrackHeight; horizontalTrack.parent().append( $('
').css('width', horizontalTrackHeight + 'px') ); sizeVerticalScrollbar(); sizeHorizontalScrollbar(); } // reflow content if (isScrollableH) { pane.width((container.outerWidth() - originalPaddingTotalWidth) + 'px'); } contentHeight = pane.outerHeight(); percentInViewV = contentHeight / paneHeight; if (isScrollableH) { horizontalDragWidth = Math.ceil(1 / percentInViewH * horizontalTrackWidth); if (horizontalDragWidth > settings.horizontalDragMaxWidth) { horizontalDragWidth = settings.horizontalDragMaxWidth; } else if (horizontalDragWidth < settings.horizontalDragMinWidth) { horizontalDragWidth = settings.horizontalDragMinWidth; } horizontalDrag.width(horizontalDragWidth + 'px'); dragMaxX = horizontalTrackWidth - horizontalDragWidth; _positionDragX(horizontalDragPosition); // To update the state for the arrow buttons } if (isScrollableV) { verticalDragHeight = Math.ceil(1 / percentInViewV * verticalTrackHeight); if (verticalDragHeight > settings.verticalDragMaxHeight) { verticalDragHeight = settings.verticalDragMaxHeight; } else if (verticalDragHeight < settings.verticalDragMinHeight) { verticalDragHeight = settings.verticalDragMinHeight; } verticalDrag.height(verticalDragHeight + 'px'); dragMaxY = verticalTrackHeight - verticalDragHeight - 3; _positionDragY(verticalDragPosition); // To update the state for the arrow buttons } } function appendArrows(ele, p, a1, a2) { var p1 = "before", p2 = "after", aTemp; // Sniff for mac... Is there a better way to determine whether the arrows would naturally appear // at the top or the bottom of the bar? if (p == "os") { p = /Mac/.test(navigator.platform) ? "after" : "split"; } if (p == p1) { p2 = p; } else if (p == p2) { p1 = p; aTemp = a1; a1 = a2; a2 = aTemp; } ele[p1](a1)[p2](a2); } function getArrowScroll(dirX, dirY, ele) { return function() { arrowScroll(dirX, dirY, this, ele); this.blur(); return false; }; } function arrowScroll(dirX, dirY, arrow, ele) { arrow = $(arrow).addClass('jspActive'); var eve, scrollTimeout, isFirst = true, doScroll = function() { if (dirX !== 0) { jsp.scrollByX(dirX * settings.arrowButtonSpeed); } if (dirY !== 0) { jsp.scrollByY(dirY * settings.arrowButtonSpeed); } scrollTimeout = setTimeout(doScroll, isFirst ? settings.initialDelay : settings.arrowRepeatFreq); isFirst = false; }; doScroll(); eve = ele ? 'mouseout.jsp' : 'mouseup.jsp'; ele = ele || $('html'); ele.bind( eve, function() { arrow.removeClass('jspActive'); scrollTimeout && clearTimeout(scrollTimeout); scrollTimeout = null; ele.unbind(eve); } ); } function initClickOnTrack() { removeClickOnTrack(); if (isScrollableV) { verticalTrack.bind( 'mousedown.jsp', function(e) { if (e.originalTarget === undefined || e.originalTarget == e.currentTarget) { var clickedTrack = $(this), offset = clickedTrack.offset(), direction = e.pageY - offset.top - verticalDragPosition, scrollTimeout, isFirst = true, doScroll = function() { var offset = clickedTrack.offset(), pos = e.pageY - offset.top - verticalDragHeight / 2, contentDragY = paneHeight * settings.scrollPagePercent, dragY = dragMaxY * contentDragY / (contentHeight - paneHeight); if (direction < 0) { if (verticalDragPosition - dragY > pos) { jsp.scrollByY(-contentDragY); } else { positionDragY(pos); } } else if (direction > 0) { if (verticalDragPosition + dragY < pos) { jsp.scrollByY(contentDragY); } else { positionDragY(pos); } } else { cancelClick(); return; } scrollTimeout = setTimeout(doScroll, isFirst ? settings.initialDelay : settings.trackClickRepeatFreq); isFirst = false; }, cancelClick = function() { scrollTimeout && clearTimeout(scrollTimeout); scrollTimeout = null; $(document).unbind('mouseup.jsp', cancelClick); }; doScroll(); $(document).bind('mouseup.jsp', cancelClick); return false; } } ); } if (isScrollableH) { horizontalTrack.bind( 'mousedown.jsp', function(e) { if (e.originalTarget === undefined || e.originalTarget == e.currentTarget) { var clickedTrack = $(this), offset = clickedTrack.offset(), direction = e.pageX - offset.left - horizontalDragPosition, scrollTimeout, isFirst = true, doScroll = function() { var offset = clickedTrack.offset(), pos = e.pageX - offset.left - horizontalDragWidth / 2, contentDragX = paneWidth * settings.scrollPagePercent, dragX = dragMaxX * contentDragX / (contentWidth - paneWidth); if (direction < 0) { if (horizontalDragPosition - dragX > pos) { jsp.scrollByX(-contentDragX); } else { positionDragX(pos); } } else if (direction > 0) { if (horizontalDragPosition + dragX < pos) { jsp.scrollByX(contentDragX); } else { positionDragX(pos); } } else { cancelClick(); return; } scrollTimeout = setTimeout(doScroll, isFirst ? settings.initialDelay : settings.trackClickRepeatFreq); isFirst = false; }, cancelClick = function() { scrollTimeout && clearTimeout(scrollTimeout); scrollTimeout = null; $(document).unbind('mouseup.jsp', cancelClick); }; doScroll(); $(document).bind('mouseup.jsp', cancelClick); return false; } } ); } } function removeClickOnTrack() { if (horizontalTrack) { horizontalTrack.unbind('mousedown.jsp'); } if (verticalTrack) { verticalTrack.unbind('mousedown.jsp'); } } function cancelDrag() { $('html').unbind('dragstart.jsp selectstart.jsp mousemove.jsp mouseup.jsp mouseleave.jsp'); if (verticalDrag) { verticalDrag.removeClass('jspActive'); } if (horizontalDrag) { horizontalDrag.removeClass('jspActive'); } } function positionDragY(destY, animate) { if (!isScrollableV) { return; } if (destY < 0) { destY = 0; } else if (destY > dragMaxY) { destY = dragMaxY; } // can't just check if(animate) because false is a valid value that could be passed in... if (animate === undefined) { animate = settings.animateScroll; } if (animate) { jsp.animate(verticalDrag, 'top', destY, _positionDragY); } else { verticalDrag.css('top', destY); _positionDragY(destY); } } function _positionDragY(destY) { if (destY === undefined) { destY = verticalDrag.position().top; } container.scrollTop(0); verticalDragPosition = destY; var isAtTop = verticalDragPosition === 0, isAtBottom = verticalDragPosition == dragMaxY, percentScrolled = destY/ dragMaxY, destTop = -percentScrolled * (contentHeight - paneHeight); if (wasAtTop != isAtTop || wasAtBottom != isAtBottom) { wasAtTop = isAtTop; wasAtBottom = isAtBottom; elem.trigger('jsp-arrow-change', [wasAtTop, wasAtBottom, wasAtLeft, wasAtRight]); } updateVerticalArrows(isAtTop, isAtBottom); pane.css('top', destTop); elem.trigger('jsp-scroll-y', [-destTop, isAtTop, isAtBottom]).trigger('scroll'); } function positionDragX(destX, animate) { if (!isScrollableH) { return; } if (destX < 0) { destX = 0; } else if (destX > dragMaxX) { destX = dragMaxX; } if (animate === undefined) { animate = settings.animateScroll; } if (animate) { jsp.animate(horizontalDrag, 'left', destX, _positionDragX); } else { horizontalDrag.css('left', destX); _positionDragX(destX); } } function _positionDragX(destX) { if (destX === undefined) { destX = horizontalDrag.position().left; } container.scrollTop(0); horizontalDragPosition = destX; var isAtLeft = horizontalDragPosition === 0, isAtRight = horizontalDragPosition == dragMaxX, percentScrolled = destX / dragMaxX, destLeft = -percentScrolled * (contentWidth - paneWidth); if (wasAtLeft != isAtLeft || wasAtRight != isAtRight) { wasAtLeft = isAtLeft; wasAtRight = isAtRight; elem.trigger('jsp-arrow-change', [wasAtTop, wasAtBottom, wasAtLeft, wasAtRight]); } updateHorizontalArrows(isAtLeft, isAtRight); pane.css('left', destLeft); elem.trigger('jsp-scroll-x', [-destLeft, isAtLeft, isAtRight]).trigger('scroll'); } function updateVerticalArrows(isAtTop, isAtBottom) { if (settings.showArrows) { arrowUp[isAtTop ? 'addClass' : 'removeClass']('jspDisabled'); arrowDown[isAtBottom ? 'addClass' : 'removeClass']('jspDisabled'); } } function updateHorizontalArrows(isAtLeft, isAtRight) { if (settings.showArrows) { arrowLeft[isAtLeft ? 'addClass' : 'removeClass']('jspDisabled'); arrowRight[isAtRight ? 'addClass' : 'removeClass']('jspDisabled'); } } function scrollToY(destY, animate) { var percentScrolled = destY / (contentHeight - paneHeight); positionDragY(percentScrolled * dragMaxY, animate); } function scrollToX(destX, animate) { var percentScrolled = destX / (contentWidth - paneWidth); positionDragX(percentScrolled * dragMaxX, animate); } function scrollToElement(ele, stickToTop, animate) { var e, eleHeight, eleWidth, eleTop = 0, eleLeft = 0, viewportTop, viewportLeft, maxVisibleEleTop, maxVisibleEleLeft, destY, destX; // Legal hash values aren't necessarily legal jQuery selectors so we need to catch any // errors from the lookup... try { e = $(ele); } catch (err) { return; } eleHeight = e.outerHeight(); eleWidth= e.outerWidth(); container.scrollTop(0); container.scrollLeft(0); // loop through parents adding the offset top of any elements that are relatively positioned between // the focused element and the jspPane so we can get the true distance from the top // of the focused element to the top of the scrollpane... while (!e.is('.jspPane')) { eleTop += e.position().top; eleLeft += e.position().left; e = e.offsetParent(); if (/^body|html$/i.test(e[0].nodeName)) { // we ended up too high in the document structure. Quit! return; } } viewportTop = contentPositionY(); maxVisibleEleTop = viewportTop + paneHeight; if (eleTop < viewportTop || stickToTop) { // element is above viewport destY = eleTop - settings.verticalGutter; } else if (eleTop + eleHeight > maxVisibleEleTop) { // element is below viewport destY = eleTop - paneHeight + eleHeight + settings.verticalGutter; } if (destY) { scrollToY(destY, animate); } viewportLeft = contentPositionX(); maxVisibleEleLeft = viewportLeft + paneWidth; if (eleLeft < viewportLeft || stickToTop) { // element is to the left of viewport destX = eleLeft - settings.horizontalGutter; } else if (eleLeft + eleWidth > maxVisibleEleLeft) { // element is to the right viewport destX = eleLeft - paneWidth + eleWidth + settings.horizontalGutter; } if (destX) { scrollToX(destX, animate); } } function contentPositionX() { return -pane.position().left; } function contentPositionY() { return -pane.position().top; } function isCloseToBottom() { var scrollableHeight = contentHeight - paneHeight; return (scrollableHeight > 20) && (scrollableHeight - contentPositionY() < 10); } function isCloseToRight() { var scrollableWidth = contentWidth - paneWidth; return (scrollableWidth > 20) && (scrollableWidth - contentPositionX() < 10); } function initMousewheel() { container.unbind(mwEvent).bind( mwEvent, function (event, delta, deltaX, deltaY) { var dX = horizontalDragPosition, dY = verticalDragPosition; jsp.scrollBy(deltaX * settings.mouseWheelSpeed, -deltaY * settings.mouseWheelSpeed, false); // return true if there was no movement so rest of screen can scroll return dX == horizontalDragPosition && dY == verticalDragPosition; } ); } function removeMousewheel() { container.unbind(mwEvent); } function nil() { return false; } function initFocusHandler() { pane.find(':input,a').unbind('focus.jsp').bind( 'focus.jsp', function(e) { scrollToElement(e.target, false); } ); } function removeFocusHandler() { pane.find(':input,a').unbind('focus.jsp'); } function initKeyboardNav() { var keyDown, elementHasScrolled, validParents = []; isScrollableH && validParents.push(horizontalBar[0]); isScrollableV && validParents.push(verticalBar[0]); // IE also focuses elements that don't have tabindex set. pane.focus( function() { elem.focus(); } ); elem.attr('tabindex', 0) .unbind('keydown.jsp keypress.jsp') .bind( 'keydown.jsp', function(e) { if (e.target !== this && !(validParents.length && $(e.target).closest(validParents).length)){ return; } var dX = horizontalDragPosition, dY = verticalDragPosition; switch(e.keyCode) { case 40: // down case 38: // up case 34: // page down case 32: // space case 33: // page up case 39: // right case 37: // left keyDown = e.keyCode; keyDownHandler(); break; case 35: // end scrollToY(contentHeight - paneHeight); keyDown = null; break; case 36: // home scrollToY(0); keyDown = null; break; } elementHasScrolled = e.keyCode == keyDown && dX != horizontalDragPosition || dY != verticalDragPosition; return !elementHasScrolled; } ).bind( 'keypress.jsp', // For FF/ OSX so that we can cancel the repeat key presses if the JSP scrolls... function(e) { if (e.keyCode == keyDown) { keyDownHandler(); } return !elementHasScrolled; } ); if (settings.hideFocus) { elem.css('outline', 'none'); if ('hideFocus' in container[0]){ elem.attr('hideFocus', true); } } else { elem.css('outline', ''); if ('hideFocus' in container[0]){ elem.attr('hideFocus', false); } } function keyDownHandler() { var dX = horizontalDragPosition, dY = verticalDragPosition; switch(keyDown) { case 40: // down jsp.scrollByY(settings.keyboardSpeed, false); break; case 38: // up jsp.scrollByY(-settings.keyboardSpeed, false); break; case 34: // page down case 32: // space jsp.scrollByY(paneHeight * settings.scrollPagePercent, false); break; case 33: // page up jsp.scrollByY(-paneHeight * settings.scrollPagePercent, false); break; case 39: // right jsp.scrollByX(settings.keyboardSpeed, false); break; case 37: // left jsp.scrollByX(-settings.keyboardSpeed, false); break; } elementHasScrolled = dX != horizontalDragPosition || dY != verticalDragPosition; return elementHasScrolled; } } function removeKeyboardNav() { elem.attr('tabindex', '-1') .removeAttr('tabindex') .unbind('keydown.jsp keypress.jsp'); } function observeHash() { if (location.hash && location.hash.length > 1) { var e, retryInt, hash = escape(location.hash) // hash must be escaped to prevent XSS ; try { e = $(hash); } catch (err) { return; } if (e.length && pane.find(hash)) { // nasty workaround but it appears to take a little while before the hash has done its thing // to the rendered page so we just wait until the container's scrollTop has been messed up. if (container.scrollTop() === 0) { retryInt = setInterval( function() { if (container.scrollTop() > 0) { scrollToElement(hash, true); $(document).scrollTop(container.position().top); clearInterval(retryInt); } }, 50 ); } else { scrollToElement(hash, true); $(document).scrollTop(container.position().top); } } } } function unhijackInternalLinks() { $('a.jspHijack').unbind('click.jsp-hijack').removeClass('jspHijack'); } function hijackInternalLinks() { unhijackInternalLinks(); $('a[href^=#]').addClass('jspHijack').bind( 'click.jsp-hijack', function() { var uriParts = this.href.split('#'), hash; if (uriParts.length > 1) { hash = uriParts[1]; if (hash.length > 0 && pane.find('#' + hash).length > 0) { scrollToElement('#' + hash, true); // Need to return false otherwise things mess up... Would be nice to maybe also scroll // the window to the top of the scrollpane? return false; } } } ); } // Init touch on iPad, iPhone, iPod, Android function initTouch() { var startX, startY, touchStartX, touchStartY, moved, moving = false; container.unbind('touchstart.jsp touchmove.jsp touchend.jsp click.jsp-touchclick').bind( 'touchstart.jsp', function(e) { var touch = e.originalEvent.touches[0]; startX = contentPositionX(); startY = contentPositionY(); touchStartX = touch.pageX; touchStartY = touch.pageY; moved = false; moving = true; } ).bind( 'touchmove.jsp', function(ev) { if(!moving) { return; } var touchPos = ev.originalEvent.touches[0], dX = horizontalDragPosition, dY = verticalDragPosition; jsp.scrollTo(startX + touchStartX - touchPos.pageX, startY + touchStartY - touchPos.pageY); moved = moved || Math.abs(touchStartX - touchPos.pageX) > 5 || Math.abs(touchStartY - touchPos.pageY) > 5; // return true if there was no movement so rest of screen can scroll return dX == horizontalDragPosition && dY == verticalDragPosition; } ).bind( 'touchend.jsp', function(e) { moving = false; /*if(moved) { return false; }*/ } ).bind( 'click.jsp-touchclick', function(e) { if(moved) { moved = false; return false; } } ); } function destroy(){ var currentY = contentPositionY(), currentX = contentPositionX(); elem.removeClass('jspScrollable').unbind('.jsp'); elem.replaceWith(originalElement.append(pane.children())); originalElement.scrollTop(currentY); originalElement.scrollLeft(currentX); } // Public API $.extend( jsp, { // Reinitialises the scroll pane (if it's internal dimensions have changed since the last time it // was initialised). The settings object which is passed in will override any settings from the // previous time it was initialised - if you don't pass any settings then the ones from the previous // initialisation will be used. reinitialise: function(s) { s = $.extend({}, settings, s); initialise(s); }, // Scrolls the specified element (a jQuery object, DOM node or jQuery selector string) into view so // that it can be seen within the viewport. If stickToTop is true then the element will appear at // the top of the viewport, if it is false then the viewport will scroll as little as possible to // show the element. You can also specify if you want animation to occur. If you don't provide this // argument then the animateScroll value from the settings object is used instead. scrollToElement: function(ele, stickToTop, animate) { scrollToElement(ele, stickToTop, animate); }, // Scrolls the pane so that the specified co-ordinates within the content are at the top left // of the viewport. animate is optional and if not passed then the value of animateScroll from // the settings object this jScrollPane was initialised with is used. scrollTo: function(destX, destY, animate) { scrollToX(destX, animate); scrollToY(destY, animate); }, // Scrolls the pane so that the specified co-ordinate within the content is at the left of the // viewport. animate is optional and if not passed then the value of animateScroll from the settings // object this jScrollPane was initialised with is used. scrollToX: function(destX, animate) { scrollToX(destX, animate); }, // Scrolls the pane so that the specified co-ordinate within the content is at the top of the // viewport. animate is optional and if not passed then the value of animateScroll from the settings // object this jScrollPane was initialised with is used. scrollToY: function(destY, animate) { scrollToY(destY, animate); }, // Scrolls the pane to the specified percentage of its maximum horizontal scroll position. animate // is optional and if not passed then the value of animateScroll from the settings object this // jScrollPane was initialised with is used. scrollToPercentX: function(destPercentX, animate) { scrollToX(destPercentX * (contentWidth - paneWidth), animate); }, // Scrolls the pane to the specified percentage of its maximum vertical scroll position. animate // is optional and if not passed then the value of animateScroll from the settings object this // jScrollPane was initialised with is used. scrollToPercentY: function(destPercentY, animate) { scrollToY(destPercentY * (contentHeight - paneHeight), animate); }, // Scrolls the pane by the specified amount of pixels. animate is optional and if not passed then // the value of animateScroll from the settings object this jScrollPane was initialised with is used. scrollBy: function(deltaX, deltaY, animate) { jsp.scrollByX(deltaX, animate); jsp.scrollByY(deltaY, animate); }, // Scrolls the pane by the specified amount of pixels. animate is optional and if not passed then // the value of animateScroll from the settings object this jScrollPane was initialised with is used. scrollByX: function(deltaX, animate) { var destX = contentPositionX() + Math[deltaX<0 ? 'floor' : 'ceil'](deltaX), percentScrolled = destX / (contentWidth - paneWidth); positionDragX(percentScrolled * dragMaxX, animate); }, // Scrolls the pane by the specified amount of pixels. animate is optional and if not passed then // the value of animateScroll from the settings object this jScrollPane was initialised with is used. scrollByY: function(deltaY, animate) { var destY = contentPositionY() + Math[deltaY<0 ? 'floor' : 'ceil'](deltaY), percentScrolled = destY / (contentHeight - paneHeight); positionDragY(percentScrolled * dragMaxY, animate); }, // Positions the horizontal drag at the specified x position (and updates the viewport to reflect // this). animate is optional and if not passed then the value of animateScroll from the settings // object this jScrollPane was initialised with is used. positionDragX: function(x, animate) { positionDragX(x, animate); }, // Positions the vertical drag at the specified y position (and updates the viewport to reflect // this). animate is optional and if not passed then the value of animateScroll from the settings // object this jScrollPane was initialised with is used. positionDragY: function(y, animate) { positionDragY(y, animate); }, // This method is called when jScrollPane is trying to animate to a new position. You can override // it if you want to provide advanced animation functionality. It is passed the following arguments: // * ele - the element whose position is being animated // * prop - the property that is being animated // * value - the value it's being animated to // * stepCallback - a function that you must execute each time you update the value of the property // You can use the default implementation (below) as a starting point for your own implementation. animate: function(ele, prop, value, stepCallback) { var params = {}; params[prop] = value; ele.animate( params, { 'duration' : settings.animateDuration, 'easing' : settings.animateEase, 'queue' : false, 'step' : stepCallback } ); }, // Returns the current x position of the viewport with regards to the content pane. getContentPositionX: function() { return contentPositionX(); }, // Returns the current y position of the viewport with regards to the content pane. getContentPositionY: function() { return contentPositionY(); }, // Returns the width of the content within the scroll pane. getContentWidth: function() { return contentWidth; }, // Returns the height of the content within the scroll pane. getContentHeight: function() { return contentHeight; }, // Returns the horizontal position of the viewport within the pane content. getPercentScrolledX: function() { return contentPositionX() / (contentWidth - paneWidth); }, // Returns the vertical position of the viewport within the pane content. getPercentScrolledY: function() { return contentPositionY() / (contentHeight - paneHeight); }, // Returns whether or not this scrollpane has a horizontal scrollbar. getIsScrollableH: function() { return isScrollableH; }, // Returns whether or not this scrollpane has a vertical scrollbar. getIsScrollableV: function() { return isScrollableV; }, // Gets a reference to the content pane. It is important that you use this method if you want to // edit the content of your jScrollPane as if you access the element directly then you may have some // problems (as your original element has had additional elements for the scrollbars etc added into // it). getContentPane: function() { return pane; }, // Scrolls this jScrollPane down as far as it can currently scroll. If animate isn't passed then the // animateScroll value from settings is used instead. scrollToBottom: function(animate) { positionDragY(dragMaxY, animate); }, // Hijacks the links on the page which link to content inside the scrollpane. If you have changed // the content of your page (e.g. via AJAX) and want to make sure any new anchor links to the // contents of your scroll pane will work then call this function. hijackInternalLinks: function() { hijackInternalLinks(); }, // Removes the jScrollPane and returns the page to the state it was in before jScrollPane was // initialised. destroy: function() { destroy(); } } ); initialise(s); } // Pluginifying code... settings = $.extend({}, $.fn.jScrollPane.defaults, settings); // Apply default speed $.each(['mouseWheelSpeed', 'arrowButtonSpeed', 'trackClickSpeed', 'keyboardSpeed'], function() { settings[this] = settings[this] || settings.speed; }); return this.each( function() { var elem = $(this), jspApi = elem.data('jsp'); if (jspApi) { jspApi.reinitialise(settings); } else { jspApi = new JScrollPane(elem, settings); elem.data('jsp', jspApi); } } ); }; $.fn.jScrollPane.defaults = { showArrows : false, maintainPosition : true, stickToBottom : false, stickToRight : false, clickOnTrack : true, autoReinitialise : false, autoReinitialiseDelay : 500, verticalDragMinHeight : 0, verticalDragMaxHeight : 99999, horizontalDragMinWidth : 0, horizontalDragMaxWidth : 99999, contentWidth : undefined, animateScroll : true, animateDuration : 500, animateEase : 'easeInOutCirc', hijackInternalLinks : true, verticalGutter : 4, horizontalGutter : 4, mouseWheelSpeed : 0, arrowButtonSpeed : 0, arrowRepeatFreq : 50, arrowScrollOnHover : false, trackClickSpeed : 0, trackClickRepeatFreq : 70, verticalArrowPositions : 'split', horizontalArrowPositions : 'split', enableKeyboardNavigation : true, hideFocus : false, keyboardSpeed : 0, initialDelay : 300, // Delay before starting repeating speed : 30, // Default speed when others falsey scrollPagePercent : .8 // Percent of visible area scrolled when pageUp/Down or track area pressed }; })(jQuery,this); /* * jQuery Easing v1.3 - http://gsgd.co.uk/sandbox/jquery/easing/ * * Uses the built in easing capabilities added In jQuery 1.1 * to offer multiple easing options * * TERMS OF USE - jQuery Easing * * Open source under the BSD License. * * Copyright © 2008 George McGinley Smith * All rights reserved. * * Redistribution and use in source and binary forms, with or without modification, * are permitted provided that the following conditions are met: * * Redistributions of source code must retain the above copyright notice, this list of * conditions and the following disclaimer. * Redistributions in binary form must reproduce the above copyright notice, this list * of conditions and the following disclaimer in the documentation and/or other materials * provided with the distribution. * * Neither the name of the author nor the names of contributors may be used to endorse * or promote products derived from this software without specific prior written permission. * * THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS "AS IS" AND ANY * EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE IMPLIED WARRANTIES OF * MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL THE * COPYRIGHT OWNER OR CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL, * EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF SUBSTITUTE * GOODS OR SERVICES; LOSS OF USE, DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED * AND ON ANY THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT (INCLUDING * NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE OF THIS SOFTWARE, EVEN IF ADVISED * OF THE POSSIBILITY OF SUCH DAMAGE. * */ // t: current time, b: begInnIng value, c: change In value, d: duration jQuery.easing['jswing'] = jQuery.easing['swing']; jQuery.extend( jQuery.easing, { def: 'easeOutQuad', swing: function (x, t, b, c, d) { //alert(jQuery.easing.default); return jQuery.easing[jQuery.easing.def](x, t, b, c, d); }, easeInQuad: function (x, t, b, c, d) { return c*(t/=d)*t + b; }, easeOutQuad: function (x, t, b, c, d) { return -c *(t/=d)*(t-2) + b; }, easeInOutQuad: function (x, t, b, c, d) { if ((t/=d/2) < 1) return c/2*t*t + b; return -c/2 * ((--t)*(t-2) - 1) + b; }, easeInCubic: function (x, t, b, c, d) { return c*(t/=d)*t*t + b; }, easeOutCubic: function (x, t, b, c, d) { return c*((t=t/d-1)*t*t + 1) + b; }, easeInOutCubic: function (x, t, b, c, d) { if ((t/=d/2) < 1) return c/2*t*t*t + b; return c/2*((t-=2)*t*t + 2) + b; }, easeInQuart: function (x, t, b, c, d) { return c*(t/=d)*t*t*t + b; }, easeOutQuart: function (x, t, b, c, d) { return -c * ((t=t/d-1)*t*t*t - 1) + b; }, easeInOutQuart: function (x, t, b, c, d) { if ((t/=d/2) < 1) return c/2*t*t*t*t + b; return -c/2 * ((t-=2)*t*t*t - 2) + b; }, easeInQuint: function (x, t, b, c, d) { return c*(t/=d)*t*t*t*t + b; }, easeOutQuint: function (x, t, b, c, d) { return c*((t=t/d-1)*t*t*t*t + 1) + b; }, easeInOutQuint: function (x, t, b, c, d) { if ((t/=d/2) < 1) return c/2*t*t*t*t*t + b; return c/2*((t-=2)*t*t*t*t + 2) + b; }, easeInSine: function (x, t, b, c, d) { return -c * Math.cos(t/d * (Math.PI/2)) + c + b; }, easeOutSine: function (x, t, b, c, d) { return c * Math.sin(t/d * (Math.PI/2)) + b; }, easeInOutSine: function (x, t, b, c, d) { return -c/2 * (Math.cos(Math.PI*t/d) - 1) + b; }, easeInExpo: function (x, t, b, c, d) { return (t==0) ? b : c * Math.pow(2, 10 * (t/d - 1)) + b; }, easeOutExpo: function (x, t, b, c, d) { return (t==d) ? b+c : c * (-Math.pow(2, -10 * t/d) + 1) + b; }, easeInOutExpo: function (x, t, b, c, d) { if (t==0) return b; if (t==d) return b+c; if ((t/=d/2) < 1) return c/2 * Math.pow(2, 10 * (t - 1)) + b; return c/2 * (-Math.pow(2, -10 * --t) + 2) + b; }, easeInCirc: function (x, t, b, c, d) { return -c * (Math.sqrt(1 - (t/=d)*t) - 1) + b; }, easeOutCirc: function (x, t, b, c, d) { return c * Math.sqrt(1 - (t=t/d-1)*t) + b; }, easeInOutCirc: function (x, t, b, c, d) { if ((t/=d/2) < 1) return -c/2 * (Math.sqrt(1 - t*t) - 1) + b; return c/2 * (Math.sqrt(1 - (t-=2)*t) + 1) + b; }, easeInElastic: function (x, t, b, c, d) { var s=1.70158;var p=0;var a=c; if (t==0) return b; if ((t/=d)==1) return b+c; if (!p) p=d*.3; if (a < Math.abs(c)) { a=c; var s=p/4; } else var s = p/(2*Math.PI) * Math.asin (c/a); return -(a*Math.pow(2,10*(t-=1)) * Math.sin( (t*d-s)*(2*Math.PI)/p )) + b; }, easeOutElastic: function (x, t, b, c, d) { var s=1.70158;var p=0;var a=c; if (t==0) return b; if ((t/=d)==1) return b+c; if (!p) p=d*.3; if (a < Math.abs(c)) { a=c; var s=p/4; } else var s = p/(2*Math.PI) * Math.asin (c/a); return a*Math.pow(2,-10*t) * Math.sin( (t*d-s)*(2*Math.PI)/p ) + c + b; }, easeInOutElastic: function (x, t, b, c, d) { var s=1.70158;var p=0;var a=c; if (t==0) return b; if ((t/=d/2)==2) return b+c; if (!p) p=d*(.3*1.5); if (a < Math.abs(c)) { a=c; var s=p/4; } else var s = p/(2*Math.PI) * Math.asin (c/a); if (t < 1) return -.5*(a*Math.pow(2,10*(t-=1)) * Math.sin( (t*d-s)*(2*Math.PI)/p )) + b; return a*Math.pow(2,-10*(t-=1)) * Math.sin( (t*d-s)*(2*Math.PI)/p )*.5 + c + b; }, easeInBack: function (x, t, b, c, d, s) { if (s == undefined) s = 1.70158; return c*(t/=d)*t*((s+1)*t - s) + b; }, easeOutBack: function (x, t, b, c, d, s) { if (s == undefined) s = 1.70158; return c*((t=t/d-1)*t*((s+1)*t + s) + 1) + b; }, easeInOutBack: function (x, t, b, c, d, s) { if (s == undefined) s = 1.70158; if ((t/=d/2) < 1) return c/2*(t*t*(((s*=(1.525))+1)*t - s)) + b; return c/2*((t-=2)*t*(((s*=(1.525))+1)*t + s) + 2) + b; }, easeInBounce: function (x, t, b, c, d) { return c - jQuery.easing.easeOutBounce (x, d-t, 0, c, d) + b; }, easeOutBounce: function (x, t, b, c, d) { if ((t/=d) < (1/2.75)) { return c*(7.5625*t*t) + b; } else if (t < (2/2.75)) { return c*(7.5625*(t-=(1.5/2.75))*t + .75) + b; } else if (t < (2.5/2.75)) { return c*(7.5625*(t-=(2.25/2.75))*t + .9375) + b; } else { return c*(7.5625*(t-=(2.625/2.75))*t + .984375) + b; } }, easeInOutBounce: function (x, t, b, c, d) { if (t < d/2) return jQuery.easing.easeInBounce (x, t*2, 0, c, d) * .5 + b; return jQuery.easing.easeOutBounce (x, t*2-d, 0, c, d) * .5 + c*.5 + b; } }); /* * * TERMS OF USE - EASING EQUATIONS * * Open source under the BSD License. * * Copyright © 2001 Robert Penner * All rights reserved. * * Redistribution and use in source and binary forms, with or without modification, * are permitted provided that the following conditions are met: * * Redistributions of source code must retain the above copyright notice, this list of * conditions and the following disclaimer. * Redistributions in binary form must reproduce the above copyright notice, this list * of conditions and the following disclaimer in the documentation and/or other materials * provided with the distribution. * * Neither the name of the author nor the names of contributors may be used to endorse * or promote products derived from this software without specific prior written permission. * * THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS "AS IS" AND ANY * EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE IMPLIED WARRANTIES OF * MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL THE * COPYRIGHT OWNER OR CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL, * EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF SUBSTITUTE * GOODS OR SERVICES; LOSS OF USE, DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED * AND ON ANY THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT (INCLUDING * NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE OF THIS SOFTWARE, EVEN IF ADVISED * OF THE POSSIBILITY OF SUCH DAMAGE. * */ /* * jquery-auto-height.js * * Copyright (c) 2010 Tomohiro Okuwaki (http://www.tinybeans.net/blog/) * Licensed under MIT Lisence: * http://www.opensource.org/licenses/mit-license.php * http://sourceforge.jp/projects/opensource/wiki/licenses%2FMIT_license * * Since: 2010-04-19 * Update: 2010-07-02 * version: 0.03 * Comment: * * jQuery 1.2 later * */ (function($){ $.fn.autoHeight = function(options){ var op = $.extend({ column : 0, clear : 0, height : 'minHeight', reset : '', descend : function descend (a,b){ return b-a; } },options || {}); // optionsに値があれば上書きする var self = $(this); var n = 0, hMax, hList = new Array(), hListLine = new Array(); hListLine[n] = 0; // 要素の高さを取得 self.each(function(i){ if (op.reset == 'reset') { $(this).removeAttr('style'); } var h = $(this).height(); hList[i] = h; if (op.column > 1) { // op.columnごとの最大値を格納していく if (h > hListLine[n]) { hListLine[n] = h; } if ( (i > 0) && (((i+1) % op.column) == 0) ) { n++; hListLine[n] = 0; }; } }); // 取得した高さの数値を降順に並べ替え hList = hList.sort(op.descend); hMax = hList[0]; // 高さの最大値を要素に適用 var browser = $.browser.version; if (op.column > 1) { for (var j=0; jCheck'; $(target).html(tag); if (index == max_index) { $('body').append(''); } } function socialbutton_facebook_like(target, options, defaults, index, max_index) { var layout = options.layout || options.button || defaults.button; var url = options.url || defaults.url; var show_faces = options.show_faces != undefined ? options.show_faces : defaults.show_faces; var width = options.width != undefined ? options.width : defaults.width; var height = options.height != undefined ? options.height : defaults.height; var action = options.action || defaults.action; var locale = options.locale || defaults.locale; var font = options.font || defaults.font; var colorscheme = options.colorscheme || defaults.colorscheme; if (options.url) { url = decodeURIComponent(url); } url = url_encode_rfc3986(url); switch (layout) { case 'standard': if (width == 0) { width = defaults.width_standard_default; } else if (width < defaults.width_standard_minimum) { width = defaults.width_standard_minimum; } if (height == 0) { height = show_faces ? defaults.height_standard_with_photo : defaults.height_standard_without_photo; } else if (height < defaults.height_standard_without_photo) { height = defaults.height_standard_without_photo; } break; case 'button_count': if (width == 0) { width = defaults.width_button_count_default; } else if (width < defaults.width_button_count_minimum) { width = defaults.width_button_count_minimum; } if (height == 0) { height = defaults.height_button_count; } else if (height < defaults.height_button_count) { height = defaults.height_button_count; } break; case 'box_count': if (width == 0) { width = defaults.width_box_count_default; } else if (width < defaults.width_box_count_minimum) { width = defaults.width_box_count_minimum; } if (height == 0) { height = defaults.height_box_count; } else if (height < defaults.height_box_count) { height = defaults.height_box_count; } break; } var params = merge_parameters({ 'href': url, 'layout': layout, 'show_faces': show_faces ? 'true' : 'false', 'width': width, 'action': action, 'locale': locale, 'font': font, 'colorscheme': colorscheme, 'height': height }); var tag = ''; $(target).html(tag); } function socialbutton_twitter(target, options, defaults, index, max_index) { var count = options.count || options.button || defaults.button; var url = options.url || defaults.url; var text = options.text || defaults.text; var lang = options.lang || defaults.lang; var via = options.via || defaults.via; var related = options.related || defaults.related; var attr = merge_attributes({ 'data-count': count, 'data-url': htmlspecialchars(url), 'data-text': text, 'data-lang': lang, 'data-via': via, 'data-related': related }); var tag = ''; $(target).html(tag); if (index == max_index) { $('body').append(''); } } function socialbutton_hatena(target, options, defaults, index, max_index) { var layout = options.layout || options.button || defaults.button; var url = options.url || defaults.url; var title = options.title || defaults.title; url = htmlspecialchars(url); title = htmlspecialchars(title); var attr = merge_attributes({ 'href': 'http://b.hatena.ne.jp/entry/' + url, 'class': 'hatena-bookmark-button', 'data-hatena-bookmark-title': title, 'data-hatena-bookmark-layout': layout, 'title': 'このエントリーをはてなブックマークに追加' }); var tag = 'このエントリーをはてなブックマークに追加' + ''; $(target).html(tag); } function merge_attributes(attr) { var merged = ''; for (var i in attr) { if (attr[i] == '') { continue; } merged += ' ' + i + '="' + attr[i] + '"'; } return merged; } function merge_parameters(params) { var merged = ''; for (var i in params) { if (params[i] == '') { continue; } merged += merged != '' ? '&' : ''; merged += i + '=' + params[i] + ''; } return merged; } function htmlspecialchars(string) { var table = [ [/&/g, '&'], [//g, '>'], [/"/g, '"'], [/'/g, '''] ]; for (var i in table) { string = string.replace(table[i][0], table[i][1]); } return string; } function url_encode_rfc3986(url) { return encodeURIComponent(url).replace(/[!*'()]/g, function(p) { return "%" + p.charCodeAt(0).toString(16); }); } })(jQuery); /* * jQuery carouFredSel 4.3.0 * Demo's and documentation: * caroufredsel.frebsite.nl * * Copyright (c) 2010 Fred Heusschen * www.frebsite.nl * * Dual licensed under the MIT and GPL licenses. * http://en.wikipedia.org/wiki/MIT_License * http://en.wikipedia.org/wiki/GNU_General_Public_License */ (function($) { if ($.fn.carouFredSel) return; $.fn.carouFredSel = function(o) { if (this.length == 0) { debug(true, 'No element selected.'); return this; } if (this.length > 1) { return this.each(function() { $(this).carouFredSel(o); }); } var $ttt = this, $tt0 = $ttt[0], $cfs = $(this); $ttt.init = function(o, setOrig) { var obs = ['items', 'scroll', 'auto', 'prev', 'next', 'pagination']; o = getObject(o); for (var a = 0; a < obs.length; a++) { o[obs[a]] = getObject(o[obs[a]]); } if (typeof o.scroll == 'number') { if (o.scroll <= 50) o.scroll = { items : o.scroll }; else o.scroll = { duration : o.scroll }; } else { if (typeof o.scroll == 'string') o.scroll = { easing : o.scroll }; } if (typeof o.items == 'number') o.items = { visible : o.items }; else if (typeof o.items == 'string') o.items = { visible : o.items, width : o.items, height : o.items }; if (setOrig) opts_orig = $.extend(true, {}, $.fn.carouFredSel.defaults, o); opts = $.extend(true, {}, $.fn.carouFredSel.defaults, o); opts.variableVisible = false; opts.d = {}; direction = (opts.direction == 'up' || opts.direction == 'left') ? 'next' : 'prev'; var dims = [ // 0 1 2 3 4 5 6 7 8 9 10 11 12 ['width' , 'innerWidth' , 'outerWidth' , 'height' , 'innerHeight' , 'outerHeight' , 'left', 'top' , 'marginRight' , 0, 1, 2, 3], ['height' , 'innerHeight' , 'outerHeight' , 'width' , 'innerWidth' , 'outerWidth' , 'top' , 'left', 'marginBottom', 3, 2, 1, 0] ]; var dn = dims[0].length, dx = (opts.direction == 'right' || opts.direction == 'left') ? 0 : 1; for (var d = 0; d < dn; d++) { opts.d[dims[0][d]] = dims[dx][d]; } var all_itm = getItems($cfs), lrgst_b = getTrueLargestSize(all_itm, opts, 'outerHeight', false); // DEPRECATED if (opts.padding == 'auto') { debug(true, 'The option "padding: auto" is deprecated, use "align: center".'); opts.padding = false; opts.align = 'center'; } // /DEPRECATED // secondairy size set to auto -> measure largest size and set it if (opts[opts.d['height']] == 'auto') { opts[opts.d['height']] = lrgst_b; opts.items[opts.d['height']] = lrgst_b; } // primairy item-size not set -> measure it or set to "variable" if (!opts.items[opts.d['width']]) { opts.items[opts.d['width']] = (hasVariableSizes(all_itm, opts, 'outerWidth')) ? 'variable' : all_itm[opts.d['outerWidth']](true); } // secondairy item-size not set -> measure it or set to "variable" if (!opts.items[opts.d['height']]) { opts.items[opts.d['height']] = (hasVariableSizes(all_itm, opts, 'outerHeight')) ? 'variable' : all_itm[opts.d['outerHeight']](true); } // secondairy size not set -> set to secondairy item-size if (!opts[opts.d['height']]) { opts[opts.d['height']] = opts.items[opts.d['height']]; } // visible-items not set if (!opts.items.visible) { // primairy item-size variable -> set visible items variable if (opts.items[opts.d['width']] == 'variable') { opts.items.visible = 'variable'; } else { // primairy size is number -> calculate visible-items if (typeof opts[opts.d['width']] == 'number') { opts.items.visible = Math.floor(opts[opts.d['width']] / opts.items[opts.d['width']]); } else { // measure and calculate primairy size and visible-items var maxS = getTrueInnerSize($wrp.parent(), opts, 'innerWidth'); opts.items.visible = Math.floor(maxS / opts.items[opts.d['width']]); opts[opts.d['width']] = opts.items.visible * opts.items[opts.d['width']]; opts.align = false; } } } // primairy size not set -> calculate it or set to "variable" if (!opts[opts.d['width']]) { if (opts.items.visible != 'variable' && opts.items[opts.d['width']] != 'variable') { opts[opts.d['width']] = opts.items.visible * opts.items[opts.d['width']]; opts.align = false; } else { opts[opts.d['width']] = 'variable'; } } // variable primairy item-sizes with variabe visible-items if (opts.items.visible == 'variable') { opts.variableVisible = true; opts.maxDimention = (opts[opts.d['width']] == 'variable') ? getTrueInnerSize($wrp.parent(), opts, 'innerWidth') : opts[opts.d['width']]; if (opts.align === false) { opts[opts.d['width']] = 'variable'; } opts.items.visible = getVisibleItemsNext($cfs, opts, 0); } if (typeof opts.padding == 'undefined') { opts.padding = 0; } // align not set -> set to center if primairy size is number if (typeof opts.align == 'undefined') { opts.align = (opts[opts.d['width']] == 'variable') ? false : 'center'; } opts.items.oldVisible = opts.items.visible; opts.usePadding = false; opts.padding = getPadding(opts.padding); if (opts.align == 'top') opts.align = 'left'; if (opts.align == 'bottom') opts.align = 'right'; switch (opts.align) { // align: center, left or right, only on fixed sizes case 'center': case 'left': case 'right': if (opts[opts.d['width']] != 'variable') { var p = getAlignPadding(getCurrentItems($cfs, opts), opts); opts.usePadding = true; opts.padding[opts.d[1]] = p[1]; opts.padding[opts.d[3]] = p[0]; } break; // padding default: opts.align = false; opts.usePadding = ( opts.padding[0] == 0 && opts.padding[1] == 0 && opts.padding[2] == 0 && opts.padding[3] == 0 ) ? false : true; break; } if (typeof opts.items.minimum != 'number') opts.items.minimum = (opts.variableVisible) ? 1 : opts.items.visible; if (typeof opts.scroll.items != 'number') opts.scroll.items = (opts.variableVisible) ? 'variable' : opts.items.visible; if (typeof opts.scroll.duration != 'number') opts.scroll.duration = 500; opts.auto = getNaviObject(opts.auto, false, true); opts.prev = getNaviObject(opts.prev); opts.next = getNaviObject(opts.next); opts.pagination = getNaviObject(opts.pagination, true); opts.auto = $.extend(true, {}, opts.scroll, opts.auto); opts.prev = $.extend(true, {}, opts.scroll, opts.prev); opts.next = $.extend(true, {}, opts.scroll, opts.next); opts.pagination = $.extend(true, {}, opts.scroll, opts.pagination); if (typeof opts.pagination.keys != 'boolean') opts.pagination.keys = false; if (typeof opts.pagination.anchorBuilder != 'function') opts.pagination.anchorBuilder = $.fn.carouFredSel.pageAnchorBuilder; if (typeof opts.auto.play != 'boolean') opts.auto.play = true; if (typeof opts.auto.nap != 'boolean') opts.auto.nap = true; if (typeof opts.auto.delay != 'number') opts.auto.delay = 0; if (typeof opts.auto.pauseDuration != 'number') opts.auto.pauseDuration = (opts.auto.duration < 10) ? 2500 : opts.auto.duration * 5; if (opts.debug) { debug(true, 'Carousel width: '+opts.width); debug(true, 'Carousel height: '+opts.height); debug(true, 'Item widths: '+opts.items.width); debug(true, 'Item heights: '+opts.items.height); debug(true, 'Number of items visible: '+opts.items.visible); if (opts.auto.play) debug(true, 'Number of items scrolled automatically: '+opts.auto.items); if (opts.prev.button) debug(true, 'Number of items scrolled backward: '+opts.prev.items); if (opts.next.button) debug(true, 'Number of items scrolled forward: '+opts.next.items); } }; // /init $ttt.build = function() { if ($cfs.css('position') == 'absolute' || $cfs.css('position') == 'fixed') { debug(opts.debug, 'Carousels CSS-attribute "position" should be "static" or "relative".'); } $wrp.css({ position : 'relative', overflow : 'hidden', marginTop : $cfs.css('marginTop'), marginRight : $cfs.css('marginRight'), marginBottom: $cfs.css('marginBottom'), marginLeft : $cfs.css('marginLeft') }); $cfs.data('cfs_origCss', { width : $cfs.css('width'), height : $cfs.css('height'), marginTop : $cfs.css('marginTop'), marginRight : $cfs.css('marginRight'), marginBottom: $cfs.css('marginBottom'), marginLeft : $cfs.css('marginLeft'), 'float' : $cfs.css('float'), position : $cfs.css('position'), top : $cfs.css('top'), left : $cfs.css('left') }).css({ marginTop : 0, marginRight : 0, marginBottom: 0, marginLeft : 0, 'float' : 'none', position : 'absolute' }); if (opts.usePadding) { getItems($cfs).each(function() { var m = parseInt($(this).css(opts.d['marginRight'])); if (isNaN(m)) m = 0; $(this).data('cfs_origCssMargin', m); }); } }; // /build $ttt.bind_events = function() { $ttt.unbind_events(); $cfs.bind('pause', function(e, g) { if (typeof g != 'boolean') g = false; if (g) pausedGlobal = true; if (autoTimeout != null) clearTimeout(autoTimeout); if (autoInterval != null) clearInterval(autoInterval); if (timerInterval != null) clearInterval(timerInterval); var dur1 = opts.auto.pauseDuration - pauseTimePassed, perc = 100 - Math.ceil( dur1 * 100 / opts.auto.pauseDuration ); if (perc != 0) { if (opts.auto.onPausePause) opts.auto.onPausePause.call($tt0, perc, dur1); } }); $cfs.bind('play', function(e, d, f, g) { $cfs.trigger('pause'); if (!opts.auto.play) return; var a = sortParams([d, f, g], ['string', 'number', 'boolean']); if (a[0] != 'prev' && a[0] != 'next') a[0] = direction; if (typeof a[1] != 'number') a[1] = 0; if (a[2]) pausedGlobal = false; if (pausedGlobal) return; var dur1 = opts.auto.pauseDuration - pauseTimePassed, dur2 = dur1 + a[1]; perc = 100 - Math.ceil(dur1 * 100 / opts.auto.pauseDuration); autoTimeout = setTimeout(function() { if ($cfs.is(':animated')) { $cfs.trigger('play', a[0]); } else { pauseTimePassed = 0; $cfs.trigger(a[0], opts.auto); } }, dur2); if (opts.auto.pauseOnHover === 'resume') { autoInterval = setInterval(function() { pauseTimePassed += 50; }, 50); } if (opts.auto.onPauseEnd && perc == 0) { opts.auto.onPauseEnd.call($tt0, perc, dur1); } if (opts.auto.onPauseStart) { timerInterval = setTimeout(function() { opts.auto.onPauseStart.call($tt0, perc, dur1); }, a[1]); } }); $cfs.bind('prev next', function(e, o, n, c) { if (pausedGlobal || $cfs.is(':animated') || $cfs.is(':hidden')) { e.stopImmediatePropagation(); return; } if (opts.items.minimum >= totalItems) { debug(opts.debug, 'Not enough items: not scrolling'); e.stopImmediatePropagation(); return; } pauseTimePassed = 0; var a = sortParams([o, n, c], ['object', 'number', 'function']); if (typeof a[0] != 'object') a[0] = opts[e.type]; if (typeof a[2] == 'function') a[0].onAfter = a[2]; if (typeof a[1] != 'number') { if (typeof a[0].items == 'number') a[1] = a[0].items; else if (typeof opts[e.type].items == 'number') a[1] = opts[e.type].items; else a[1] = opts.items.visible; } if (typeof a[1] != 'number') return debug(opts.debug, 'Not a valid number: '+a[1]+'. Not scrolling'); if (a[0].conditions && !a[0].conditions.call($tt0)) return debug(opts.debug, 'Callback "conditions" returned false.'); $cfs.trigger('slide_'+e.type, a); }); $cfs.bind('slidePrev', function(e, sO, nI) { $cfs.trigger('slide_prev', [sO, nI]); }).bind('slide_prev', function(e, sO, nI) { if (opts.variableVisible) { oI = nI; opts.items.oldVisible = opts.items.visible; var itm = getItems($cfs); if (opts.usePadding) resetMargin(itm, opts); opts.items.visible = getVisibleItemsPrev($cfs, opts, oI); nI = opts.items.visible - opts.items.oldVisible + oI; if (nI <= 0) { opts.items.visible = getVisibleItemsNext($cfs, opts, totalItems-oI); nI = oI; } if (opts.usePadding) resetMargin(itm, opts, true); } if (!opts.circular) { var nulItem = totalItems - firstItem; if (nulItem - nI < 0) { nI = nulItem; } if (firstItem == 0) { nI = 0; } } firstItem += nI; if (firstItem >= totalItems) firstItem -= totalItems; if (!opts.circular) { if (firstItem == 0 && nI != 0 && sO.onEnd) sO.onEnd.call($tt0); if (opts.infinite) { if (nI == 0) { $cfs.trigger('next', totalItems-opts.items.visible); return; } } else enableNavi(opts, firstItem); } if (nI == 0) return; getItems($cfs, ':gt('+(totalItems-nI-1)+')').prependTo($cfs); if (totalItems < opts.items.visible + nI) { getItems($cfs, ':lt('+((opts.items.visible+nI)-totalItems)+')').clone(true).appendTo($cfs); } var c_old = getOldItemsPrev($cfs, opts, nI), c_new = getNewItemsPrev($cfs, opts), l_cur = getItems($cfs, ':eq('+(nI-1)+')'), l_old = c_old.filter(':last'), l_new = c_new.filter(':last'); if (opts.usePadding) { resetMargin(l_old, opts); resetMargin(c_new, opts); } if (opts.align) var p = getAlignPadding(getNewItemsPrev($cfs, opts, nI), opts); var i_siz = getTotalSize(getItems($cfs, ':lt('+nI+')'), opts, 'width'), w_siz = mapWrapperSizes(getSizes(c_new, opts, true), opts, !opts.usePadding); if (opts.usePadding) { resetMargin(l_old, opts, opts.padding[opts.d[1]]); resetMargin(l_cur, opts, opts.padding[opts.d[3]]); } if (opts.align) { opts.padding[opts.d[1]] = p[1]; opts.padding[opts.d[3]] = p[0]; } var a_cfs = {}, a_new = {}, a_cur = {}, a_old = {}, a_dur = sO.duration; if (sO.fx == 'none') a_dur = 0; else if (a_dur == 'auto') a_dur = opts.scroll.duration / opts.scroll.items * nI; else if (a_dur <= 0) a_dur = 0; else if (a_dur < 10) a_dur = i_siz / a_dur; var a_conf = { duration: a_dur, easing : sO.easing }; if (sO.onBefore) sO.onBefore.call($tt0, c_old, c_new, w_siz, a_dur); if (opts.usePadding) { var new_m = opts.padding[opts.d[3]]; a_cur[opts.d['marginRight']] = l_cur.data('cfs_origCssMargin'); a_new[opts.d['marginRight']] = l_new.data('cfs_origCssMargin') + opts.padding[opts.d[1]]; a_old[opts.d['marginRight']] = l_old.data('cfs_origCssMargin'); l_cur.stop().animate(a_cur, a_conf); l_new.stop().animate(a_new, a_conf); l_old.stop().animate(a_old, a_conf); } else { var new_m = 0; } a_cfs[opts.d['left']] = new_m; if (opts[opts.d['width']] == 'variable' || opts[opts.d['height']] == 'variable') { $wrp.stop().animate(w_siz, a_conf); } // alternative effects switch(sO.fx) { case 'crossfade': case 'cover': case 'uncover': var $cf2 = $cfs.clone().appendTo($wrp); break; } switch(sO.fx) { case 'uncover': getItems($cf2, ':lt('+nI+')').remove(); case 'crossfade': case 'cover': getItems($cf2, ':gt('+(opts.items.oldVisible-1)+')').remove(); break; } switch(sO.fx) { case 'fade': fx_fade(sO, $cfs, 0, a_dur); break; case 'crossfade': $cf2.css({ opacity: 0 }); fx_fade(sO, $cf2, 1, a_dur); fx_fade(sO, $cfs, 1, a_dur, function() { $cf2.remove(); }); break; case 'cover': fx_cover(sO, $cfs, $cf2, opts, a_dur, true); break; case 'uncover': fx_uncover(sO, $cf2, opts, a_dur, true); break; } switch(sO.fx) { case 'fade': case 'crossfade': case 'cover': case 'uncover': f_dur = a_dur; a_dur = 0; break; } // /alternative effects var c_nI = nI; $cfs.css(opts.d['left'], -i_siz); $cfs.animate(a_cfs, { duration: a_dur, easing : sO.easing, complete: function() { var overFill = opts.items.visible+c_nI-totalItems; if (overFill > 0) { getItems($cfs, ':gt('+(totalItems-1)+')').remove(); c_old = getItems($cfs, ':gt('+(totalItems-(c_nI-overFill)-1)+')').get().concat( getItems($cfs, ':lt('+overFill+')').get() ); } if (opts.usePadding) { var l_itm = getItems($cfs, ':eq('+(opts.items.visible+nI-1)+')'); l_itm.css(opts.d['marginRight'], l_itm.data('cfs_origCssMargin')); } var fn = (sO.onAfter) ? function() { sO.onAfter.call($tt0, c_old, c_new, w_siz); } : false; switch(sO.fx) { case 'fade': case 'uncover': fx_fade(sO, $cfs, 1, f_dur, fn); break; default: if (fn) fn(); break; } } }); $cfs.trigger('updatePageStatus', [false, w_siz]).trigger('play', a_dur); }); $cfs.bind('slideNext', function(e, sO, nI) { $cfs.trigger('slide_next', [sO, nI]); }).bind('slide_next', function(e, sO, nI) { if (opts.variableVisible) { opts.items.oldVisible = opts.items.visible; var itm = getItems($cfs); if (opts.usePadding) resetMargin(itm, opts); opts.items.visible = getVisibleItemsNext($cfs, opts, nI); if (opts.items.oldVisible - nI >= opts.items.visible) opts.items.visible = getVisibleItemsNext($cfs, opts, ++nI); if (opts.usePadding) resetMargin(itm, opts, true); } if (!opts.circular) { if (firstItem == 0) { if (nI > totalItems - opts.items.visible) { nI = totalItems - opts.items.visible; } } else { if (firstItem - nI < opts.items.visible) { nI = firstItem - opts.items.visible; } } } firstItem -= nI; if (firstItem < 0) firstItem += totalItems; if (!opts.circular) { if (firstItem == opts.items.visible && nI != 0 && sO.onEnd) sO.onEnd.call($tt0); if (opts.infinite) { if (nI == 0) { $cfs.trigger('prev', totalItems-opts.items.visible); return; } } else enableNavi(opts, firstItem); } if (nI == 0) return; if (totalItems < opts.items.visible + nI) getItems($cfs, ':lt('+((opts.items.visible+nI)-totalItems)+')').clone(true).appendTo($cfs); var c_old = getOldItemsNext($cfs, opts), c_new = getNewItemsNext($cfs, opts, nI), l_cur = c_old.filter(':eq('+(nI-1)+')'), l_old = c_old.filter(':last'), l_new = c_new.filter(':last'); if (opts.usePadding) { resetMargin(l_old, opts); resetMargin(l_new, opts); } if (opts.align) var p = getAlignPadding(getNewItemsNext($cfs, opts, nI), opts); var i_siz = getTotalSize(getItems($cfs, ':lt('+nI+')'), opts, 'width'), w_siz = mapWrapperSizes(getSizes(c_new, opts, true), opts, !opts.usePadding); if (opts.usePadding) { resetMargin(l_old, opts, opts.padding[opts.d[1]]); resetMargin(l_new, opts, opts.padding[opts.d[1]]); } if (opts.align) { opts.padding[opts.d[1]] = p[1]; opts.padding[opts.d[3]] = p[0]; } var a_cfs = {}, a_old = {}, a_cur = {}, a_dur = sO.duration; if (sO.fx == 'none') a_dur = 0; else if (a_dur == 'auto') a_dur = opts.scroll.duration / opts.scroll.items * nI; else if (a_dur <= 0) a_dur = 0; else if (a_dur < 10) a_dur = i_siz / a_dur; var a_conf = { duration: a_dur, easing : sO.easing }; if (sO.onBefore) sO.onBefore.call($tt0, c_old, c_new, w_siz, a_dur); if (opts.usePadding) { a_old[opts.d['marginRight']] = l_old.data('cfs_origCssMargin'); a_cur[opts.d['marginRight']] = l_cur.data('cfs_origCssMargin') + opts.padding[opts.d[3]]; l_new.css(opts.d['marginRight'], l_new.data('cfs_origCssMargin') + opts.padding[opts.d[1]]); l_old.stop().animate(a_old, a_conf); l_cur.stop().animate(a_cur, a_conf); } a_cfs[opts.d['left']] = -i_siz; if (opts[opts.d['width']] == 'variable' || opts[opts.d['height']] == 'variable') { $wrp.stop().animate(w_siz, a_conf); } // alternative effects switch(sO.fx) { case 'crossfade': case 'cover': case 'uncover': var $cf2 = $cfs.clone().appendTo($wrp); break; } switch(sO.fx) { case 'crossfade': case 'cover': getItems($cf2, ':lt('+nI+')').remove(); case 'uncover': getItems($cf2, ':gt('+(opts.items.visible-1)+')').remove(); break; } switch(sO.fx) { case 'fade': fx_fade(sO, $cfs, 0, a_dur); break; case 'crossfade': $cf2.css({ opacity: 0 }); fx_fade(sO, $cf2, 1, a_dur); fx_fade(sO, $cfs, 1, a_dur, function() { $cf2.remove(); }); break; case 'cover': fx_cover(sO, $cfs, $cf2, opts, a_dur, false); break; case 'uncover': fx_uncover(sO, $cf2, opts, a_dur, false); break; } switch(sO.fx) { case 'fade': case 'crossfade': case 'cover': case 'uncover': f_dur = a_dur; a_dur = 0; break; } // /alternative effects var c_nI = nI; $cfs.animate(a_cfs, { duration: a_dur, easing : sO.easing, complete: function() { var overFill = opts.items.visible+c_nI-totalItems, new_m = (opts.usePadding) ? opts.padding[opts.d[3]] : 0; $cfs.css(opts.d['left'], new_m); if (overFill > 0) { getItems($cfs, ':gt('+(totalItems-1)+')').remove(); } var l_itm = getItems($cfs, ':lt('+c_nI+')').appendTo($cfs).filter(':last'); if (overFill > 0) { c_new = getCurrentItems($cfs, opts); } if (opts.usePadding) { if (totalItems < opts.items.visible+c_nI) { var l_cur = getItems($cfs, ':eq('+(opts.items.visible-1)+')'); l_cur.css(opts.d['marginRight'], l_cur.data('cfs_origCssMargin') + opts.padding[opts.d[3]]); } l_itm.css(opts.d['marginRight'], l_itm.data('cfs_origCssMargin')); } var fn = (sO.onAfter) ? function() { sO.onAfter.call($tt0, c_old, c_new, w_siz); } : false; switch(sO.fx) { case 'fade': case 'uncover': fx_fade(sO, $cfs, 1, f_dur, fn); break; default: if (fn) fn(); break; } } }); $cfs.trigger('updatePageStatus', [false, w_siz]).trigger('play', a_dur); }); $cfs.bind('slideTo', function(e, num, dev, org, obj) { if ($cfs.is(':animated')) return; num = getItemIndex(num, dev, org, firstItem, totalItems, $cfs); if (num == 0) return; if (typeof obj != 'object') obj = false; if (opts.circular) { if (num <= totalItems / 2) $cfs.trigger('next', [obj, num]); else $cfs.trigger('prev', [obj, totalItems-num]); } else { if (firstItem == 0 || firstItem > num) $cfs.trigger('next', [obj, num]); else $cfs.trigger('prev', [obj, totalItems-num]); } }); $cfs.bind('insertItem', function(e, itm, num, org, dev) { if (typeof itm == 'object' && typeof itm.jquery == 'undefined') itm = $(itm); if (typeof itm == 'string') itm = $(itm); if (typeof itm != 'object' || typeof itm.jquery == 'undefined' || itm.length == 0) return debug(opts.debug, 'Not a valid object.'); if (typeof num == 'undefined' || num == 'end') { $cfs.append(itm); } else { num = getItemIndex(num, dev, org, firstItem, totalItems, $cfs); var $cit = getItems($cfs, ':eq('+num+')'); if (opts.usePadding) { itm.each(function() { var m = parseInt($(this).css(opts.d['marginRight'])); if (isNaN(m)) m = 0; $(this).data('cfs_origCssMargin', m); }); } if ($cit.length) { if (num < firstItem) firstItem += itm.length; if (firstItem >= totalItems) firstItem -= totalItems; $cit.before(itm); } else { $cfs.append(itm); } } totalItems = getItems($cfs).length; $cfs.trigger('linkAnchors'); var sz = setSizes($cfs, opts); showNavi(opts, totalItems); enableNavi(opts, firstItem); $cfs.trigger('updatePageStatus', [true, sz]); }); $cfs.bind('removeItem', function(e, num, org, dev) { if (typeof num == 'undefined' || num == 'end') { getItems($cfs, ':last').remove(); } else { num = getItemIndex(num, dev, org, firstItem, totalItems, $cfs); var $cit = getItems($cfs, ':eq('+num+')'); if ($cit.length){ if (num < firstItem) firstItem -= $cit.length; $cit.remove(); } } totalItems = getItems($cfs).length; var sz = setSizes($cfs, opts); showNavi(opts, totalItems); enableNavi(opts, firstItem); $cfs.trigger('updatePageStatus', [true, sz]); }); $cfs.bind('linkAnchors', function(e, $con, sel) { if (typeof $con == 'undefined' || $con.length == 0) $con = $('body'); else if (typeof $con == 'string') $con = $($con); if (typeof $con != 'object') return debug(opts.debug, 'Not a valid object.'); if (typeof sel != 'string' || sel.length == 0) sel = 'a.caroufredsel'; $con.find(sel).each(function() { var h = this.hash || ''; if (h.length > 0 && getItems($cfs).index($(h)) != -1) { $(this).unbind('click').click(function(e) { e.preventDefault(); $cfs.trigger('slideTo', h); }); } }); }); $cfs.bind('currentPosition', function(e, fn) { if (typeof fn != 'function') return; if (firstItem == 0) var val = 0; else var val = totalItems - firstItem; fn.call($tt0, val); }); $cfs.bind('currentPage', function(e, fn) { if (typeof fn != 'function') return; var max = Math.ceil(totalItems/opts.items.visible-1); if (firstItem == 0) var nr = 0; else if (firstItem < totalItems % opts.items.visible) var nr = 0; else if (firstItem == opts.items.visible && !opts.circular) var nr = max; else var nr = Math.round((totalItems-firstItem)/opts.items.visible); if (nr < 0) nr = 0; if (nr > max) nr = max; fn.call($tt0, nr); }); $cfs.bind('currentVisible', function(e, fn) { if (typeof fn != 'function') return; return getCurrentItems($cfs, opts); }); $cfs.bind('configuration', function(e, a, b, reInit) { // return entire configuration-object if (typeof a == 'function') { a.call($tt0, opts); // set multiple options via object } else if (typeof a == 'object') { reInit = (b === false) ? false : 'ObjectConfiguration'; for (var c in a) { if (typeof a[c] == 'object') { for (var d in a[c]) { $cfs.trigger('configuration', [c+'.'+d, a[c][d], reInit]); } } else $cfs.trigger('configuration', [c, a[c], reInit]); } if (b !== false) { resetMargin(getItems($cfs), opts); $ttt.init(opts_orig); setSizes($cfs, opts); } } else if (typeof a != 'undefined') { // return value for specific option if (typeof b == 'function') { var val = eval('opts.'+a); if (typeof val == 'undefined') val = ''; b.call($tt0, val); // set individual option } else if (typeof b != 'undefined') { if (typeof reInit == 'undefined') reInit = true; if ($cfs.is(':animated')) { setTimeout(function() { $cfs.trigger('configuration', [a, b, reInit]); }, 100); return debug(opts.debug, 'carousel animated, configuration timeout.'); } eval('opts_orig.'+a+' = b'); if (reInit === true) { resetMargin(getItems($cfs), opts); $ttt.init(opts_orig); setSizes($cfs, opts); } else if (reInit != 'ObjectConfiguration') { eval('opts.'+a+' = b'); } } } }); $cfs.bind('destroy', function(e, orgOrder) { if (orgOrder) { $cfs.trigger('slideTo', [0, 0, true, { duration: 0 }]); } if (opts.usePadding) { resetMargin(getItems($cfs), opts); } $cfs.trigger('pause').css($cfs.data('cfs_origCss')); $ttt.unbind_events(); $ttt.unbind_buttons(); $wrp.replaceWith($cfs); }); $cfs.bind('updatePageStatus', function(e, build, sizes) { if (!opts.pagination.container) return; if (typeof build == 'boolean' && build) { getItems(opts.pagination.container).remove(); for (var a = 0; a < Math.ceil(totalItems/opts.items.visible); a++) { var i = getItems($cfs, ':eq(' + getItemIndex(a*opts.items.visible, 0, true, firstItem, totalItems, $cfs) + ')'); opts.pagination.container.append(opts.pagination.anchorBuilder(a+1, i)); } getItems(opts.pagination.container).unbind('click').each(function(a) { $(this).click(function(e) { e.preventDefault(); $cfs.trigger('slideTo', [a * opts.items.visible, 0, true, opts.pagination]); }); }); } $cfs.trigger('currentPage', function(nr) { getItems(opts.pagination.container).removeClass('selected').filter(':eq('+nr+')').addClass('selected'); }); }); }; // /bind_events $ttt.unbind_events = function() { $cfs.unbind('pause').unbind('play') .unbind('prev').unbind('slidePrev').unbind('slide_prev') .unbind('next').unbind('slideNext').unbind('slide_next') .unbind('slideTo') .unbind('insertItem').unbind('removeItem') .unbind('currentPosition').unbind('currentPage').unbind('currentVisible') .unbind('linkAnchors') .unbind('destroy') .unbind('updatePageStatus') .unbind('configuration'); }; // /unbind_events $ttt.bind_buttons = function() { showNavi(opts, totalItems); enableNavi(opts, firstItem); if (opts.auto.pauseOnHover && opts.auto.play) { $wrp.hover( function() { $cfs.trigger('pause'); }, function() { $cfs.trigger('play'); } ); } if (opts.prev.button) { opts.prev.button.click(function(e) { e.preventDefault(); $cfs.trigger('prev'); }); if (opts.prev.pauseOnHover && opts.auto.play) { opts.prev.button.hover( function() { $cfs.trigger('pause'); }, function() { $cfs.trigger('play'); } ); } } if (opts.next.button) { opts.next.button.click(function(e) { e.preventDefault(); $cfs.trigger('next'); }); if (opts.next.pauseOnHover && opts.auto.play) { opts.next.button.hover( function() { $cfs.trigger('pause'); }, function() { $cfs.trigger('play'); } ) } } if ($.fn.mousewheel) { if (opts.prev.mousewheel) { $wrp.mousewheel(function(e, delta) { if (delta > 0) { e.preventDefault(); num = (typeof opts.prev.mousewheel == 'number') ? opts.prev.mousewheel : ''; $cfs.trigger('prev', num); } }); } if (opts.next.mousewheel) { $wrp.mousewheel(function(e, delta) { if (delta < 0) { e.preventDefault(); num = (typeof opts.next.mousewheel == 'number') ? opts.next.mousewheel : ''; $cfs.trigger('next', num); } }); } } if (opts.pagination.container) { if (opts.pagination.pauseOnHover && opts.auto.play) { opts.pagination.container.hover( function() { $cfs.trigger('pause'); }, function() { $cfs.trigger('play'); } ); } } if (opts.next.key || opts.prev.key) { $(document).keyup(function(e) { var k = e.keyCode; if (k == opts.next.key) { e.preventDefault(); $cfs.trigger('next'); } if (k == opts.prev.key) { e.preventDefault(); $cfs.trigger('prev'); } }); } if (opts.pagination.keys) { $(document).keyup(function(e) { var k = e.keyCode; if (k >= 49 && k < 58) { k = (k-49) * opts.items.visible; if (k <= totalItems) { e.preventDefault(); $cfs.trigger('slideTo', [k, 0, true, opts.pagination]); } } }); } if (opts.auto.play) { $cfs.trigger('play', opts.auto.delay); if ($.fn.nap && opts.auto.nap) { $cfs.nap('pause', 'play'); } } }; // /bind_buttons $ttt.unbind_buttons = function() { showNavi(opts, 'hide'); enableNavi(opts, 'removeClass'); if (opts.pagination.container) { getItems(opts.pagination.container).remove(); } }; // /unbind_buttons // DEPRECATED $ttt.configuration = function(a, b) { debug(true, 'The "configuration" public method is deprecated, use the "configuration" custom event.'); var cr = false; var fn = function(val) { cr = val; }; if (!a) a = fn; if (!b) b = fn; $cfs.trigger('configuration', [a, b]); return cr; }; $ttt.current_position = function() { debug(true, 'The "current_position" public method is deprecated, use the "currentPosition" custom event.'); var cp = false; $cfs.trigger('currentPosition', function(val) { cp = val; }); return cp; }; $ttt.destroy = function() { debug(true, 'The "destroy" public method is deprecated, use the "destroy" custom event.'); $cfs.trigger('destroy'); return $ttt; }; $ttt.link_anchors = function($c, se) { debug(true, 'The "link_anchors" public method is deprecated, use the "linkAnchors" custom event.'); $cfs.trigger('linkAnchors', [$c, se]); return $ttt; }; // /DEPRECATED if ($cfs.parent().is('.caroufredsel_wrapper')) { var $wrp = $cfs.parent(); $cfs.trigger('destroy'); } var $wrp = $cfs.wrap('
').parent(), opts = {}, opts_orig = o, totalItems = getItems($cfs).length, firstItem = 0, autoTimeout = null, autoInterval = null, timerInterval = null, pauseTimePassed = 0, pausedGlobal = false, direction = 'next'; $ttt.init(opts_orig, true); $ttt.build(); $ttt.bind_events(); $ttt.bind_buttons(); if (opts.items.start !== 0 && opts.items.start !== false) { var s = opts.items.start; if (s === true) { s = window.location.hash; if (!s.length) s = 0; } else if (s === 'random') { s = Math.floor(Math.random() * totalItems); } $cfs.trigger('slideTo', [s, 0, true, { duration: 0 }]); } var siz = setSizes($cfs, opts, false), itm = getCurrentItems($cfs, opts); if (opts.onCreate) { opts.onCreate.call($tt0, itm, siz); } $cfs.trigger('updatePageStatus', [true, siz]); $cfs.trigger('linkAnchors'); return this; }; // public $.fn.carouFredSel.defaults = { debug: false, infinite: true, circular: true, direction: 'left', items: { start: 0 }, scroll: { easing: 'swing', pauseOnHover: false, mousewheel: false } }; $.fn.carouFredSel.pageAnchorBuilder = function(nr, itm) { return ''+nr+''; }; // private function fx_fade(sO, c, x, d, f) { var o = { duration: d, easing: sO.easing }; if (typeof f == 'function') o.complete = f; c.animate({ opacity: x }, o); } function fx_cover(sO, c1, c2, o, d, prev) { var cur_w = getSizes(getItems(c2), o, true)[0], cur_p = (prev) ? -cur_w : cur_w, css_o = {}, ani_o = {}; css_o[o.d['width']] = cur_w; css_o[o.d['left']] = cur_p; ani_o[o.d['left']] = 0; c1.animate({ opacity: '+=0' }, d); c2.css(css_o).animate(ani_o, { duration: d, easing: sO.easing, complete: function() { $(this).remove(); } }); } function fx_uncover(sO, c, o, d, prev) { var cur_w = getSizes(getItems(c), o, true)[0], cur_p = (prev) ? cur_w : -cur_w, css_o = {}, ani_o = {}; css_o[o.d['width']] = cur_w; ani_o[o.d['left']] = cur_p; c.css(css_o).animate(ani_o, { duration: d, easing: sO.easing, complete: function() { $(this).remove(); } }); } function showNavi(o, t) { if (t == 'show' || t == 'hide') { var f = t; } else if (o.items.minimum >= t) { debug(o.debug, 'Not enough items: not scrolling'); var f = 'hide'; } else { var f = 'show'; } if (o.prev.button) o.prev.button[f](); if (o.next.button) o.next.button[f](); if (o.pagination.container) o.pagination.container[f](); } function enableNavi(o, f) { if (o.circular || o.infinite) return; var fx = (f == 'removeClass' || f == 'addClass') ? f : false; if (o.next.button) { var fn = fx || (f == o.items.visible) ? 'addClass' : 'removeClass'; o.next.button[fn]('disabled'); } if (o.prev.button) { var fn = fx || (f == 0) ? 'addClass' : 'removeClass'; o.prev.button[fn]('disabled'); } } function sortParams(vals, typs) { var _arr = []; for (var a = 0; a < vals.length; a++) { for (var b = 0; b < typs.length; b++) { if (typeof vals[a] == typs[b] && !_arr[b]) { _arr[b] = vals[a]; break; } } } return _arr; } function getKeyCode(k) { if (k == 'right') return 39; if (k == 'left') return 37; if (k == 'up') return 38; if (k == 'down') return 40; return -1; } function getObject(obj) { if (typeof obj == 'undefined') obj = {}; return obj; } function getNaviObject(obj, pagi, auto) { if (typeof pagi != 'boolean') pagi = false; if (typeof auto != 'boolean') auto = false; obj = getObject(obj); if (typeof obj == 'string') { var temp = getKeyCode(obj); if (temp == -1) obj = $(obj); else obj = temp; } // pagination if (pagi) { if (typeof obj == 'boolean') obj = { keys: obj }; if (typeof obj.jquery != 'undefined') obj = { container: obj }; if (typeof obj.container == 'string') obj.container = $(obj.container); // auto } else if (auto) { if (typeof obj == 'boolean') obj = { play: obj }; if (typeof obj == 'number') obj = { pauseDuration: obj }; if (typeof obj.timer != 'object') obj.timer = {}; // prev + next } else { if (typeof obj.jquery != 'undefined') obj = { button: obj }; if (typeof obj == 'number') obj = { key: obj }; if (typeof obj.button == 'string') obj.button = $(obj.button); if (typeof obj.key == 'string') obj.key = getKeyCode(obj.key); } return obj; } function getItemIndex(num, dev, org, firstItem, totalItems, $cfs) { if (typeof num == 'string') { if (isNaN(num)) num = $(num); else num = parseInt(num); } if (typeof num == 'object') { if (typeof num.jquery == 'undefined') num = $(num); num = getItems($cfs).index(num); if (num == -1) num = 0; if (typeof org != 'boolean') org = false; } else { if (typeof org != 'boolean') org = true; } if (isNaN(num)) num = 0; else num = parseInt(num); if (isNaN(dev)) dev = 0; else dev = parseInt(dev); if (org) { num += firstItem; } num += dev; if (totalItems > 0) { while (num >= totalItems) { num -= totalItems; } while (num < 0) { num += totalItems; } } return num; } function getItems(c, f) { if (typeof f != 'string') f = ''; return $('> *'+f, c); } function getCurrentItems(c, o) { return getItems(c, ':lt('+o.items.visible+')'); } function getOldItemsPrev(c, o, n) { return getItems(c, ':lt('+(o.items.oldVisible+n)+'):gt('+(n-1)+')'); } function getNewItemsPrev(c, o) { return getItems(c, ':lt('+o.items.visible+')'); } function getOldItemsNext(c, o) { return getItems(c, ':lt('+o.items.oldVisible+')'); } function getNewItemsNext(c, o, n) { return getItems(c, ':lt('+(o.items.visible+n)+'):gt('+(n-1)+')'); } function resetMargin(i, o, m) { var x = (typeof m == 'boolean') ? m : false; if (typeof m != 'number') m = 0; i.each(function() { var t = parseInt($(this).css(o.d['marginRight'])); if (isNaN(t)) t = 0; $(this).data('cfs_tempCssMargin', t); $(this).css(o.d['marginRight'], ((x) ? $(this).data('cfs_tempCssMargin') : m + $(this).data('cfs_origCssMargin'))); }); } function getSizes(i, o, wrapper) { s1 = getTotalSize(i, o, 'width', wrapper); s2 = getLargestSize(i, o, 'height', wrapper); return [s1, s2]; } function getLargestSize(i, o, dim, wrapper) { if (typeof wrapper != 'boolean') wrapper = false; if (typeof o[o.d[dim]] == 'number' && wrapper) return o[o.d[dim]]; if (typeof o.items[o.d[dim]] == 'number') return o.items[o.d[dim]]; var di2 = (dim.toLowerCase().indexOf('width') > -1) ? 'outerWidth' : 'outerHeight'; return getTrueLargestSize(i, o, di2); } function getTrueLargestSize(i, o, dim) { var s = 0; i.each(function() { var m = $(this)[o.d[dim]](true); if (s < m) s = m; }); return s; } function getTrueInnerSize($el, o, dim) { var siz = $el[o.d[dim]](), arr = (o.d[dim].toLowerCase().indexOf('width') > -1) ? ['paddingLeft', 'paddingRight'] : ['paddingTop', 'paddingBottom'], lng = arr.length; for (a = 0; a < lng; a++) { var m = parseInt($el.css(arr[a])); if (isNaN(m)) m = 0; siz -= m; } return siz; } function getTotalSize(i, o, dim, wrapper) { if (typeof wrapper != 'boolean') wrapper = false; if (typeof o[o.d[dim]] == 'number' && wrapper) return o[o.d[dim]]; if (typeof o.items[o.d[dim]] == 'number') return o.items[o.d[dim]] * i.length; var di2 = (dim.toLowerCase().indexOf('width') > -1) ? 'outerWidth' : 'outerHeight'; return getTotalSizeVariable(i, o, di2); } function getTotalSizeVariable(i, o, dim) { var s = 0; i.each(function() { s += $(this)[o.d[dim]](true); }); return s; } function hasVariableSizes(i, o, dim) { var s = false, v = false; i.each(function() { c = $(this)[o.d[dim]](); if (s === false) s = c; else if (s != c) v = true; }); return v; } function mapWrapperSizes(ws, o, p) { if (typeof p != 'boolean') p = true; var pad = (o.usePadding && p) ? o.padding : [0, 0, 0, 0]; var wra = {}; wra[o.d['width']] = ws[0] + pad[1] + pad[3]; wra[o.d['height']] = ws[1] + pad[0] + pad[2]; return wra; } function setSizes($c, o, p) { var $w = $c.parent(), $i = getItems($c), $v = getCurrentItems($c, o), sz = mapWrapperSizes(getSizes($v, o, true), o, p); $w.css(sz); if (o.usePadding) { var $l = $v.filter(':last'); $l.css(o.d['marginRight'], $l.data('cfs_origCssMargin') + o.padding[o.d[1]]); $c.css(o.d['top'], o.padding[o.d[0]]); $c.css(o.d['left'], o.padding[o.d[3]]); } $c.css(o.d['width'], getTotalSize($i, o, 'width')*2); $c.css(o.d['height'], getLargestSize($i, o, 'height')); return sz; } function getPadding(p) { if (typeof p == 'undefined') return [0, 0, 0, 0]; if (typeof p == 'number') return [p, p, p, p]; else if (typeof p == 'string') p = p.split('px').join('').split(' '); if (typeof p != 'object') { return [0, 0, 0, 0]; } for (var i = 0; i < 4; i++) { p[i] = parseInt(p[i]); } switch (p.length) { case 0: return [0, 0, 0, 0]; case 1: return [p[0], p[0], p[0], p[0]]; case 2: return [p[0], p[1], p[0], p[1]]; case 3: return [p[0], p[1], p[2], p[1]]; default: return [p[0], p[1], p[2], p[3]]; } } function getAlignPadding(itm, o) { var x = (typeof o[o.d['width']] == 'number') ? Math.ceil(o[o.d['width']] - getTotalSize(itm, o, 'width')) : 0; switch (o.align) { case 'left': return [0, x]; break; case 'right': return [x, 0]; break; case 'center': default: var x1 = Math.ceil(x/2), x2 = Math.floor(x/2); return [x1, x2]; break; } } function getVisibleItemsPrev($c, o, nI) { var items = getItems($c), total = 0, start = o.items.visible - nI - 1, x = 0; if (start < 0) start = items.length-1; for (var a = start; a >= 0; a--) { total += items.filter(':eq('+ a +')')[o.d['outerWidth']](true); if (total > o.maxDimention) return x; if (a == 0) a = items.length; x++; } } function getVisibleItemsNext($c, o, nI) { var items = getItems($c), total = 0, x = 0; for (var a = nI; a <= items.length-1; a++) { total += items.filter(':eq('+ a +')')[o.d['outerWidth']](true); if (total > o.maxDimention) return x; if (a == items.length-1) a = -1; x++; } } function debug(d, m) { if (!d) return false; if (typeof m == 'string') m = 'carouFredSel: ' + m; if (window.console && window.console.log) window.console.log(m); return false; } $.fn.caroufredsel = function(o) { return this.carouFredSel(o); }; })(jQuery); /*! * Contained Sticky Scroll v1.1 * http://blog.echoenduring.com/2010/11/15/freebie-contained-sticky-scroll-jquery-plugin/ * * Copyright 2010, Matt Ward */ (function( $ ){ $.fn.containedStickyScroll = function( options ) { var defaults = { unstick : true, easing: 'linear', duration: 500, queue: false, // closeChar: '^', closeTop: 0, closeRight: 0 } var options = $.extend(defaults, options); var $getObject = $(this).selector; if(options.unstick == true){ this.css('position','relative'); // this.append('' + options.closeChar + ''); jQuery($getObject + ' .scrollFixIt').css('position','absolute'); jQuery($getObject + ' .scrollFixIt').css('top',options.closeTop + 'px'); jQuery($getObject + ' .scrollFixIt').css('right',options.closeTop + 'px'); jQuery($getObject + ' .scrollFixIt').css('cursor','pointer'); jQuery($getObject + ' .scrollFixIt').click(function() { jQuery($getObject).animate({ top: "0px" }, { queue: options.queue, easing: options.easing, duration: options.duration }); jQuery(window).unbind(); jQuery('.scrollFixIt').remove(); }); } jQuery(window).scroll(function() { if(jQuery(window).scrollTop() > (jQuery($getObject).parent().offset().top) && (jQuery($getObject).parent().height() + jQuery($getObject).parent().position().top - 30) > (jQuery(window).scrollTop() + jQuery($getObject).height())){ jQuery($getObject).animate({ top: (jQuery(window).scrollTop() - jQuery($getObject).parent().offset().top) + "px" }, { queue: options.queue, easing: options.easing, duration: options.duration }); } else if(jQuery(window).scrollTop() < (jQuery($getObject).parent().offset().top)){ jQuery($getObject).animate({ top: "0px" }, { queue: options.queue, easing: options.easing, duration: options.duration }); } }); }; })( jQuery );