File Manager

/* * Based on Darcy Clarke's code */(function($){function grayscaleEffect(src){var canvas=document.createElement('canvas');var ctx=canvas.getContext('2d');var imgObj=new Image();imgObj.src=src;canvas.width=imgObj.width;canvas.height=imgObj.height;ctx.drawImage(imgObj,0,0);var imgPixels=ctx.getImageData(0,0,canvas.width,canvas.height);for(var y=0;y<imgPixels.height;y++){for(var x=0;x<imgPixels.width;x++){var i=(y*4)*imgPixels.width+x*4;var avg=(imgPixels.data[i]+imgPixels.data[i+1]+imgPixels.data[i+2])/3;imgPixels.data[i]=avg;imgPixels.data[i+1]=avg;imgPixels.data[i+2]=avg}}ctx.putImageData(imgPixels,0,0,0,0,imgPixels.width,imgPixels.height);return canvas.toDataURL()}$.fn.grayscale=function(){this.each(function(i,el){var $this=$(el);$this.fadeIn(500);$this.each(function(){if(this.src.length===0){return}var el=$(this);var clone=el.css({"position":"absolute"}).wrap("<div class='img_wrapper' style='display: inline-block'>").clone().addClass('img_grayscale').css({"position":"absolute","z-index":"998","opacity":"0"}).insertBefore(el).queue(function(){var el=$(this);el.parent().css({"width":jQuery(this).width(),"height":jQuery(this).height()});el.dequeue()});if(document.all&&!document.addEventListener){this.style.filter='progid:DXImageTransform.Microsoft.BasicImage(grayScale=1)'}else{this.src=grayscaleEffect(this.src)}clone.on('mouseover',function(){$(this).parent().find('img:first').stop().animate({opacity:1},300)});clone.on('mouseout',function(){$(this).stop().animate({opacity:0},300)})})})}})(jQuery);