/** * jqFancyTransitions - jQuery plugin * @version: 1.0 (2009/12/04) * @requires jQuery v1.2.2 or later * @author Ivan Lazarevic * Examples and documentation at: http://www.workshop.rs/projects/jqfancytransitions * Dual licensed under the MIT and GPL licenses: * http://www.opensource.org/licenses/mit-license.php * http://www.gnu.org/licenses/gpl.html * Modified to include nav menu. 03/2010 by Tim Gieseking **/ (function($){var opts=new Array;var level=new Array;var img=new Array;var titles=new Array;var navs=new Array;var order=new Array;var imgInc=new Array;var inc=new Array;var stripInt=new Array;var imgInt=new Array;var $featurednavli='';var $featurednavlia='';$.fn.jqFancyTransitions=$.fn.jqFancyTransitions=function(options){init=function(el){opts[el.id]=$.extend({},$.fn.jqFancyTransitions.defaults,options);img[el.id]=new Array();titles[el.id]=new Array();navs[el.id]=new Array();order[el.id]=new Array();opts[el.id].clicked=false;imgInc[el.id]=0;inc[el.id]=0;params=opts[el.id];if(params.effect=='zipper'){params.direction='alternate';params.position='alternate';} if(params.effect=='wave'){params.direction='alternate';params.position='top';} if(params.effect=='curtain'){params.direction='alternate';params.position='curtain';} stripWidth=parseInt(params.width/params.strips);gap=params.width-stripWidth*params.strips;stripLeft=0;var holders=$('#'+el.id+' .ft-title-holder');$.each($('#'+el.id+' img'),function(i,item){img[el.id][i]=$(item).attr('src');titles[el.id][i]=$.trim(holders.eq(i).html());if(titles[el.id][i]!=''){navs[el.id][i]=holders.eq(i).children('h2').text();} else{navs[el.id][i]=$(item).parent().attr('title');} $(item).hide();});$('.ft-title-holder','#'+el.id).remove();$('#'+el.id).css({'background-image':'url('+img[el.id][0]+')','width':params.width,'height':params.height,'position':'relative','background-position':'top left'});$('#'+el.id).append("
"+titles[el.id][0]+"
");if(titles[el.id][imgInc[el.id]]) $('#ft-title-'+el.id).css('opacity',opts[el.id].titleOpacity);else $('#ft-title-'+el.id).css('opacity',0);odd=1;for(j=1;j0){tstripWidth=stripWidth+1;gap--;}else{tstripWidth=stripWidth;} $('#'+el.id).append("
");$("#ft-"+el.id+j).css({'background-position':-stripLeft+'px top','left':stripLeft});stripLeft+=tstripWidth;if(params.position=='bottom') $("#ft-"+el.id+j).css('bottom',0);if(j%2==0&¶ms.position=='alternate') $("#ft-"+el.id+j).css('bottom',0);if(params.direction=='fountain'||params.direction=='fountainAlternate'){order[el.id][j-1]=parseInt(params.strips/2)-(parseInt(j/2)*odd);order[el.id][params.strips-1]=params.strips;odd*=-1;}else{order[el.id][j-1]=j;}} $('.ft-'+el.id).mouseover(function(){opts[el.id].pause=true;});$('.ft-'+el.id).mouseout(function(){opts[el.id].pause=false;});$('#ft-title-'+el.id).mouseover(function(){opts[el.id].pause=true;});$('#ft-title-'+el.id).mouseout(function(){opts[el.id].pause=false;});if(params.generateNav=='true') {var flen=navs[el.id].length,fnavhtml='';for(f=0;f'+navs[el.id][f]+'';} $('
    '+fnavhtml+'
').insertAfter($('#'+el.id).parent());$featurednavli=$('#featurednav').children('li');$featurednavli.eq(0).addClass('active');$featurednavlia=$featurednavli.children('a');$featurednavlia.click(function(){clearInterval(imgInt[el.id]);clearInterval(stripInt[el.id]);$('#ft-title-'+el.id).stop(true,true);$('.ft-'+el.id).stop(true,true);opts[el.id].clicked=$featurednavlia.index($(this))+1;$.transition(el);return false;});} clearInterval(imgInt[el.id]);imgInt[el.id]=setInterval(function(){$.transition(el)},params.delay+params.stripDelay*params.strips);};$.transition=function(el){if(opts[el.id].pause==true&&opts[el.id].clicked==false)return;if($featurednavli.length>0){$featurednavli.removeClass('active');} stripInt[el.id]=setInterval(function(){$.strips(order[el.id][inc[el.id]],el)},opts[el.id].stripDelay);$('#'+el.id).css({'background-image':'url('+img[el.id][imgInc[el.id]]+')'});if(opts[el.id].clicked==false){imgInc[el.id]++;} else{imgInc[el.id]=opts[el.id].clicked-1;} if(imgInc[el.id]==img[el.id].length){imgInc[el.id]=0;} if(titles[el.id][imgInc[el.id]]!=''){$('#ft-title-'+el.id).animate({opacity:0},opts[el.id].titleSpeed,function(){$(this).html(titles[el.id][imgInc[el.id]]).animate({opacity:opts[el.id].titleOpacity},opts[el.id].titleSpeed);});}else{$('#ft-title-'+el.id).animate({opacity:0},opts[el.id].titleSpeed);} inc[el.id]=0;if(opts[el.id].direction=='random') $.fisherYates(order[el.id]);if((opts[el.id].direction=='right'&&order[el.id][0]==1)||opts[el.id].direction=='alternate'||opts[el.id].direction=='fountainAlternate') order[el.id].reverse();if(opts[el.id].clicked!=false){imgInt[el.id]=setInterval(function(){$.transition(el)},params.delay+params.stripDelay*params.strips);} opts[el.id].clicked=false;};$.strips=function(itemId,el){temp=opts[el.id].strips;if(inc[el.id]==temp){clearInterval(stripInt[el.id]);return;} if(opts[el.id].position=='curtain'){currWidth=$('#ft-'+el.id+itemId).width();$('#ft-'+el.id+itemId).css({width:0,opacity:0,'background-image':'url('+img[el.id][imgInc[el.id]]+')'});$('#ft-'+el.id+itemId).animate({width:currWidth,opacity:1},1000);}else{$('#ft-'+el.id+itemId).css({height:0,opacity:0,'background-image':'url('+img[el.id][imgInc[el.id]]+')'});$('#ft-'+el.id+itemId).animate({height:opts[el.id].height,opacity:1},1000);} inc[el.id]++;if($featurednavli.length>0){$featurednavli.eq(imgInc[el.id]).addClass('active');}};$.fisherYates=function(arr){var i=arr.length;if(i==0)return false;while(--i){var j=Math.floor(Math.random()*(i+1));var tempi=arr[i];var tempj=arr[j];arr[i]=tempj;arr[j]=tempi;}} this.each(function(){init(this);});};$.fn.jqFancyTransitions.defaults={width:500,height:332,strips:20,delay:5000,stripDelay:50,titleOpacity:0.7,titleSpeed:1000,position:'alternate',direction:'fountainAlternate',effect:'',generateNav:'true'};})(jQuery);