jQuery(document).ready(function($) { //appending mousepointer $('.rsArrowLeft').appendTo('.left'); $('.rsArrowRight').appendTo('.right'); // mousepointer fading $('.arrow_wrap').mousemove(function(){ $('.rsArrowIcn').fadeIn(100,function(){ $('.rsArrowIcn').css({"display":"block"}); }); }); $('#case_menu,#logo,#gallery_topnav,#main').mouseenter(function(){ $('.rsArrowIcn').fadeOut(100); }); $('#case_menu,#logo,#gallery_topnav,#main').mouseleave(function(){ $('.rsArrowIcn').fadeIn(100); }); // Set up a 30 Hz frame rate relMouseX = 0; relMouseY = 0; relMouseX2 = 0; relMouseY2 = 0; var arrRight = $('.rsArrowRight .rsArrowIcn'); var arrLeft = $('.rsArrowLeft .rsArrowIcn'); // get the stage offset offset1 = $('.right').offset(); offset2 = $('.left').offset(); $(document).mousemove( function(e) { mouseX = e.pageX -20; mouseY = e.pageY -10; relMouseX = mouseX - offset1.left; relMouseY = mouseY - offset1.top; relMouseX2 = mouseX - offset2.left; relMouseY2 = mouseY - offset2.top; arrRight.css('left', relMouseX); arrRight.css('top', relMouseY); arrLeft.css('left', relMouseX2); arrLeft.css('top', relMouseY2); }); });