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 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" );
    
    }
}