.
*
* @private
* @property
* @name element
* @type Element
* @cat Plugins/Em
*/
element: $('
').css({ left: '-100em',
position: 'absolute',
width: '100em' })
.prependTo('body')[0],
/**
* The action to perform when a change in the font size is detected.
*
* @example $.em.action = function() { ... }
* @desc The default action is to trigger a global ÒemchangeÓ event.
* You probably shouldnÕt change this behaviour as other plugins may
* rely on it, but the option is here for completion.
*
* @example $(document).bind('emchange', function(e, cur, prev) {...})
* @desc Any functions triggered on this event are passed the current
* font size, and last known font size as additional parameters.
*
* @private
* @property
* @name action
* @type Function
* @cat Plugins/Em
* @see current
* @see previous
*/
action: function() {
var currentWidth = $.em.element.offsetWidth / 100;
// If the font size has changed since we last checkedÉ
if ( currentWidth != $.em.current ) {
/**
* The previous pixel value of the user agentÕs font size. See
* $.em.current for caveats. Will initially be undefined until
* the ÒemchangeÓ event is triggered.
*
* @example $.em.previous;
* @result 16
*
* @property
* @name previous
* @type Number
* @cat Plugins/Em
* @see current
*/
$.em.previous = $.em.current;
/**
* The current pixel value of the user agentÕs font size. As
* with $.em.previous, this value *may* be subject to minor
* browser rounding errors that mean you might not want to
* rely upon it as an absolute value.
*
* @example $.em.current;
* @result 14
*
* @property
* @name current
* @type Number
* @cat Plugins/Em
* @see previous
*/
$.em.current = currentWidth;
$.event.trigger(eventName, [$.em.current, $.em.previous]);
}
}
}, $.em );
/**
* Bind a function to the emchange event of each matched element.
*
* @example $("p").emchange( function() { alert("Hello"); } );
*
* @name emchange
* @type jQuery
* @param Function fn A function to bind to the emchange event.
* @cat Plugins/Em
*/
/**
* Trigger the emchange event of each matched element.
*
* @example $("p").emchange()
*
* @name emchange
* @type jQuery
* @cat Plugins/Em
*/
$.fn[eventName] = function(fn) { return fn ? this.bind(eventName, fn)
: this.trigger(eventName); };
// Store the initial pixel value of the user agentÕs font size.
$.em.current = $.em.element.offsetWidth / 100;
/**
* While polling for font-size changes, $.em.iid stores the intervalID in
* case you should want to cancel with clearInterval().
*
* @example window.clearInterval( $.em.iid );
*
* @property
* @name iid
* @type Number
* @cat Plugins/Em
*/
$.em.iid = setInterval( $.em.action, $.em.delay );
});
( function( $ )
{
jQuery(function($) {
$( window ).wresize(resizeScroller);
function resizeScroller() {
$('.scroll-pane').each(function(i, elem) {
if($(elem).attr('id') == undefined) {
id = $(elem).attr('class');
} else {
id = $(elem).attr('id');
}
$(elem).jScrollHorizontalPane(_jscr_globalProperties[$(elem).attr('id')]);
});
}
});
$.fn.wresize = function( f )
{
version = '1.1';
wresize = {fired: false, width: 0};
function resizeOnce()
{
if ( $.browser.msie )
{
if ( ! wresize.fired )
{
wresize.fired = true;
}
else
{
var version = parseInt( $.browser.version, 10 );
wresize.fired = false;
if ( version < 7 )
{
return false;
}
else if ( version == 7 )
{
//a vertical resize is fired once, an horizontal resize twice
var width = $( window ).width();
if ( width != wresize.width )
{
wresize.width = width;
return false;
}
}
}
}
return true;
}
function handleWResize( e )
{
if ( resizeOnce() )
{
return f.apply(this, [e]);
}
}
this.each( function()
{
if ( this == window )
{
$( this ).resize( handleWResize );
}
else
{
$( this ).resize( f );
}
} );
return this;
};
} ) ( jQuery );
})(jQuery);
(function($) {
$.fn.infiniteCarousel = function () {
function repeat(str, num) {
return new Array( num + 1 ).join( str );
}
return this.each(function () {
var $wrapper = $('#thumbs .wrapper').css('overflow', 'hidden'),
$slider = $wrapper.find('> ul'),
$items = $slider.find('> li'),
$single = $items.filter(':first'),
singleWidth = $single.outerWidth(),
visible = Math.ceil($wrapper.innerWidth() / singleWidth), // note: doesn't include padding or border
currentPage = 1,
pages = Math.ceil($items.length / visible);
// 1. Pad so that 'visible' number will always be seen, otherwise create empty items
if (($items.length % visible) != 0) {
$slider.append(repeat('
', visible - ($items.length % visible)));
$items = $slider.find('> li');
}
// 2. Top and tail the list with 'visible' number of items, top has the last section, and tail has the first
$items.filter(':first').before($items.slice(- visible).clone().addClass('cloned'));
$items.filter(':last').after($items.slice(0, visible).clone().addClass('cloned'));
$items = $slider.find('> li'); // reselect
// 3. Set the left position to the first 'real' item
$wrapper.scrollLeft(singleWidth * visible);
// 4. paging function
function gotoPage(page) {
var dir = page < currentPage ? -1 : 1,
n = Math.abs(currentPage - page),
left = singleWidth * dir * visible * n;
$wrapper.filter(':not(:animated)').animate({
scrollLeft : '+=' + left
}, 600, function () {
if (page == 0) {
$wrapper.scrollLeft(singleWidth * visible * pages);
page = pages;
} else if (page > pages) {
$wrapper.scrollLeft(singleWidth * visible);
//reset back to start position
page = 1;
}
currentPage = page;
});
return false;
}
// 5. Bind to the forward and back buttons
$('#thumbs_previous').click(function () {
return gotoPage(currentPage - 1);
});
$('#thumbs_next').click(function () {
return gotoPage(currentPage + 1);
});
// create a public interface to move to a specific page
$(this).bind('goto', function (event, page) {
gotoPage(page);
});
});
};
})(jQuery);