JavaScriptPro One Moving Circle(repost)

1. Must be very disciplined to reply within 24 hours. 2. I need one circle 50px only HTML, CSS, JavaScript allowed you can use circle graphics png only. 3. Circle should move when this web page is opened on iPhone or iPad and device moves. 4. I am enclosing the reference and examples already working. 5. Please write very clear object oriented code with delegation methods and use prototype or latest best way, this project is more like your javascript test than to be used. 6. When device is not moving this circle will only glow four corners of web page black background randomly no sequence (5 seconds show up 3 seconds disappear), when device moves it stops this method and comes in sliding mode based on device move. 7. For each circle please use two tones of circles or just light and dark color of each four colors. 8. Please use attached image colors so that you can create 8 vector graphics to toggle between each of two to show it's glowing/breathing.