(function(){
	var headID = document.getElementsByTagName("head")[0];         
	var cssNode = document.createElement('link');
	cssNode.type = 'text/css';
	cssNode.rel = 'stylesheet';
	cssNode.href = 'http://fonts.googleapis.com/css?family=Abel';
	cssNode.media = 'screen';
	headID.appendChild(cssNode);
})();

$(".clients-hover").hover(
  function () {
  	$(this).animate({'padding-left': "5px"}, 'fast');
  }, 
  function () {
  	$(this).stop().css('padding-left', '0px');   
  }
);

// Draw an animated gradient blending color1 to color2 on specified canvas of width = w, height = h from (x1,y1) to (x2,y2)
function animGradient(color1, color2, mycanvas, w, h, x1, y1, x2, y2) {		
	var canvas = mycanvas;  
	var ctx;
	var dy = .005;
	var inc = 0;
	var up = false;
	
	var minc = .5;
	var mup = false;
	
	var tinc = 0;
	
	//var c1 = [176,46,121];
	//var c2 = [86,186,227];
	var c1 = color1;
	var c2 = color2;
	
	var WIDTH = w;
	var HEIGHT = h;
	 
	function clear() {
		ctx.clearRect(0, 0, WIDTH, HEIGHT);
	}
	
	function init() {
		//canvas = document.getElementById("gradientCanvas");
		
		if(canvas && canvas.getContext) {
			ctx = canvas.getContext("2d");
			return setInterval(draw, 75);
		}
	}
	
	function dec2hex(r, g, b)
	{
	    var rH = r.toString(16);
	    if(rH.length < 2) {rH = '0'+rH;}
	    var gH = g.toString(16);
		if(gH.length < 2) {gH = '0'+gH;}
	    var bH = b.toString(16);
	    if(bH.length < 2) {bH = '0'+bH;}
	    return "#"+rH+gH+bH;
	}
	
	function draw() {	
		// Interoplate top/bottom value
		var topCol = [0,0,0];
		var midCol = [0,0,0];
		var botCol = [0,0,0];
		 
		/*
var toCol;
		var fromCol;
		
		if(up){
			toCol = c1;
			fromCol = c2;
			midCol = c2;
		}
		else{
			toCol = c2;
			fromCol = c1;
			midCol = c1;
		}
*/
		
		for (var i = 0; i < 3; i++){	
			topCol[i] = Math.floor(c1[i] + inc*(c2[i]-c1[i]));
			botCol[i] = Math.floor(c2[i] + inc*(c1[i]-c2[i]));
			midCol[i] = Math.floor(c2[i] + minc*(c1[i]-c2[i]));
			//topCol[i] = Math.floor(fromCol[i] + inc*(toCol[i]-fromCol[i]));
			//botCol[i] = Math.floor(fromCol[i] + (1-inc)*(toCol[i]-fromCol[i]));
		}
		
		if(up){
			inc -= dy;
		}
		else{
			inc += dy;
		}
		
		if(mup){
			minc -= dy;
		}
		else{
			minc += dy;
		}
		
		// Change direction
		if(inc > 1){
			up = !up;
		} else if (inc < 0) {
			up = !up;
		}
		
		if(minc > 1){
			mup = !mup;
		} else if (minc < 0) {
			mup = !mup;
		}
		
		var mygrad = ctx.createLinearGradient(x1,y1,x2,y2);
		mygrad.addColorStop(0, dec2hex(topCol[0], topCol[1], topCol[2]));
		mygrad.addColorStop(.5, dec2hex(midCol[0], midCol[1], midCol[2]));
		//mygrad.addColorStop(inc, dec2hex(midCol[0], midCol[1], midCol[2]));
		mygrad.addColorStop(1, dec2hex(botCol[0], botCol[1], botCol[2]));
		ctx.fillStyle = mygrad;
		ctx.fillRect(0,0,770,325);
		
		/*
inc += dy;
		
		if (inc > 1) {
			inc = 0;
			up = !up;
		}
*/
		
		/*
ctx.font = "70px Abel";
		ctx.textBaseline = "bottom";
		ctx.textAlign = "right";
		var ta = tinc*.45;
		if(tinc < 1){
			tinc += .05;
		}
		ctx.fillStyle = "rgba(255, 255, 255, "+ta+")";
		ctx.fillText("Your Success Is Our", 749, 148);
		ctx.fillText("Success. It's Not The", 749, 204);
		ctx.fillText("Other Way Around", 749, 260);
		ctx.fillText("It Never Has Been", 749, 316);
*/
	}
	
	init();
}