var mousePosX=0;
var mousePosY=0;	

var backgroundPosX;
var backgroundPosY;
var midgroundPosX;
var midgroundPosY;
var foregroundPosX;
var foregroundPosY;

var deltaBackgroundX;
var deltaBackgroundY;
var deltaMidgroundX;
var deltaMidgroundY;
var deltaForegroundX;
var deltaForegroundY;

var motionFlag = true;




$(document).ready(function(){
	$("#checkbox").hide();
	/*CHECK FOR COOKIES*/
	if(document.cookie){
		if(document.cookie == "motion=false"){motionFlag = false;}
	}else{
		$("#checkbox").slideDown();
	}
	
	
	/*SETTING BACKGROUNDPOSITIONS**/
	$("body").css("background-position","0px 0px" );
	$("#midground").css("background-position","0px 0px" );
	$("#foreground").css("background-position","0px 0px" );
	if(motionFlag){
	backgroundPosX=0;
	backgroundPosY=0;
	midgroundPosX=0;
	midgroundPosY=0;
	foregroundPosX=0;
	foregroundPosY=0;
	
	
	/*TRACKING MOUSEMOTION********/
	$("body").mousemove(function(e){
		mousePosX = e.pageX;
		mousePosY = e.pageY;
	});
	
	/*MAINLOOP********************/
	setInterval("moveLayer()",50)
	}

	
});


function disableMotion(){
	document.cookie = 'motion=false;';
	$("#checkbox").slideUp();
	motionFlag = false;
}

function enableMotion(){
	document.cookie = 'motion=true;';
	$("#checkbox").slideUp();
}

function moveLayer(){
	
	if(motionFlag){
	
	/*BACKGROUND*****************/
	deltaBackgroundX = mousePosX - backgroundPosX;
	deltaBackgroundY = mousePosY - backgroundPosY;
	
	backgroundPosX+= 0.1*deltaBackgroundX;
	backgroundPosY+= 0.1*deltaBackgroundY;
	
	backgroundPosX *= 0.3;
	backgroundPosY *= 0.1;

	$("body").css("background-position",""+ backgroundPosX + "px "+ backgroundPosY +"px" );
	
	/*MIDGROUND******************/
	deltaMidgroundX = mousePosX - midgroundPosX;
	deltaMidgroundY = mousePosY - midgroundPosY;
	
	midgroundPosX+= 0.1*deltaMidgroundX;
	midgroundPosY+= 0.1*deltaMidgroundY;
	
	midgroundPosX *= 0.5;
	midgroundPosY *= 0.3;
	
	$("#midground").css("background-position",""+ midgroundPosX + "px "+ midgroundPosY +"px" );	
	
	/*FOREGROUND*****************/
	deltaForegroundX = mousePosX - foregroundPosX;
	deltaForegroundY = mousePosY - foregroundPosY;
	
	foregroundPosX+= 0.1*deltaForegroundX;
	foregroundPosY+= 0.1*deltaForegroundY;
	
	foregroundPosX *= 0.7;
	foregroundPosY *= 0.5;

	$("#foreground").css("background-position",""+ foregroundPosX+ "px "+ foregroundPosY +"px" );
	
	}
}