Hello!

I made a HTML5 Canvas drawing app and a Twitter feed reader which uses the Twitter API and JSON.

Code:
<!DOCTYPE html>

<html>
	<head>
		<title>HTML 5 - Canvas</title>
		<link rel="stylesheet" type="text/css" href="datoteka.css" />
		
		<script src="./jquery.js"></script>
		<script src="./skripta.js"></script> 
		 
		<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
	</head>
	<body>
		<div id="sredina">
			<canvas id="myCanvas" width="500" height="500"></canvas>
			<div id="desniMeni">
				
				<input id="skrij" value="-" type="button" /><br/>
				
				<div id="nadzornaPlosca">
					Izberi:<br/><br/>
					<input name="lik" value="krog" type="radio" checked="checked" />Krog<br/>
					<input name="lik" value="kvadrat" type="radio" />Kvadrat<br/>
					<input name="lik" value="crta" type="radio" />Črta<br/>
					<br/>
					<input id="zakljuci" value="Zaključi črto" type="button" /><br/>
					<br/>
					<input name="polni" type="checkbox">Napolni like<br/>
					<br/>
					Premer/dolžina stranice:<input id="dolzina" name="dolzina" type="text" size="3" value="15" maxlength="3" /><br/>
					Debelina črt: <input id="sirina" name="sirina" type="text" size="2" maxlength="2" value="2" /><br/>
					Barva črt: #<input id="barvaCrte" name="barvaCrte" type="text" size="8" maxlength="6" value="000000" /><br/>
					Barva polnila: #<input id="barvaPolnila" name="barvaPolnila" type="text" size="8" maxlength="6" value="000000" /><br/>
					<input id="brisi" value="Briši" type="button" /><br/>
				</div>
			</div>
			<span id="kliki"></span>
		</div>
	</body>
</html>

Code:
$(document).ready(function(){	
	var x;
	var y;
	var canv = $("#myCanvas")[0];
	var ctx = canv.getContext("2d");

	var lines = new Array();
	
	$("#myCanvas").click(function(event)
	{
		x = event.pageX - $("#myCanvas").offset().left;
		y = event.pageY - $("#myCanvas").offset().top;
		
		ctx.fillStyle = "#" + $("#barvaPolnila").val();
		ctx.strokeStyle = "#" + $("#barvaCrte").val();
		ctx.lineWidth = $("#sirina").val();
		
		fill = $("input[name=polni]").is(":checked");
		width = $("#dolzina").val();

		shape = $("input[@name='lik']:checked").val();

		if (shape == 'krog') {
			ctx.beginPath();
			ctx.arc(x, y, width, 0*Math.PI, 2*Math.PI);
			if(fill)
				ctx.fill();
			else
				ctx.stroke();
		} else if(shape == "kvadrat") {
			ctx.rect(x, y, width, width);
			if(fill)
				ctx.fill();
			else
				ctx.stroke();
		} else {
			if(lines[0] !== undefined) {
				ctx.moveTo(lines[lines.length-1][0], lines[lines.length-1][1]);
				ctx.lineTo(x, y);
				ctx.stroke();
			} else 
				ctx.beginPath();
	
			lines.push([x, y]);
		}
	});


	$("#skrij").click(function() {
		gumb = $(this);
		nadzornaPlosca = $("#nadzornaPlosca");
		nadzornaPlosca.slideToggle(400, function() {
			if($(this).is(":visible")) {
				gumb.attr("value", "-");
			} else {
				gumb.attr("value", "+");
			}
		});
	});

	$("#zakljuci").click(function() {
		if(lines[0] !== undefined) {
			ctx.moveTo(lines[lines.length-1][0], lines[lines.length-1][1]);
			ctx.lineTo(lines[0][0], lines[0][1]);
			ctx.stroke();

			if($("input[name=polni]").is(":checked")) {
				ctx.beginPath();
				for(i = 0; i < lines.length; i++) {
					ctx.lineTo(lines[i][0], lines[i][1]);
				}
				ctx.closePath();
				ctx.fill();
			}
		}
		lines = new Array();
	});

	$("input[name=lik]").change(function() {
		lines = new Array();
	});

	$("#brisi").click(function() {
		ctx.clearRect(0, 0, canv.width, canv.height);
	})
});
<a href=http://www.filedropper.com/63050325><img src=http://www.filedropper.com/download_button.png width=127 height=145 border=0/></a><br /><div style=font-size:9px;font-family:Arial, Helvetica, sans-serif;width:127px;font-color:#44a854;> <a href=http://www.filedropper.com >file upload</a></div>

Now I need to change up the code in the skripta.js file of the drawing app (Slikar), so that it doesnt use arrays but ordinary variables. I need to change the code so that it isnt the same as my classmate.