<script type="text/javascript">	
	function onload_1(idCanvas)
	{
		jc.start(idCanvas,true);
		jc.circle(100,120,50,true)
			.draggable();
	}	
</script>
<canvas id="canvas_1" width="250px" height="265px">
</canvas>

<script type="text/javascript">	
	function onload_2(idCanvas)	
	{	
		jc.start(idCanvas,true);
		jc.circle(55,120,50,'rgba(255,0,0,0.5)',1)
			.draggable({
				object: 'self',
				disabled:false,
				start:function(){
					this.color('#000000');
				},
				stop:function(){
					this.color('#ff0000');
				},
				drag:function(){
				var opacity = Math.random();
				this.opacity(opacity);
			}});
	}
</script>
<canvas id="canvas_2" width="250px" height="265px">
</canvas>

<script type="text/javascript">
        function onload_3(idCanvas)
        {
                jc.start(idCanvas,true);
                jc.circle(100,120,50,true)
                        .draggable('self');
        }    
</script>
<canvas id="canvas_3" width="250px" height="265px">
</canvas>

<script type="text/javascript">
        function onload_4(idCanvas)
        {
                jc.start(idCanvas,true);
                jc.circle(100,120,50,true)
                        .draggable('clone');
        }    
</script>
<canvas id="canvas_4" width="250px" height="265px">
</canvas>

<script type="text/javascript">
        function onload_5(idCanvas)
        {
                jc.start(idCanvas,true);
                var drag_5=jc.circle(100,120,20,'#ff0000',true);
                jc.circle(100,120,50,true)
                        .draggable(drag_5.up());
        }    
</script>
<canvas id="canvas_5" width="250px" height="265px">
</canvas>

<script type="text/javascript">
        function onload_6(idCanvas)
        {
                jc.start(idCanvas,true);
                jc.circle(100,120,50,true)
                        .draggable('self',{color:'#ff0000'});
        }    
</script>
<canvas id="canvas_6" width="250px" height="265px">
</canvas>

<script type="text/javascript">
        function onload_7(idCanvas)
        {
                jc.start(idCanvas,true);
                jc.circle(100,120,50,true)
                        .draggable('clone',{color:'#ff0000'});
        }    
</script>
<canvas id="canvas_7" width="250px" height="265px">
</canvas>

<script type="text/javascript">
        function onload_8(idCanvas)
        {
                jc.start(idCanvas,true);
                var drag_8=jc.circle(100,120,20,'#ff0000',true);
                jc.circle(100,120,50,true)
                        .draggable(drag_8.up(),{radius:30,color:'#ffff00'});
        }    
</script>
<canvas id="canvas_8" width="250px" height="265px">
</canvas>

<script type="text/javascript">	
	function onload_9(idCanvas)	
	{	
		jc.start(idCanvas,true);
		jc.circle(55,120,50,'rgba(255,0,0,0.5)',1)
			.draggable(function(){
				var opacity = Math.random();
				this.opacity(opacity);
			});
	}
</script>
<canvas id="canvas_9" width="250px" height="265px">
</canvas>