JavaScript

<script>
function startTime()
{
var today=new Date();
var d=today.getDay();  //---Day Sunday
var dt=today.getDate();  //---Date 1-31
var mt=today.getMonth() + 1;  //---Month
var y=today.getFullYear();//---Year
var h=today.getHours();  //---Hours
var m=today.getMinutes(); //---Mintutes
var s=today.getSeconds(); //---Seconds
// add a zero in front of numbers<10
m=checkTime(m);
s=checkTime(s);
document.getElementById('txt').innerHTML= "Time|Date:"+" "+h+":"+m+":"+s+ " " + d+"/"+mt+"/"+y;
t=setTimeout(function(){startTime()},500);
}

function checkTime(i)
{
if (i<10)
  {
  i="0" + i;
  }
return i;
}
</script>

// Create the canvas
var canvas = document.createElement("canvas");
var ctx = canvas.getContext("2d");
canvas.width = 512;
canvas.height = 480;
canvas.id="gameCanvas";
div = document.getElementById("slide-panel");
div.appendChild(canvas);

$(document).ready(function(){
 
$(".btn-slide").click(function(){
document.getElementById('gameCanvas').focus()
});

function isColliding(ball){
var distance = Math.sqrt(((this.posX - ball.posX)*(this.posX - ball.posX)) + ((this.posY - ball.posY) * (this.posY - ball.posY)));
	
if (distance < this.radius + ball.radius){
//balls have collided now work out where they collided
					
var collisionPointX = ((this.posX * ball.radius) + (ball.posX * this.radius)) / (this.radius + ball.radius);

var collisionPointY = ((this.posY * ball.radius) + (ball.posY * this.radius)) / (this.radius + ball.radius);
					
ball.speed = this.speed;
					
this.directionX = Math.cos(?);
					
this.directionY = Math.sin(?);
					
ball.directionX = Math.cos(?);
					
ball.directionY = Math.sin(?);
							
}
							
}