document.onmousemove = follow;

function follow(e) {
	if (!e) var e = window.event;
	
	
	var mouseX = e.pageX;
	var mouseY = e.pageY;
	
	var bgMouseX = mouseX-105;
	var bgMouseY = mouseY-147;
	
	var sMouseX = mouseX+80;
	var sMouseY = mouseY+140;
	
	var curMouseX = mouseX-5;
	var curMouseY = mouseY-5;
	
	document.getElementById('body').style.backgroundPosition = bgMouseX+"px "+bgMouseY+"px";

	document.getElementById('cursor').style.margin = curMouseY+"px 0px 0px "+curMouseX+"px";
	
	document.getElementById('sliders').style.margin = sMouseY+"px 0px 0px "+sMouseX+"px";
}

document.onclick = showSliders;

function showSliders() {
	var visib = document.getElementById('sliders').style.visibility;
	if (visib == "visible") document.getElementById('sliders').style.visibility = "hidden";
	else document.getElementById('sliders').style.visibility = "visible";
}


bgColor = setInterval("randomBg()", 5);

var directionR = 0;
var directionG = 1;
var directionB = 1;

var red = 149;
var green = 154;
var blue = 232;

document.getElementById('body').style.backgroundColor = 'rgb('+red+', '+green+', '+blue+')';

function randomBg() {
	if (red >= 255) directionR = directionR*-1;
	if (red <= 0) directionR = Math.abs(directionR);
	
	if (green >= 255) directionG = directionG*-1;
	if (green <= 0) directionG = Math.abs(directionG);
	
	if (blue >= 255) directionB = directionB*-1;
	if (blue <= 0) directionB = Math.abs(directionB);
	
	red += directionR;
	green += directionG;
	blue += directionB;
	
	red = (red > 255) ? 255 : red;
	green = (green > 255) ? 255 : green;
	blue = (blue > 255) ? 255 : blue;
	
	red = (red < 0) ? 0 : red;
	green = (green < 0) ? 0 : green;
	blue = (blue < 0) ? 0 : blue;			

	document.getElementById('body').style.backgroundColor = "rgb("+red+","+green+","+blue+")";
	
	var redW = ((red*100)/255);
	var greenW = ((green*100)/255);
	var blueW = ((blue*100)/255);
	
	document.getElementById('red').style.width = redW+"%";
	document.getElementById('green').style.width = greenW+"%";
	document.getElementById('blue').style.width = blueW+"%";
	
	document.getElementById('red').innerHTML = "&nbsp;<strong>"+Math.floor(redW)+"</strong>&nbsp;%";
	document.getElementById('green').innerHTML = "&nbsp;<strong>"+Math.floor(greenW)+"</strong>&nbsp;%";
	document.getElementById('blue').innerHTML = "&nbsp;<strong>"+Math.floor(blueW)+"</strong>&nbsp;%";
}