(function(a){a.fn.spiderSlider=function(b){function d(a){var b=document.createElement("canvas");var c=b.getContext("2d");var d=new Image;d.src=a;b.width=d.width;b.height=d.height;c.drawImage(d,0,0);var e=c.getImageData(0,0,b.width,b.height);for(var f=0;f<e.height;f++){for(var g=0;g<e.width;g++){var h=f*4*e.width+g*4;var i=(e.data[h]+e.data[h+1]+e.data[h+2])/3;e.data[h]=i;e.data[h+1]=i;e.data[h+2]=i}}c.putImageData(e,0,0,0,0,e.width,e.height);return b.toDataURL()}var c={speed:700,pauseTime:5e3,spiderCache:true,autoPlay:true,spiderTimer:true,keyboardNav:true,currentSlide:0,grayScaleEffect:true};var b=a.extend(c,b);this.each(function(){function E(a){k.stop(true,true).animate({left:-u*a},w);j.eq(c).removeClass("active");if(b.grayScaleEffect){j.eq(c).find(".img_grayscale").stop().animate({opacity:0},1e3)}var d=j.eq(a);d.addClass("active");if(b.grayScaleEffect){d.find("img").parent().find("img:first").stop().animate({opacity:1},1e3)}c=a;if(y){l.stop(true,true).animate({marginLeft:t*a},w,function(){if(-t*a+h/2>0){g.stop(true,true).animate({left:0},w)}else if(-t*a-h/2<-(s*t)){g.stop(true,true).animate({left:-(s*t)+h},w)}else{g.stop(true,true).animate({left:-t*(a+.5)+h/2},w)}})}else{l.stop(true,true).animate({marginLeft:t*a},w);if(-t*a+h/2>0){g.stop(true,true).animate({left:0},w)}else if(-t*a-h/2<-(s*t)){g.stop(true,true).animate({left:-(s*t)+h},w)}else{g.stop(true,true).animate({left:-t*a+h/2},w)}}}function D(b){if(b){a(".isPlaying").stop(true,true).css("bottom","-40px").show();a(".isPaused").stop(true,true).animate({bottom:"0px"},function(){a(".isPaused").fadeOut(1e3,function(){a(".isPaused").css("bottom","-40px").show()})})}B=false;if(x){m.stop(true,false).animate({width:"0px"})}r.removeClass("pause").addClass("play");window.clearInterval(x)}function C(b){if(b){a(".isPaused").stop(true,true).css("bottom","-40px").show();a(".isPlaying").stop(true,true).animate({bottom:"0px"},function(){a(".isPlaying").fadeOut(1e3,function(){a(".isPlaying").css("bottom","-40px").show()})})}B=true;r.removeClass("play").addClass("pause");if(x)m.css("width","0px").animate({width:n},z);x=window.setInterval(function(){D(false);if(c<s-1){E(c+1)}else{E(0)}C(false);if(x)m.stop(true,true).css("width","0px").animate({width:n},z)},z)}var c=b.currentSlide,e=a(this),f=e.find(".spiderButton"),g=f.find(".spiderButtonCover"),h=f.width(),i=e.find(".spiderSlider"),j=f.find(".thumb"),k=e.find(".cover"),l=f.find(".cache"),m=l.find(".filler"),n=l.width(),o=k.find(".item"),p=e.find(".next"),q=e.find(".prev"),r=e.find(".auto"),s=o.length,t=j.outerWidth(true),u=i.width(),v=i.height(),w=b.speed,x=b.spiderTimer,y=b.spiderCache,z=b.pauseTime,A=b.keyboardNav,B=false;g.width(s*t);k.width(s*u);if(b.autoPlay)C(true);j.click(function(){if(B){r.trigger("click")}E(j.index(this),u)});if(b.grayScaleEffect){a("img",f).fadeIn(500);a("img",f).each(function(){var b=a(this);b.css({position:"absolute"}).wrap("<div class='img_wrapper' style='display: inline-block'>").clone().addClass("img_grayscale").css({position:"absolute","z-index":"9",opacity:"0"}).insertBefore(b).queue(function(){var b=a(this);b.parent().css({width:this.width,height:this.height});b.dequeue()});this.src=d(this.src)})}E(b.currentSlide);r.click(function(){if(!B){C(true)}else{D(true)}});p.click(function(){if(B){D(true)}if(c<s-1){E(c+1)}else{E(0)}});q.click(function(){if(B){D(true)}if(c<1){E(s-1)}else{E(c-1)}});if(A){a(document).keyup(function(a){if(a.target.tagName.match("TEXTAREA|INPUT|SELECT")){return}switch(a.which){case 39:p.trigger("click");break;case 37:q.trigger("click");break;case 32:r.trigger("click");break}})}})}})(jQuery)