$('.header-item').each(function(){
	var s=$(this).attr('style');
	s=s.replace('background: ','background-color:');
	$(this).attr('style',s);
});

var mouseX=0;
var mouseY=0;

var HexConverter = {
	hexDigits : '0123456789ABCDEF',

	dec2hex : function( dec )
	{
		return( this.hexDigits[ dec >> 4 ] + this.hexDigits[ dec & 15 ] );
	},

	hex2dec : function( hex )
	{
		return( parseInt( hex, 16 ) )
	}
}

$('.head-picture').mousemove(function(event) {
	mouseX=event.pageX;
	mouseY=event.pageY;
});

function ani() {
	$('.header-item').each(function(){
		changeColor(this, 10);
});
setTimeout(ani,50);
}
ani() ;

function changeColor(obj, variation) {
	var newColor = '#';
	var r,g,b;
		if (variation<50) {
		var color=$(obj).attr('style');
		var off=5;
		 r= HexConverter.hex2dec(color.substring(13+off,15+off))+Math.random()*variation-variation/2.2;
		 g= HexConverter.hex2dec(color.substring(15+off,17+off))+Math.random()*variation-variation/2.2;
		 b= HexConverter.hex2dec(color.substring(17+off,19+off))+Math.random()*variation-variation/2.2;

		if (r>255) r=255; if (r<0) r=0;
		if (g>255) g=255; if (g<0) g=0;
		if (b>255) b=255; if (b<0) b=0;
		}else{
			r=Math.random()*255;
			 g=Math.random()*255;
			 b=Math.random()*255;
		}
		newColor +=HexConverter.dec2hex(r);
		newColor +=HexConverter.dec2hex(g);
		newColor +=HexConverter.dec2hex(b);
		$(obj).attr('style','background-color:'+newColor);
}

$('.header-item').mouseover(function() {
		$('.header-item').each(function(){
			var offset = $(this).offset();
			var radius=Math.abs(mouseX-offset.left);
			radius=radius;
			if (radius<255) {
				changeColor(this,(255-radius)/4);
			}
			});
	});