//Support for HTML5 canvas?
function supports_canvas() {
	return !!document.createElement('canvas').getContext;
}

window.onload = function() {
	if(supports_canvas()){
	
		Canvas = new Canvas(document.getElementById('logo'), 250, 250)
	
		var circle = new Circle(105, {
			id: 'myCircle',
			x: Canvas.width / 2,
   			y: Canvas.height / 2,
   			stroke: 'red',
   			strokeWidth: 20,
   			endAngle: 1.8,
   			rotation : 75
   		})
     
    		var circle2 = new Circle(110, {
    			id: 'myCircle2',
    			x: Canvas.width / 2,
    			y:Canvas.height / 2,
    			stroke: 'black',
    			strokeWidth: 20,
    			endAngle: 1.8,
    			rotation : 46
    		})
    
    		circle2.addFrameListener(function(t, dt) {
       			this.rotation = Math.sin(t / 1000) * Math.PI
       		})  
  
       		var dl = new ElementNode(E('h1', 'Darren Levy'), {
       			fontFamily: 'Arial, Sans-serif', noScaling: true, color: 'black'
       		})
       	
       		var dev = new ElementNode(E('h2', 'Developer'), {
       			fontFamily: 'Arial, Sans-serif', noScaling: true, color: 'black'
       		})
       
       	 	dl.align = dl.valign = dev.align = "center"
   
       		circle.append(dl)
       		circle.append(dev)
      		Canvas.append(circle)
       		Canvas.append(circle2)
	}
}