var c0=[240,210,200,255];var c1=[220,200,170,255];var c2=[220,235,220,255];var canvas;var colors=[{orig:c0,val:c0,next:1},{orig:c1,val:c1,next:2},{orig:c2,val:c2,next:0}];function shiftChannel(ca,cb){if(ca>cb){return ca-1;}else if(ca<cb){return ca+1;}
return ca;}
function shiftColor(ca,cb){var red=shiftChannel(ca[0],cb[0]);var green=shiftChannel(ca[1],cb[1]);var blue=shiftChannel(ca[2],cb[2]);var alpha=shiftChannel(ca[3],cb[3]);return[red,green,blue,alpha];}
function animate(){drawGradient();}
function drawGradient(){var canvas=document.getElementById("canvas");var ctx=canvas.getContext("2d");var gradient=ctx.createLinearGradient(0,0,canvas.width,canvas.height);colors[0].val=shiftColor(colors[0].val,colors[colors[0].next].orig);colors[1].val=shiftColor(colors[1].val,colors[colors[1].next].orig);colors[2].val=shiftColor(colors[2].val,colors[colors[2].next].orig);if(colors[0].val.join()===colors[colors[0].next].orig.join()&&colors[1].val.join()===colors[colors[1].next].orig.join()&&colors[2].val.join()===colors[colors[2].next].orig.join()){colors[0].next=(colors[0].next+1)%colors.length;colors[1].next=(colors[1].next+1)%colors.length;colors[2].next=(colors[2].next+1)%colors.length;}
gradient.addColorStop(0.0,"rgba("+colors[0].val[0]+", "+colors[0].val[1]+", "+colors[0].val[2]+", 1.0)");gradient.addColorStop(0.2,"rgba("+colors[0].val[0]+", "+colors[0].val[1]+", "+colors[0].val[2]+", 1.0)");gradient.addColorStop(0.4,"rgba("+colors[1].val[0]+", "+colors[1].val[1]+", "+colors[1].val[2]+", 1.0)");gradient.addColorStop(0.6,"rgba("+colors[1].val[0]+", "+colors[1].val[1]+", "+colors[1].val[2]+", 1.0)");gradient.addColorStop(0.8,"rgba("+colors[2].val[0]+", "+colors[2].val[1]+", "+colors[2].val[2]+", 1.0)");gradient.addColorStop(1.0,"rgba("+colors[2].val[0]+", "+colors[2].val[1]+", "+colors[2].val[2]+", 1.0)");ctx.fillStyle=gradient;ctx.fillRect(0,0,canvas.width,canvas.height);ctx.fillRect(0,0,canvas.width,canvas.height);}
function setCanvasDimensions(){canvas=document.getElementById("canvas");canvas.width=$(window).width();canvas.height=$(window).height();}
jQuery(document).ready(function($){window.setInterval(animate,200);$(window).resize(function(){setCanvasDimensions();});});