/* * Slides, A Slideshow Plugin for jQuery * Intructions: http://slidesjs.com * By: Nathan Searles, http://nathansearles.com * Version: 1.1.6 * Updated: March 23th, 2011 * * Licensed under the Apache License, Version 2.0 (the "License"); * you may not use this file except in compliance with the License. * You may obtain a copy of the License at * * http://www.apache.org/licenses/LICENSE-2.0 * * Unless required by applicable law or agreed to in writing, software * distributed under the License is distributed on an "AS IS" BASIS, * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. * See the License for the specific language governing permissions and * limitations under the License. */ (function($) { $.fn.slides=function(g) { g=$.extend( { } ,$.fn.slides.option,g); return this.each(function() { $('.'+g.flash_main,$(this)).children().wrapAll('
'); var d=$(this),control=$('.slides_control',d),total=control.children().size(),width=control.children().outerWidth(),height=control.children().outerHeight(),start=g.start-1,effect=g.effect.indexOf(',')<0?g.effect:g.effect.replace(' ','').split(',')[0],paginationEffect=g.effect.indexOf(',')<0?effect:g.effect.replace(' ','').split(',')[1],next=0,prev=0,number=0,current=0,loaded,active,clicked,position,direction,imageParent,pauseTimeout,playInterval; function animate(a,b,c) { if(!active&&loaded) { active=true; g.animationStart(current+1); switch(a) { case'next':prev=current; next=current+1; next=total===next?0:next; position=width*2; a=-width*2; current=next; break; case'prev':prev=current; next=current-1; next=next===-1?total-1:next; position=0; a=0; current=next; break; case'pagination':next=parseInt(c,10); prev=$('.'+g.paginationClass+' li.current a',d).attr('href').match('[^#/]+$'); if(next>prev) { position=width*2; a=-width*2 } else { position=0; a=0 } current=next; break } if(b==='fade') { if(g.crossfade) { control.children(':eq('+next+')',d).css( { zIndex:10 } ).fadeIn(g.fadeSpeed,g.fadeEasing,function() { if(g.autoHeight) { control.animate( { height:control.children(':eq('+next+')',d).outerHeight() } ,g.autoHeightSpeed,function() { control.children(':eq('+prev+')',d).css( { display:'none',zIndex:0 } ); control.children(':eq('+next+')',d).css( { zIndex:0 } ); g.animationComplete(next+1); active=false } ) } else { control.children(':eq('+prev+')',d).css( { display:'none',zIndex:0 } ); control.children(':eq('+next+')',d).css( { zIndex:0 } ); g.animationComplete(next+1); active=false } } ) } else { control.children(':eq('+prev+')',d).fadeOut(g.fadeSpeed,g.fadeEasing,function() { if(g.autoHeight) { control.animate( { height:control.children(':eq('+next+')',d).outerHeight() } ,g.autoHeightSpeed,function() { control.children(':eq('+next+')',d).fadeIn(g.fadeSpeed,g.fadeEasing) } ) } else { control.children(':eq('+next+')',d).fadeIn(g.fadeSpeed,g.fadeEasing,function() { if($.browser.msie) { $(this).get(0).style.removeAttribute('filter') } } ) } g.animationComplete(next+1); active=false } ) } } else { control.children(':eq('+next+')').css( { left:position,display:'block' } ); if(g.autoHeight) { control.animate( { left:a,height:control.children(':eq('+next+')').outerHeight() } ,g.slideSpeed,g.slideEasing,function() { control.css( { left:-width } ); control.children(':eq('+next+')').css( { left:width,zIndex:5 } ); control.children(':eq('+prev+')').css( { left:width,display:'none',zIndex:0 } ); g.animationComplete(next+1); active=false } ) } else { control.animate( { left:a } ,g.slideSpeed,g.slideEasing,function() { control.css( { left:-width } ); control.children(':eq('+next+')').css( { left:width,zIndex:5 } ); control.children(':eq('+prev+')').css( { left:width,display:'none',zIndex:0 } ); g.animationComplete(next+1); active=false } ) } } if(g.pagination) { $('.'+g.paginationClass+' li.current',d).removeClass('current'); $('.'+g.paginationClass+' li:eq('+next+')',d).addClass('current') } } } function stop() { clearInterval(d.data('interval')) } function pause() { if(g.pause) { clearTimeout(d.data('pause')); clearInterval(d.data('interval')); pauseTimeout=setTimeout(function() { clearTimeout(d.data('pause')); playInterval=setInterval(function() { animate("next",effect) } ,g.play); d.data('interval',playInterval) } ,g.pause); d.data('pause',pauseTimeout) } else { stop() } } if(total<1) { return } if(start<0) { start=0 } if(start>total) { start=total-1 } if(g.start) { current=start } if(g.randomize) { control.randomize() } $('.'+g.flash_main,d).css( { overflow:'hidden',position:'relative' } ); control.children().css( { position:'absolute',top:0,left:control.children().outerWidth(),zIndex:0,display:'none' } ); control.css( { position:'relative',width:(width*3),height:height,left:-width } ); $('.'+g.flash_main,d).css( { display:'block' } ); if(g.autoHeight) { control.children().css( { height:'auto' } ); control.animate( { height:control.children(':eq('+start+')').outerHeight() } ,g.autoHeightSpeed) } if(g.preload&&control.find('img').length) { $('.'+g.flash_main,d).css( { background:'url('+g.preloadImage+') no-repeat 50% 50%' } ); var f=control.find('img:eq('+start+')').attr('src')+'?'+(new Date()).getTime(); if($('img',d).parent().attr('class')!='slides_control') { imageParent=control.children(':eq(0)')[0].tagName.toLowerCase() } else { imageParent=control.find('img:eq('+start+')') } control.find('img:eq('+start+')').attr('src',f).load(function() { control.find(imageParent+':eq('+start+')').fadeIn(g.fadeSpeed,g.fadeEasing,function() { $(this).css( { zIndex:5 } ); $('.'+g.flash_main,d).css( { background:'' } ); loaded=true; g.slidesLoaded() } ) } ) } else { control.children(':eq('+start+')').fadeIn(g.fadeSpeed,g.fadeEasing,function() { loaded=true; g.slidesLoaded() } ) } if(g.bigTarget) { control.children().css( { cursor:'pointer' } ); control.children().click(function() { animate('next',effect); return false } ) } if(g.hoverPause&&g.play) { control.bind('mouseover',function() { stop() } ); control.bind('mouseleave',function() { pause() } ) } if(g.generateNextPrev) { $('.'+g.flash_main,d).after('Prev'); $('.'+g.prev,d).after('Next') } $('.'+g.next,d).click(function(e) { e.preventDefault(); if(g.play) { pause() } animate('next',effect) } ); $('.'+g.prev,d).click(function(e) { e.preventDefault(); if(g.play) { pause() } animate('prev',effect) } ); if(g.generatePagination) { d.append('
'); control.children().each(function() { $('.'+g.paginationClass,d).append('
  • '+(number+1)+'
  • '); number++ } ) } else { $('.'+g.paginationClass+' li a',d).each(function() { $(this).attr('href','#'+number); number++ } ) } $('.'+g.paginationClass+' li:eq('+start+')',d).addClass('current'); $('.'+g.paginationClass+' li a',d).click(function() { if(g.play) { pause() } clicked=$(this).attr('href').match('[^#/]+$'); if(current!=clicked) { animate('pagination',paginationEffect,clicked) } return false } ); $('a.link',d).click(function() { if(g.play) { pause() } clicked=$(this).attr('href').match('[^#/]+$')-1; if(current!=clicked) { animate('pagination',paginationEffect,clicked) } return false } ); if(g.play) { playInterval=setInterval(function() { animate('next',effect) } ,g.play); d.data('interval',playInterval) } } ) } ; $.fn.slides.option= { preload:false,preloadImage:'/img/loading.gif',flash_main:'slides_container',generateNextPrev:false,next:'next',prev:'prev',pagination:true,generatePagination:true,paginationClass:'pagination',fadeSpeed:600,fadeEasing:'',slideSpeed:600,slideEasing:'',start:1,effect:'slide',crossfade:false,randomize:false,play:0,pause:0,hoverPause:false,autoHeight:false,autoHeightSpeed:600,bigTarget:false,animationStart:function() { } ,animationComplete:function() { } ,slidesLoaded:function() { } } ; $.fn.randomize=function(c) { function randomizeOrder() { return(Math.round(Math.random())-0.5) } return($(this).each(function() { var $this=$(this); var $children=$this.children(); var a=$children.length; if(a>1) { $children.hide(); var b=[]; for(i=0;i