var coloursArray=["#ffdd00","#0098d4","#e060e0"],greyScaleSpeed=300,thumbOffsetTime=100,fadeInSpeed=600,canvasEnabled=!0,thumbCount=0,thumbArray=[],openArray=[],maxThumbs=9;Modernizr.canvas?canvasEnabled=!0:canvasEnabled=!1;function showThumb(){thumbCount==thumbArray.length-1&&(clearInterval(thumbTimer),returnTimer=setInterval(returnFunction,thumbOffsetTime));$(thumbArray[thumbCount]).fadeIn(fadeInSpeed,function(){});thumbCount+=3;thumbCount>=thumbArray.length&&(thumbCount-=thumbArray.length-1)} $(window).load(function(){canvasEnabled?($("canvas.greyscale").each(function(){var a=$(this).attr("id"),a=document.getElementById(a),b=a.getContext("2d"),c=$(this).parent().children("img"),c=$(c).attr("src"),e=new Image;e.src=c;b.drawImage(e,0,0);c=b.getImageData(0,0,a.width,a.height);for(e=0;e<c.height;e++)for(var f=0;f<c.width;f++){var d=e*4*c.width+f*4,g=(c.data[d]+c.data[d+1]+c.data[d+2])/3;c.data[d]=g;c.data[d+1]=g;c.data[d+2]=g}b.putImageData(c,0,0,0,0,c.width,c.height);a.toDataURL();thumbCount++; thumbCount==maxThumbs&&($("div.thumb").each(function(a,b){thumbArray.push(b)}),thumbCount=0,thumbTimer=setInterval(showThumb,thumbOffsetTime))}),$("canvas.greyscale").mouseover(function(){jQuery.inArray($(this).attr("id"),openArray)==-1&&$(this).stop().animate({opacity:0},greyScaleSpeed)}),$("canvas.greyscale").mouseout(function(){jQuery.inArray($(this).attr("id"),openArray)==-1&&$(this).stop().animate({opacity:1},greyScaleSpeed)})):($("div.thumb").each(function(a,b){thumbArray.push(b)}),thumbCount= 0,thumbTimer=setInterval(showThumb,thumbOffsetTime));$("table.reverse, canvas.greyscale, img.thumb").live("click",function(){var a=$(this).attr("id"),b=a.split("-"),c="div#extra-"+b[1],e="img#arrow-"+b[1],f="div#thumb-"+b[1],d="table#table-"+b[1]+"-"+b[2],g="img#image-"+b[1]+"-"+b[2],h="canvas#canvas-"+b[1]+"-"+b[2],b=b[2];$(d).hasClass("up")==!1&&(canvasEnabled&&$(f).find("img:first").stop().css({opacity:1}),openArray.push(a),$(d).addClass("up"),$(h).addClass("up"),$(g).addClass("up"),$(d).animate({backgroundColor:coloursArray[b]}, 200),$(e).animate({rotate:180},400),$(c).animate({backgroundColor:coloursArray[b],height:"toggle"},400,"easeOutBack"))});$("table.up, canvas.up, img.up").live("click",function(){var a=$(this).attr("id").split("-"),b="div#thumb-"+a[1],c="table#table-"+a[1]+"-"+a[2],e="img#image-"+a[1]+"-"+a[2],f="canvas#canvas-"+a[1]+"-"+a[2],d="div#extra-"+a[1],a="img#arrow-"+a[1],g=jQuery.inArray($(this).attr("id"),openArray);openArray.splice(g,1);canvasEnabled&&$(b).find("img:first").stop().animate({opacity:0}, 200);$(a).animate({rotate:0},200);$(c).animate({backgroundColor:"#cccccc"},200);$(d).animate({backgroundColor:"#cccccc",height:"toggle"},200,function(){$(c).removeClass("up");$(f).removeClass("up");$(e).removeClass("up")})})});