var bgcanvas = $("#background-canvas")[0]; var bgcontext = bgcanvas.getContext("2d"); //var navcanvas = $("#nav-canvas")[0]; //var navcontext = navcanvas.getContext("2d"); var pixelSize = 80; var pixelX = 0; var pixelY = 0; $(document).ready(drawPixels); (function($,sr){ // debouncing function from John Hann // http://unscriptable.com/index.php/2009/03/20/debouncing-javascript-methods/ var debounce = function (func, threshold, execAsap) { var timeout; return function debounced () { var obj = this, args = arguments; function delayed () { if (!execAsap) func.apply(obj, args); timeout = null; }; if (timeout) clearTimeout(timeout); else if (execAsap) func.apply(obj, args); timeout = setTimeout(delayed, threshold || 100); }; } // smartresize jQuery.fn[sr] = function(fn){ return fn ? this.bind('resize', debounce(fn)) : this.trigger(sr); }; })(jQuery,'smartresize'); $(window).smartresize(drawPixels); function drawPixels() { maximizeCanvas(); reset(); pixelSize = Math.ceil(Math.min(window.innerWidth, window.innerHeight)/12); pixelX = 0; pixelY = 0; drawBgPixel(pixelX, pixelY); pixelX = 0; pixelY = 0; //drawNavPixel(pixelX, pixelY); } function drawBgPixel() { bgcontext.fillStyle = getRandomAlphaColor(); bgcontext.fillRect(pixelX, pixelY, pixelSize, pixelSize); pixelX += pixelSize; if(pixelX >= bgcanvas.width){ pixelX = 0; pixelY += pixelSize; } if(pixelY >= bgcanvas.height){ return; } drawBgPixel(); } function drawNavPixel() { navcontext.fillStyle = getRandomColor(); navcontext.fillRect(pixelX, pixelY, pixelSize, pixelSize); pixelX += pixelSize; if(pixelX >= navcanvas.width){ pixelX = 0; pixelY += pixelSize; } if(pixelY >= navcanvas.height){ return; } drawNavPixel(); } function reset() { bgcontext.clearRect(0, 0, bgcanvas.width, bgcanvas.height); //navcontext.clearRect(0, 0, navcanvas.width, navcanvas.height); } function getRandomColor() { var red = Math.floor(Math.random() * 10 + 61-5); var green = Math.floor(Math.random() * 10 + 38-5); var blue = Math.floor(Math.random() * 10 + 75-5); var color = '#' + red.toString(16) + green.toString(16) + blue.toString(16); return color; } function getRandomAlphaColor() { return "rgba(61,38,75," + (Math.random() * 0.1 + 0.95) + ")"; } function maximizeCanvas() { bgcontext.canvas.width = window.innerWidth; bgcontext.canvas.height = window.innerHeight; //navcontext.canvas.width = window.innerWidth; //navcontext.canvas.height = 650; } /* $("a").click(function(e){ e.preventDefault(); $(window).scrollTop(3); setTimeout('window.location.href=' + $(this).attr('href'), 500); }); */ var frm = $('#contactForm'); var successmsg = $('#contactFormSuccessMsg'); frm.submit(function (e) { e.preventDefault(); $.ajax({ type: frm.attr('method'), url: frm.attr('action'), data: frm.serialize(), success: function (data) { //alert('Submission was successful.'); if(data == "") { frm.hide(); successmsg.show(); } else { alert('An error occurred.'); } }, error: function (data) { alert('An error occurred.'); //console.log(data); }, }); });