- in div that acts as a window and make the
- uber wide
- $parent
- .wrap('')
- .wrap('')
- .css({
- width: '999999px',
- position: 'relative',
- left: '-'+(options.infiniteLoop ? origLeft : 0)+'px'
- });
- $parent.children(options.childSelector).css({
- width: childrenWidth,
- 'float': 'left',
- listStyle: 'none'
- });
- $outerWrapper = $parent.parent().parent();
- $children.addClass('bx-child');
- // CSS for vertical mode
- }else if(options.mode == 'vertical'){
- // wrap the
- in div that acts as a window and make the
- uber tall
- $parent
- .wrap('')
- .wrap('')
- .css({
- height: '999999px',
- position: 'relative',
- top: '-'+(origTop)+'px'
- });
- $parent.children(options.childSelector).css({
- listStyle: 'none',
- height: childrenMaxHeight
- });
- $outerWrapper = $parent.parent().parent();
- $children.addClass('bx-child');
- // CSS for fade mode
- }else if(options.mode == 'fade'){
- // wrap the
- in div that acts as a window
- $parent
- .wrap('')
- .wrap('');
- $parent.children(options.childSelector).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') && options.infiniteLoop) {
- // 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){
- clearInterval(interval); // clear any existing interval
-
- // 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
- $('.bx-child', $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.children('.bx-window').hover(function() {
- if(autoPlaying){
- base.suspendShow(false);
- }
- }, function() {
- if(autoPlaying){
- base.restartShow(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('
- in div that acts as a window and make the
- uber wide
+ $parent
+ .wrap('')
+ .wrap('')
+ .css({
+ width: '999999px',
+ position: 'relative',
+ left: '-'+(options.infiniteLoop ? origLeft : 0)+'px'
+ });
+ $parent.children(options.childSelector).css({
+ width: childrenWidth,
+ 'float': 'left',
+ listStyle: 'none'
+ });
+ $outerWrapper = $parent.parent().parent();
+ $children.addClass('bx-child');
+ // CSS for vertical mode
+ }else if(options.mode == 'vertical'){
+ // wrap the
- in div that acts as a window and make the
- uber tall
+ $parent
+ .wrap('')
+ .wrap('')
+ .css({
+ height: '999999px',
+ position: 'relative',
+ top: '-'+(origTop)+'px'
+ });
+ $parent.children(options.childSelector).css({
+ listStyle: 'none',
+ height: childrenMaxHeight
+ });
+ $outerWrapper = $parent.parent().parent();
+ $children.addClass('bx-child');
+ // CSS for fade mode
+ }else if(options.mode == 'fade'){
+ // wrap the
- in div that acts as a window
+ $parent
+ .wrap('')
+ .wrap('');
+ $parent.children(options.childSelector).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') && options.infiniteLoop) {
+ // 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){
+ clearInterval(interval); // clear any existing interval
+
+ // 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
+ $('.bx-child', $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.children('.bx-window').hover(function() {
+ if(autoPlaying){
+ base.suspendShow(false);
+ }
+ }, function() {
+ if(autoPlaying){
+ base.restartShow(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('