in div that acts as a window
$parent
.wrap('')
.wrap('');
$parent.children().css({
listStyle: 'none',
position: 'absolute',
top: 0,
left: 0,
zIndex: 98
});
$outerWrapper = $parent.parent().parent();
$children.not(':eq('+currentSlide+')').fadeTo(0, 0);
$children.eq(currentSlide).css('zIndex', 99);
}
// if captions = true setup a div placeholder
if(options.captions && options.captionsSelector == null){
$outerWrapper.append('');
}
}
/**
* Depending on mode, lays out children in the proper setup
*/
function setChildrenLayout(){
// lays out children for horizontal or vertical modes
if(options.mode == 'horizontal' || options.mode == 'vertical'){
// get the children behind
var $prependedChildren = getArraySample($children, 0, options.moveSlideQty, 'backward');
// add each prepended child to the back of the original element
$.each($prependedChildren, function(index) {
$parent.prepend($(this));
});
// total number of slides to be hidden after the window
var totalNumberAfterWindow = ($children.length + options.moveSlideQty) - 1;
// number of original slides hidden after the window
var pagerExcess = $children.length - options.displaySlideQty;
// number of slides to append to the original hidden slides
var numberToAppend = totalNumberAfterWindow - pagerExcess;
// get the sample of extra slides to append
var $appendedChildren = getArraySample($children, 0, numberToAppend, 'forward');
if(options.infiniteLoop){
// add each appended child to the front of the original element
$.each($appendedChildren, function(index) {
$parent.append($(this));
});
}
}
}
/**
* Sets all variables associated with the controls
*/
function setControlsVars(){
// check if text or images should be used for controls
// check "next"
if(options.nextImage != ''){
nextContent = options.nextImage;
nextType = 'image';
}else{
nextContent = options.nextText;
nextType = 'text';
}
// check "prev"
if(options.prevImage != ''){
prevContent = options.prevImage;
prevType = 'image';
}else{
prevContent = options.prevText;
prevType = 'text';
}
// show the controls
showControls(nextType, nextContent, prevType, prevContent);
}
/**
* Puts slideshow into auto mode
*
* @param int pause number of ms the slideshow will wait between slides
* @param string direction 'forward', 'backward' sets the direction of the slideshow (forward/backward)
* @param bool controls determines if start/stop controls will be displayed
*/
function setAutoInterval(){
if(options.auto){
// finite loop
if(!options.infiniteLoop){
if(options.autoDirection == 'next'){
interval = setInterval(function(){
currentSlide += options.moveSlideQty;
// if currentSlide has exceeded total number
if(currentSlide > lastSlide){
currentSlide = currentSlide % $children.length;
}
base.goToSlide(currentSlide, false);
}, options.pause);
}else if(options.autoDirection == 'prev'){
interval = setInterval(function(){
currentSlide -= options.moveSlideQty;
// if currentSlide is smaller than zero
if(currentSlide < 0){
negativeOffset = (currentSlide % $children.length);
if(negativeOffset == 0){
currentSlide = 0;
}else{
currentSlide = ($children.length) + negativeOffset;
}
}
base.goToSlide(currentSlide, false);
}, options.pause);
}
// infinite loop
}else{
if(options.autoDirection == 'next'){
interval = setInterval(function(){
base.goToNextSlide(false);
}, options.pause);
}else if(options.autoDirection == 'prev'){
interval = setInterval(function(){
base.goToPreviousSlide(false);
}, options.pause);
}
}
}else if(options.ticker){
options.tickerSpeed *= 10;
// get the total width of the original show
$('.pager', $outerWrapper).each(function(index) {
origShowWidth += $(this).width();
origShowHeight += $(this).height();
});
// if prev start the show from the last slide
if(options.tickerDirection == 'prev' && options.mode == 'horizontal'){
$parent.css('left', '-'+(origShowWidth+origLeft)+'px');
}else if(options.tickerDirection == 'prev' && options.mode == 'vertical'){
$parent.css('top', '-'+(origShowHeight+origTop)+'px');
}
if(options.mode == 'horizontal'){
// get the starting left position
tickerLeft = parseInt($parent.css('left'));
// start the ticker
moveTheShow(tickerLeft, origShowWidth, options.tickerSpeed);
}else if(options.mode == 'vertical'){
// get the starting top position
tickerTop = parseInt($parent.css('top'));
// start the ticker
moveTheShow(tickerTop, origShowHeight, options.tickerSpeed);
}
// check it tickerHover applies
if(options.tickerHover){
setTickerHover();
}
}
}
function moveTheShow(leftCss, distance, speed){
// if horizontal
if(options.mode == 'horizontal'){
// if next
if(options.tickerDirection == 'next'){
$parent.animate({'left': '-='+distance+'px'}, speed, 'linear', function(){
$parent.css('left', leftCss);
moveTheShow(leftCss, origShowWidth, options.tickerSpeed);
});
// if prev
}else if(options.tickerDirection == 'prev'){
$parent.animate({'left': '+='+distance+'px'}, speed, 'linear', function(){
$parent.css('left', leftCss);
moveTheShow(leftCss, origShowWidth, options.tickerSpeed);
});
}
// if vertical
}else if(options.mode == 'vertical'){
// if next
if(options.tickerDirection == 'next'){
$parent.animate({'top': '-='+distance+'px'}, speed, 'linear', function(){
$parent.css('top', leftCss);
moveTheShow(leftCss, origShowHeight, options.tickerSpeed);
});
// if prev
}else if(options.tickerDirection == 'prev'){
$parent.animate({'top': '+='+distance+'px'}, speed, 'linear', function(){
$parent.css('top', leftCss);
moveTheShow(leftCss, origShowHeight, options.tickerSpeed);
});
}
}
}
/**
* Sets all variables associated with the controls
*/
function setAutoControlsVars(){
// check if text or images should be used for controls
// check "start"
if(options.startImage != ''){
startContent = options.startImage;
startType = 'image';
}else{
startContent = options.startText;
startType = 'text';
}
// check "stop"
if(options.stopImage != ''){
stopContent = options.stopImage;
stopType = 'image';
}else{
stopContent = options.stopText;
stopType = 'text';
}
// show the controls
showAutoControls(startType, startContent, stopType, stopContent);
}
/**
* Handles hover events for auto shows
*/
function setAutoHover(){
// hover over the slider window
$outerWrapper.find('.bx-window').hover(function() {
if(autoPlaying){
base.stopShow(false);
}
}, function() {
if(autoPlaying){
base.startShow(false);
}
});
}
/**
* Handles hover events for ticker mode
*/
function setTickerHover(){
// on hover stop the animation
$parent.hover(function() {
if(autoPlaying){
base.stopTicker(false);
}
}, function() {
if(autoPlaying){
base.startTicker(false);
}
});
}
/**
* Handles fade animation
*/
function setChildrenFade(){
// fade out any other child besides the current
$children.not(':eq('+currentSlide+')').fadeTo(options.speed, 0).css('zIndex', 98);
// fade in the current slide
$children.eq(currentSlide).css('zIndex', 99).fadeTo(options.speed, 1, function(){
isWorking = false;
// ie fade fix
if(jQuery.browser.msie){
$children.eq(currentSlide).get(0).style.removeAttribute('filter');
}
// perform the callback function
options.onAfterSlide(currentSlide, $children.length, $children.eq(currentSlide));
});
};
/**
* Makes slide active
*/
function makeSlideActive(number){
if(options.pagerType == 'full' && options.pager){
// remove all active classes
$('a', $pager).removeClass(options.pagerActiveClass);
// assign active class to appropriate slide
$('a', $pager).eq(number).addClass(options.pagerActiveClass);
}else if(options.pagerType == 'short' && options.pager){
$('.bx-pager-current', $pager).html(currentSlide+1);
}
}
/**
* Displays next/prev controls
*
* @param string nextType 'image', 'text'
* @param string nextContent if type='image', specify a filepath to the image. if type='text', specify text.
* @param string prevType 'image', 'text'
* @param string prevContent if type='image', specify a filepath to the image. if type='text', specify text.
*/
function showControls(nextType, nextContent, prevType, prevContent){
// create pager html elements
var $nextHtml = $('');
var $prevHtml = $('');
// check if next is 'text' or 'image'
if(nextType == 'text'){
$nextHtml.html(nextContent);
}else{
$nextHtml.html('');
}
// check if prev is 'text' or 'image'
if(prevType == 'text'){
$prevHtml.html(prevContent);
}else{
$prevHtml.html('');
}
// check if user supplied a selector to populate next control
if(options.prevSelector){
$(options.prevSelector).append($prevHtml);
}else{
$outerWrapper.append($prevHtml);
}
// check if user supplied a selector to populate next control
if(options.nextSelector){
$(options.nextSelector).append($nextHtml);
}else{
$outerWrapper.append($nextHtml);
}
// click next control
$nextHtml.click(function() {
base.goToNextSlide();
return false;
});
// click prev control
$prevHtml.click(function() {
base.goToPreviousSlide();
return false;
});
}
/**
* Displays the pager
*
* @param string type 'full', 'short'
*/
function showPager(type){
// sets up logic for finite multi slide shows
var pagerQty = $children.length;
// if we are moving more than one at a time and we have a finite loop
if(options.moveSlideQty > 1){
// if slides create an odd number of pages
if($children.length % options.moveSlideQty != 0){
// pagerQty = $children.length / options.moveSlideQty + 1;
pagerQty = Math.ceil($children.length / options.moveSlideQty);
// if slides create an even number of pages
}else{
pagerQty = $children.length / options.moveSlideQty;
}
}
var pagerString = '';
// check if custom build function was supplied
if(options.buildPager){
for(var i=0; i'+i+'';
}
}else if(type == 'short') {
// build the short pager
pagerString = ''+(options.startingSlide+1)+' '+options.pagerShortSeparator+' '+$children.length+'';
}
// check if user supplied a pager selector
if(options.pagerSelector){
$(options.pagerSelector).append(pagerString);
$pager = $(options.pagerSelector);
}else{
var $pagerContainer = $('');
$pagerContainer.append(pagerString);
// attach the pager to the DOM
if(options.pagerLocation == 'top'){
$outerWrapper.prepend($pagerContainer);
}else if(options.pagerLocation == 'bottom'){
$outerWrapper.append($pagerContainer);
}
// cache the pager element
$pager = $('.bx-pager', $outerWrapper);
}
$pager.children().click(function() {
// only if pager is full mode
if(options.pagerType == 'full'){
// get the index from the link
var slideIndex = $pager.children().index(this);
// accomodate moving more than one slide
if(options.moveSlideQty > 1){
slideIndex *= options.moveSlideQty;
}
base.goToSlide(slideIndex);
}
return false;
});
}
/**
* Displays captions
*/
function showCaptions(){
// get the title from each image
var caption = $('img', $children.eq(currentSlide)).attr('title');
// if the caption exists
if(caption != ''){
// if user supplied a selector
if(options.captionsSelector){
$(options.captionsSelector).html(caption);
}else{
$('.bx-captions', $outerWrapper).html(caption);
}
}else{
// if user supplied a selector
if(options.captionsSelector){
$(options.captionsSelector).html(' ');
}else{
$('.bx-captions', $outerWrapper).html(' ');
}
}
}
/**
* Displays start/stop controls for auto and ticker mode
*
* @param string type 'image', 'text'
* @param string next [optional] if type='image', specify a filepath to the image. if type='text', specify text.
* @param string prev [optional] if type='image', specify a filepath to the image. if type='text', specify text.
*/
function showAutoControls(startType, startContent, stopType, stopContent){
// create pager html elements
$autoControls = $('');
// check if start is 'text' or 'image'
if(startType == 'text'){
$startContent = startContent;
}else{
$startContent = '';
}
// check if stop is 'text' or 'image'
if(stopType == 'text'){
$stopContent = stopContent;
}else{
$stopContent = '';
}
// check if user supplied a selector to populate next control
if(options.autoControlsSelector){
$(options.autoControlsSelector).append($autoControls);
}else{
$outerWrapper.append('');
$('.bx-auto', $outerWrapper).html($autoControls);
}
// click start control
$autoControls.click(function() {
if(options.ticker){
if($(this).hasClass('stop')){
base.stopTicker();
}else if($(this).hasClass('start')){
base.startTicker();
}
}else{
if($(this).hasClass('stop')){
base.stopShow(true);
}else if($(this).hasClass('start')){
base.startShow(true);
}
}
return false;
});
}
/**
* Checks if show is in finite mode, and if slide is either first or last, then hides the respective control
*/
function checkEndControls(){
if(!options.infiniteLoop && options.hideControlOnEnd){
// check previous
if(currentSlide == firstSlide){
$('.bx-prev', $outerWrapper).hide();
}else{
$('.bx-prev', $outerWrapper).show();
}
// check next
if(currentSlide == lastSlide){
$('.bx-next', $outerWrapper).hide();
}else{
$('.bx-next', $outerWrapper).show();
}
}
}
/**
* Returns the left offset of the slide from the parent container
*/
function getSlidePosition(number, side){
if(side == 'left'){
var position = $('.pager', $outerWrapper).eq(number).position().left;
}else if(side == 'top'){
var position = $('.pager', $outerWrapper).eq(number).position().top;
}
return position;
}
/**
* Returns the width of the wrapper
*/
function getWrapperWidth(){
var wrapperWidth = $firstChild.outerWidth() * options.displaySlideQty;
return wrapperWidth;
}
/**
* Returns the height of the wrapper
*/
function getWrapperHeight(){
// if displaying multiple slides, multiple wrapper width by number of slides to display
var wrapperHeight = $firstChild.outerHeight() * options.displaySlideQty;
return wrapperHeight;
}
/**
* Returns a sample of an arry and loops back on itself if the end of the array is reached
*
* @param array array original array the sample is derived from
* @param int start array index sample will start
* @param int length number of items in the sample
* @param string direction 'forward', 'backward' direction the loop should travel in the array
*/
function getArraySample(array, start, length, direction){
// initialize empty array
var sample = [];
// clone the length argument
var loopLength = length;
// determines when the empty array should start being populated
var startPopulatingArray = false;
// reverse the array if direction = 'backward'
if(direction == 'backward'){
array = $.makeArray(array);
array.reverse();
}
// loop through original array until the length argument is met
while(loopLength > 0){
// loop through original array
$.each(array, function(index, val) {
// check if length has been met
if(loopLength > 0){
// don't do anything unless first index has been reached
if(!startPopulatingArray){
// start populating empty array
if(index == start){
startPopulatingArray = true;
// add element to array
sample.push($(this).clone());
// decrease the length clone variable
loopLength--;
}
}else{
// add element to array
sample.push($(this).clone());
// decrease the length clone variable
loopLength--;
}
// if length has been met, break loose
}else{
return false;
}
});
}
return sample;
}
this.each(function(){
base.initShow();
});
return this;
}
jQuery.fx.prototype.cur = function(){
if ( this.elem[this.prop] != null && (!this.elem.style || this.elem.style[this.prop] == null) ) {
return this.elem[ this.prop ];
}
var r = parseFloat( jQuery.css( this.elem, this.prop ) );
// return r && r > -10000 ? r : 0;
return r;
}
})(jQuery);
(function($)
{$.fn.sudoSlider=function(options)
{var truev=true;var falsev=!truev;var defaults={prevNext:truev,prevHtml:' previous ',nextHtml:' next ',controlsShow:truev,controlsAttr:'id="controls"',controlsFadeSpeed:'400',controlsFade:truev,insertAfter:truev,firstShow:falsev,firstHtml:' first ',lastShow:falsev,lastHtml:' last ',numericAttr:'class="controls"',numericText:['1'],vertical:falsev,speed:'800',ease:'swing',auto:falsev,pause:'2000',continuous:falsev,clickableAni:falsev,numeric:falsev,updateBefore:falsev,history:falsev,speedhistory:'400',autoheight:truev,customLink:falsev,fade:falsev,crossFade:truev,fadespeed:'1000',ajax:falsev,loadingText:'Loading Content...',preloadAjax:falsev,startSlide:falsev,ajaxLoadFunction:falsev,beforeAniFunc:falsev,afterAniFunc:falsev,uncurrentFunc:falsev,currentFunc:falsev,autowidth:truev,slideCount:1,resumePause:falsev};var options=$.extend(defaults,options);var option=[options.controlsShow,options.controlsFadeSpeed,options.controlsFade,options.insertAfter,options.firstShow,options.lastShow,options.vertical,options.speed,options.ease,options.auto,options.pause,options.continuous,options.prevNext,options.numeric,options.numericAttr,options.numericText,options.clickableAni,options.history,options.speedhistory,options.autoheight,options.customLink,options.fade,options.crossFade,options.fadespeed,options.updateBefore,options.ajax,options.preloadAjax,options.startSlide,options.ajaxLoadFunction,options.beforeAniFunc,options.afterAniFunc,options.uncurrentFunc,options.currentFunc,options.prevHtml,options.nextHtml,options.loadingText,options.firstHtml,options.controlsAttr,options.lastHtml,options.autowidth,options.slideCount,options.resumePause];var baseSlider=this;return this.each(function()
{var init,ul,li,liConti,s,w,h,t,ot,nt,ts,clickable,buttonclicked,fading,ajaxloading,autoheightdocument,numericControls,numericContainer,destroyed,fontsmoothing,controls,html,firstbutton,lastbutton,nextbutton,prevbutton,timeout,destroyT,oldSpeed,dontCountinue,dontCountinueInit,autoOn,obj=$(this);initSudoSlider(obj,falsev);function initSudoSlider(obj,destroyT)
{destroyed=falsev;init=truev;ul=obj.children("ul");li=ul.children("li");liConti=li;s=li.length;if(option[25])
{if(ul.length==0)
{obj.append('