var keys = new Array(38,38,40,40,37,39,37,39,66,65,13);
var actKey = 0;
	document.onkeyup = function(e) {
	if (!e) e = window.event;
	if (e.keyCode == keys[actKey]) {
		actKey++;
		if (actKey == keys.length) setInterval(color,interval);
	} else {
		actKey = 0;
	}
	if (typeof console=='object'&& typeof console.log=='function')
		console.log (actKey);
}

var r = 0, g = 0, b = 0, step = 25, interval = 100, schritt = 0;

function color()
{
	switch (schritt)
	{
	case 0: 
		r += step;
		if(r > 255){ r = 255; schritt = 1; }
		break;
	case 1: 
		g += step;
		if(g > 255){ g = 255; schritt = 2; }
		break;
	case 2: 
		r -= step;
		if(r < 0){ r = 0; schritt = 3; }
		break;
	case 3: 
		b += step;
		if(b > 255){ b = 255; schritt = 4; }
		break;
	case 4: 
		g -= step;
		if(g < 0){ g = 0; schritt = 5; }
		break;
	case 5: 
		r += step;
		if(r > 255){ r = 255; schritt = 6; }
		break;
	case 6: 
		b -= step;
		if(b < 0){ b = 0; schritt = 1; }
		break;
	}
	$('.main').css('-moz-box-shadow','8px 8px 8px rgb(' + r + ',' + g + ',' + b + ')').css('border','1px solid  rgb(' + r + ',' + g + ',' + b + ')');
	$('.head').css('color','rgb(' + r + ',' + g + ',' + b + ')').css('border-bottom','1px solid rgb(' + r + ',' + g + ',' + b + ')');
	$('.navi').css('border-bottom','1px solid rgb(' + r + ',' + g + ',' + b + ')');
}