function graphic_func(id, imgid, type, r, g, b, r1, g1, b1, r2, g2, b2, alpha) {
           	 var grafikalpha = 1-alpha;
             var canvas = document.getElementById(id);
             var context = canvas.getContext("2d");
          	 //context.clearRect(0,0,canvas.width,canvas.height)
             context.fillStyle = "rgba(255, 255, 255, " + grafikalpha + ")";
             context.fillRect(0, 0, canvas.width, canvas.height);
             
             var color1 = "rgba(" + r +", "+ g +", "+ b + ", " +  (grafikalpha * 0.8) + ")";
             		     var color2 = "rgba(" + r1 +", "+ g1 +", "+ b1 + ", " +  (grafikalpha * 0.8) + ")";
             		     var color3 = "rgba(" + r2 +", "+ g2 +", "+ b2 + ", " +  (grafikalpha * 0.8) + ")";
             
             		     ctx = context;
             
             if(type == 1) {
			 
						 context.beginPath(); // begin custom shape
						
						 
						 context.arc(140,95,37,0,Math.PI*2,true);
						
					     context.closePath(); // complete custom shape
					     context.fillStyle = "rgba(" + r1 +", "+ g1 + ", "+ b1 + ", " + (grafikalpha*0.8) + ")";
				    	 context.fill();  
				    	 
				    	 
					 	 context.beginPath(); // begin custom shape
						 context.arc(80,105,60,0,Math.PI*2,true);
			
				   		 context.closePath(); // complete custom shape
				    	      context.fillStyle = "rgba(" + r2 +", "+ g2 + ", "+ b2 + ", " + (grafikalpha*0.8) + ")";
			    		 context.fill();             
				    	            
							context.beginPath(); // begin custom shape
								 context.arc(130,65,22,0,Math.PI*2,true);
						
						      context.closePath(); // complete custom shape
						      context.fillStyle = "rgba(" + r +", "+ g +", "+ b + ", " +  (grafikalpha*0.8) + ")";
						      context.fill();
			 }
			 if(type == 2) {
			 
			 			 
			 			 
			 	 
			 	    	 
			 	    	 
			 		 	 context.beginPath(); // begin custom shape
			 			 context.arc(100,100,80,0,Math.PI*2,true);
			 
			 	   		 context.closePath(); // complete custom shape
			 	    	 context.fillStyle = "rgba(" + r2 +", "+ g2 + ", "+ b2 + ", " + (grafikalpha) + ")";
			     		 context.fill();             
			 	    	     
			 	    	     					 			 context.beginPath(); // begin custom shape
			 	    	     
			 	    	     context.arc(100,100,60,0,Math.PI*2,true);
			 	    	     
			 	    	      context.closePath(); // complete custom shape
			 	    	      context.fillStyle = "rgba(" + r1 +", "+ g1 + ", "+ b1 + ", " + (grafikalpha) + ")";
			 	    	      context.fill(); 
			 	    	      
			 				context.beginPath(); // begin custom shape
			 					 context.arc(100,100,40,0,Math.PI*2,true);
			 			
			 			      context.closePath(); // complete custom shape
			 			      context.fillStyle = "rgba(" + r +", "+ g +", "+ b + ", " +  (grafikalpha) + ")";
			 			      context.fill();
			  }
			  
			  if(type == 3) {
			  
			  			 
			  			 
			  	 
			  	    	 
			  	    	 
			  		 	 context.beginPath(); // begin custom shape
			  			 context.arc(100,100,80,0,Math.PI*2,true);
			  
			  	   		 context.closePath(); // complete custom shape
			  	    	 context.fillStyle = "rgba(" + r2 +", "+ g2 + ", "+ b2 + ", " + (grafikalpha) + ")";
			      		 context.fill();             
			  	    	     
			  	    	     					 			 context.beginPath(); // begin custom shape
			  	    	     
			  	    	     context.arc(100,100,(80/1.61),0,Math.PI*2,true);
			  	    	     
			  	    	      context.closePath(); // complete custom shape
			  	    	      context.fillStyle = "rgba(" + r1 +", "+ g1 + ", "+ b1 + ", " + (grafikalpha) + ")";
			  	    	      context.fill(); 
			  	    	      
			  				context.beginPath(); // begin custom shape
			  					 context.arc(100,100,(80/(1.61*2)),0,Math.PI*2,true);
			  			
			  			      context.closePath(); // complete custom shape
			  			      context.fillStyle = "rgba(" + r +", "+ g +", "+ b + ", " +  (grafikalpha) + ")";
			  			      context.fill();
			   }
			   
			   if(type == 4) {
			   
			   		 	 context.beginPath(); // begin custom shape
			   			 context.arc(85,85,80,0,Math.PI*2,true);
			   
			   	   		 context.closePath(); // complete custom shape
			   	    	 context.fillStyle = "rgba(" + r2 +", "+ g2 + ", "+ b2 + ", " + (grafikalpha) + ")";
			       		 context.fill();             
			   	    	     
			   	    	     					 			 context.beginPath(); // begin custom shape
			   	    	     
			   	    	     context.arc(171,155,(80/3),0,Math.PI*2,true);
			   	    	     
			   	    	      context.closePath(); // complete custom shape
			   	    	      context.fillStyle = "rgba(" + r1 +", "+ g1 + ", "+ b1 + ", " + (grafikalpha) + ")";
			   	    	      context.fill(); 
			   	    	      
			   				context.beginPath(); // begin custom shape
			   					 context.arc(129,177,(80/6),0,Math.PI*2,true);
			   			
			   			      context.closePath(); // complete custom shape
			   			      context.fillStyle = "rgba(" + r +", "+ g +", "+ b + ", " +  (grafikalpha) + ")";
			   			      context.fill();
			    }
			    if(type == 5) {
			    
			    		     var color1 = "rgba(" + r +", "+ g +", "+ b + ", " +  (grafikalpha) + ")";
			    		     var color2 = "rgba(" + r1 +", "+ g1 +", "+ b1 + ", " +  (grafikalpha) + ")";
			    		     var color3 = "rgba(" + r2 +", "+ g2 +", "+ b2 + ", " +  (grafikalpha) + ")";
			    
			    		 	 ctx = context;
			    		 	 ctx.save();
			    		 	 ctx.strokeStyle = color1;
			    		 	 ctx.lineWidth = 5;
			    		 	 ctx.beginPath();
			    		 	 ctx.moveTo(10.434,93.078);
			    		 	 ctx.lineTo(10.335,106.701);
			    		 	 
			    		 	 ctx.stroke();
			    		 	 ctx.restore();
			    		 	 ctx.save();
			    		 	 ctx.strokeStyle = color2;
			    		 	 ctx.lineWidth = 10;
			    		 	 ctx.beginPath();
			    		 	 ctx.moveTo(40.638,65.849);
			    		 	 ctx.lineTo(40.14,133.93);
			    		 	 
			    		 	 ctx.stroke();
			    		 	 ctx.restore();
			    		 	 ctx.save();
			    		 	 ctx.strokeStyle = color3;
			    		 	 ctx.lineWidth = 15;
			    		 	 ctx.beginPath();
			    		 	 ctx.moveTo(70.145,37.624);
			    		 	 ctx.lineTo(69.945,161.159);
			    		 	 
			    		 	 ctx.stroke();
			    		 	 ctx.restore();
			    		 	 ctx.save();
			    		 	 ctx.strokeStyle = color1;
			    		 	 ctx.lineWidth = 20;
			    		 	 ctx.beginPath();
			    		 	 ctx.moveTo(99.651,11.391);
			    		 	 ctx.lineTo(99.751,188.389);
			    		 	 
			    		 	 ctx.stroke();
			    		 	 ctx.restore();
			    		 	 ctx.save();
			    		 	 ctx.strokeStyle = color3;
			    		 	 ctx.lineWidth = 15;
			    		 	 ctx.beginPath();
			    		 	 ctx.moveTo(129.656,38.619);
			    		 	 ctx.lineTo(129.557,161.159);
			    		 	 
			    		 	 ctx.stroke();
			    		 	 ctx.restore();
			    		 	 ctx.save();
			    		 	 ctx.strokeStyle = color2;
			    		 	 ctx.lineWidth = 10;
			    		 	 ctx.beginPath();
			    		 	 ctx.moveTo(159.441,65.85);
			    		 	 ctx.lineTo(159.362,133.931);
			    		 	 
			    		 	 ctx.stroke();
			    		 	 ctx.restore();
			    		 	 ctx.save();
			    		 	 ctx.strokeStyle = color1;
			    		 	 ctx.lineWidth = 5;
			    		 	 ctx.beginPath();
			    		 	 ctx.moveTo(189.167,93.078);
			    		 	 ctx.lineTo(189.168,106.701);
			    		 	 
			    		 	 ctx.stroke();
			    		 	 ctx.restore();
			    		 	 ctx.restore();
			    		 	 ctx.save();
			    		 	 ctx.strokeStyle = color3;
			    		 	 ctx.lineWidth = 5;
			    		 	 ctx.beginPath();
			    		 	 ctx.moveTo(8.27,189.945);
			    		 	 ctx.lineTo(191.73,190.051);
			    		 	 
			    		 	 ctx.stroke();
			    		 	 ctx.restore();
			    		 	 ctx.save();
			    		 	 ctx.strokeStyle = color1;
			    		 	 ctx.lineWidth = 10;
			    		 	 ctx.beginPath();
			    		 	 ctx.moveTo(35.533,159.908);
			    		 	 ctx.lineTo(164.467,160.016);
			    		 	 
			    		 	 ctx.stroke();
			    		 	 ctx.restore();
			    		 	 ctx.save();
			    		 	 ctx.strokeStyle = color2;
			    		 	 ctx.lineWidth = 15;
			    		 	 ctx.beginPath();
			    		 	 ctx.moveTo(62.798,129.871);
			    		 	 ctx.lineTo(137.203,129.981);
			    		 	 
			    		 	 ctx.stroke();
			    		 	 ctx.restore();
			    		 	 ctx.save();
			    		 	 ctx.strokeStyle = color3;
			    		 	 ctx.lineWidth = 20;
			    		 	 ctx.beginPath();
			    		 	 ctx.moveTo(90.062,99.834);
			    		 	 ctx.lineTo(109.939,99.947);
			    		 	 
			    		 	 ctx.stroke();
			    		 	 ctx.restore();
			    		 	 ctx.save();
			    		 	 ctx.strokeStyle = color2;
			    		 	 ctx.lineWidth = 15;
			    		 	 ctx.beginPath();
			    		 	 ctx.moveTo(62.885,69.872);
			    		 	 ctx.lineTo(137.116,69.968);
			    		 	 
			    		 	 ctx.stroke();
			    		 	 ctx.restore();
			    		 	 ctx.save();
			    		 	 ctx.strokeStyle = color1;
			    		 	 ctx.lineWidth = 10;
			    		 	 ctx.beginPath();
			    		 	 ctx.moveTo(35.707,39.911);
			    		 	 ctx.lineTo(164.293,39.989);
			    		 	 
			    		 	 ctx.stroke();
			    		 	 ctx.restore();
			    		 	 ctx.save();
			    		 	 ctx.strokeStyle = color3;
			    		 	 ctx.lineWidth = 5;
			    		 	 ctx.beginPath();
			    		 	 ctx.moveTo(8.53,9.949);
			    		 	 ctx.lineTo(191.47,10.01);
			    		 	 
			    		 	 ctx.stroke();
			    		 	 ctx.restore();
			    		 	 ctx.restore();
			    
			    } 
			    if (type == 6) {
			    		
			    		 	 ctx.save();
			    		 	 ctx.strokeStyle = color1;
			    		 	 ctx.lineWidth = 5;
			    		 	 ctx.beginPath();
			    		 	 ctx.moveTo(15.357,12.67);
			    		 	 ctx.lineTo(15.34,189.67);
			    		 	 ctx.stroke();
			    		 	 ctx.restore();
			    		 	 ctx.save();
			    		 	 ctx.strokeStyle = color2;
			    		 	 ctx.lineWidth = 10;
			    		 	 ctx.beginPath();
			    		 	 ctx.moveTo(43.571,37);
			    		 	 ctx.lineTo(43.56,164.561);
			    		 	 ctx.stroke();
			    		 	 ctx.restore();
			    		 	 ctx.save();
			    		 	 ctx.strokeStyle = color3;
			    		 	 ctx.lineWidth = 15;
			    		 	 ctx.beginPath();
			    		 	 ctx.moveTo(71.786,61.329);
			    		 	 ctx.lineTo(71.78,139.452);
			    		 	 ctx.stroke();
			    		 	 ctx.restore();
			    		 	 ctx.save();
			    		 	 ctx.strokeStyle = color1;
			    		 	 ctx.lineWidth = 20;
			    		 	 ctx.beginPath();
			    		 	 ctx.moveTo(100,85.659);
			    		 	 ctx.lineTo(100,114.343);
			    		 	 ctx.stroke();
			    		 	 ctx.restore();
			    		 	 ctx.save();
			    		 	 ctx.strokeStyle = color3;
			    		 	 ctx.lineWidth = 15;
			    		 	 ctx.beginPath();
			    		 	 ctx.moveTo(128.219,60.55);
			    		 	 ctx.lineTo(128.218,138.673);
			    		 	 ctx.stroke();
			    		 	 ctx.restore();
			    		 	 ctx.save();
			    		 	 ctx.strokeStyle = color2;
			    		 	 ctx.lineWidth = 10;
			    		 	 ctx.beginPath();
			    		 	 ctx.moveTo(156.437,35.441);
			    		 	 ctx.lineTo(156.435,163.003);
			    		 	 ctx.stroke();
			    		 	 ctx.restore();
			    		 	 ctx.save();
			    		 	 ctx.strokeStyle = color1;
			    		 	 ctx.lineWidth = 5;
			    		 	 ctx.beginPath();
			    		 	 ctx.moveTo(184.654,10.332);
			    		 	 ctx.lineTo(184.651,187.333);
			    		 	 ctx.stroke();
			    		 	 ctx.restore();
			    	}
			    	
			    	if (type == 7) {
			    		
			    				ctx.save();
			    				ctx.strokeStyle = color1;
			    				ctx.lineWidth = 5;
			    				ctx.beginPath();
			    				ctx.moveTo(10.183,95.657);
			    				ctx.lineTo(10.185,109.288);
			    				ctx.stroke();
			    				ctx.restore();
			    				ctx.save();
			    				ctx.strokeStyle = color2;
			    				ctx.lineWidth = 10;
			    				ctx.beginPath();
			    				ctx.moveTo(39.988,68.429);
			    				ctx.lineTo(39.99,136.517);
			    				ctx.stroke();
			    				ctx.restore();
			    				ctx.save();
			    				ctx.strokeStyle = color3;
			    				ctx.lineWidth = 15;
			    				ctx.beginPath();
			    				ctx.moveTo(69.794,41.201);
			    				ctx.lineTo(69.795,163.745);
			    				ctx.stroke();
			    				ctx.restore();
			    				ctx.save();
			    				ctx.strokeStyle = color1;
			    				ctx.lineWidth = 20;
			    				ctx.beginPath();
			    				ctx.moveTo(99.6,13.974);
			    				ctx.lineTo(99.601,190.974);
			    				ctx.stroke();
			    				ctx.restore();
			    				ctx.save();
			    				ctx.strokeStyle = color3;
			    				ctx.lineWidth = 15;
			    				ctx.beginPath();
			    				ctx.moveTo(129.405,41.201);
			    				ctx.lineTo(129.405,163.745);
			    				ctx.stroke();
			    				ctx.restore();
			    				ctx.save();
			    				ctx.strokeStyle = color2;
			    				ctx.lineWidth = 10;
			    				ctx.beginPath();
			    				ctx.moveTo(159.212,68.43);
			    				ctx.lineTo(159.211,136.518);
			    				ctx.stroke();
			    				ctx.restore();
			    				ctx.save();
			    				ctx.strokeStyle = color1;
			    				ctx.lineWidth = 5;
			    				ctx.beginPath();
			    				ctx.moveTo(189.019,95.658);
			    				ctx.lineTo(189.016,109.289);
			    				ctx.stroke();
			    				ctx.restore();
			    				ctx.restore();
			    	}
			 		if(type == 8) {
			 		
					 		ctx.save();
					 		ctx.strokeStyle = color3;
					 		ctx.lineWidth = 5;
					 		ctx.beginPath();
					 		ctx.moveTo(179.996,190.6);
					 		ctx.lineTo(180.012,13.6);
					 		ctx.stroke();
					 		ctx.restore();
					 		ctx.save();
					 		ctx.strokeStyle = color2;
					 		ctx.lineWidth = 8;
					 		ctx.beginPath();
					 		ctx.moveTo(148.949,190.672);
					 		ctx.lineTo(148.965,13.672);
					 		ctx.stroke();
					 		ctx.restore();
					 		ctx.save();
					 		ctx.strokeStyle = color1;
					 		ctx.lineWidth = 11;
					 		ctx.beginPath();
					 		ctx.moveTo(117.902,190.745);
					 		ctx.lineTo(117.918,13.745);
					 		ctx.stroke();
					 		ctx.restore();
					 		ctx.save();
					 		ctx.strokeStyle = color3;
					 		ctx.lineWidth = 14;
					 		ctx.beginPath();
					 		ctx.moveTo(86.87,190.818);
					 		ctx.lineTo(86.885,13.818);
					 		ctx.stroke();
					 		ctx.restore();
					 		ctx.save();
					 		ctx.strokeStyle = color2;
					 		ctx.lineWidth = 17;
					 		ctx.beginPath();
					 		ctx.moveTo(55.822,190.891);
					 		ctx.lineTo(55.838,13.891);
					 		ctx.stroke();
					 		ctx.restore();
					 		ctx.save();
					 		ctx.strokeStyle = color1;
					 		ctx.lineWidth = 20;
					 		ctx.beginPath();
					 		ctx.moveTo(24.775,190.964);
					 		ctx.lineTo(24.791,13.964);
					 		ctx.stroke();
					 		ctx.restore();
					 		ctx.restore();
			 		}
			 		if(type == 9) {
				 		ctx.save();
				 		ctx.strokeStyle = color3;
				 		ctx.lineWidth = 5;
				 		ctx.beginPath();
				 		ctx.moveTo(179.996,190.6);
				 		ctx.lineTo(180.012,13.6);
				 		ctx.stroke();
				 		ctx.restore();
				 		ctx.save();
				 		ctx.strokeStyle = color3;
				 		ctx.lineWidth = 8;
				 		ctx.beginPath();
				 		ctx.moveTo(148.949,190.672);
				 		ctx.lineTo(148.965,13.672);
				 		ctx.stroke();
				 		ctx.restore();
				 		ctx.save();
				 		ctx.strokeStyle = color2;
				 		ctx.lineWidth = 11;
				 		ctx.beginPath();
				 		ctx.moveTo(117.902,190.745);
				 		ctx.lineTo(117.918,13.745);
				 		ctx.stroke();
				 		ctx.restore();
				 		ctx.save();
				 		ctx.strokeStyle = color2;
				 		ctx.lineWidth = 14;
				 		ctx.beginPath();
				 		ctx.moveTo(86.87,190.818);
				 		ctx.lineTo(86.885,13.818);
				 		ctx.stroke();
				 		ctx.restore();
				 		ctx.save();
				 		ctx.strokeStyle = color1;
				 		ctx.lineWidth = 17;
				 		ctx.beginPath();
				 		ctx.moveTo(55.822,190.891);
				 		ctx.lineTo(55.838,13.891);
				 		ctx.stroke();
				 		ctx.restore();
				 		ctx.save();
				 		ctx.strokeStyle = color1;
				 		ctx.lineWidth = 20;
				 		ctx.beginPath();
				 		ctx.moveTo(24.775,190.964);
				 		ctx.lineTo(24.791,13.964);
				 		ctx.stroke();
				 		ctx.restore();
				 		ctx.restore();
			 		
			 		   	}
			 		   	if(type == 10) {
			 		   	
			 		   	ctx.save();
			 		   	ctx.strokeStyle = color1;
			 		   	ctx.lineWidth = 20;
			 		   	ctx.beginPath();
			 		   	ctx.moveTo(21.944,11.973);
			 		   	ctx.lineTo(22.037,188.972);
			 		   	ctx.stroke();
			 		   	ctx.restore();
			 		   	ctx.save();
			 		   	ctx.strokeStyle = color1;
			 		   	ctx.lineWidth = 20;
			 		   	ctx.beginPath();
			 		   	ctx.moveTo(52.991,11.881);
			 		   	ctx.lineTo(53.084,188.88);
			 		   	ctx.stroke();
			 		   	ctx.restore();
			 		   	ctx.save();
			 		   	ctx.strokeStyle = color2;
			 		   	ctx.lineWidth = 20;
			 		   	ctx.beginPath();
			 		   	ctx.moveTo(84.036,11.789);
			 		   	ctx.lineTo(84.131,188.788);
			 		   	ctx.stroke();
			 		   	ctx.restore();
			 		   	ctx.save();
			 		   	ctx.strokeStyle = color2;
			 		   	ctx.lineWidth = 20;
			 		   	ctx.beginPath();
			 		   	ctx.moveTo(115.085,11.696);
			 		   	ctx.lineTo(115.18,188.695);
			 		   	ctx.stroke();
			 		   	ctx.restore();
			 		   	ctx.save();
			 		   	ctx.strokeStyle = color3;
			 		   	ctx.lineWidth = 20;
			 		   	ctx.beginPath();
			 		   	ctx.moveTo(146.132,11.605);
			 		   	ctx.lineTo(146.225,188.604);
			 		   	ctx.stroke();
			 		   	ctx.restore();
			 		   	ctx.save();
			 		   	ctx.strokeStyle = color3;
			 		   	ctx.lineWidth = 20;
			 		   	ctx.beginPath();
			 		   	ctx.moveTo(177.179,11.512);
			 		   	ctx.lineTo(177.271,188.512);
			 		   	ctx.stroke();
			 		  
			 		   	
			 		   	ctx.restore();
			 		   	ctx.restore();
			 		   	}
			 		   	
			 		   	if(type == 11) {
			 		   	
			 		   	ctx.save();
			 		   	ctx.strokeStyle = color1;
			 		   	ctx.lineWidth = 20;
			 		   	ctx.beginPath();
			 		   	ctx.moveTo(21.944,11.973);
			 		   	ctx.lineTo(22.037,188.972);
			 		   	ctx.stroke();
			 		   	ctx.restore();
			 		   	ctx.save();
			 		   	ctx.strokeStyle = color2;
			 		   	ctx.lineWidth = 20;
			 		   	ctx.beginPath();
			 		   	ctx.moveTo(52.991,11.881);
			 		   	ctx.lineTo(53.084,188.88);
			 		   	ctx.stroke();
			 		   	ctx.restore();
			 		   	ctx.save();
			 		   	ctx.strokeStyle = color3;
			 		   	ctx.lineWidth = 20;
			 		   	ctx.beginPath();
			 		   	ctx.moveTo(84.036,11.789);
			 		   	ctx.lineTo(84.131,188.788);
			 		   	ctx.stroke();
			 		   	ctx.restore();
			 		   	ctx.save();
			 		   	ctx.strokeStyle = color1;
			 		   	ctx.lineWidth = 20;
			 		   	ctx.beginPath();
			 		   	ctx.moveTo(115.085,11.696);
			 		   	ctx.lineTo(115.18,188.695);
			 		   	ctx.stroke();
			 		   	ctx.restore();
			 		   	ctx.save();
			 		   	ctx.strokeStyle = color2;
			 		   	ctx.lineWidth = 20;
			 		   	ctx.beginPath();
			 		   	ctx.moveTo(146.132,11.605);
			 		   	ctx.lineTo(146.225,188.604);
			 		   	ctx.stroke();
			 		   	ctx.restore();
			 		   	ctx.save();
			 		   	ctx.strokeStyle = color3;
			 		   	ctx.lineWidth = 20;
			 		   	ctx.beginPath();
			 		   	ctx.moveTo(177.179,11.512);
			 		   	ctx.lineTo(177.271,188.512);
			 		   	ctx.stroke();
			 		   	ctx.restore();
			 		   	ctx.restore();
			 		   	}
			 			if (type == 12) {
			 			ctx.translate(0,0);
			 			ctx.beginPath();
			 			ctx.moveTo(8,8);
			 			ctx.lineTo(192,8);
			 			ctx.lineTo(192,192);
			 			ctx.lineTo(8,192);
			 			ctx.closePath();
			 			ctx.clip();
			 			ctx.translate(0,0);
			 			ctx.restore();
			 			ctx.save();
			 			ctx.strokeStyle = color3;
			 			ctx.lineWidth = 5;
			 			ctx.beginPath();
			 			ctx.moveTo(31.066,206.528);
			 			ctx.lineTo(112.125,125.469);
			 			
			 			ctx.stroke();
			 			ctx.restore();
			 			ctx.save();
			 			ctx.strokeStyle = color3;
			 			ctx.lineWidth = 5;
			 			ctx.beginPath();
			 			ctx.moveTo(69.189,77.516);
			 			ctx.lineTo(167.062,-20.356);
			 			
			 			ctx.stroke();
			 			ctx.restore();
			 			ctx.save();
			 			ctx.strokeStyle = color2;
			 			ctx.lineWidth = 5;
			 			ctx.beginPath();
			 			ctx.moveTo(134.249,63.598);
			 			ctx.lineTo(205.545,-7.698);
			 			
			 			ctx.stroke();
			 			ctx.restore();
			 			ctx.save();
			 			ctx.strokeStyle = color2;
			 			ctx.lineWidth = 5;
			 			ctx.beginPath();
			 			ctx.moveTo(91.063,206.528);
			 			ctx.lineTo(161.248,136.343);
			 			
			 			ctx.stroke();
			 			ctx.restore();
			 			ctx.save();
			 			ctx.strokeStyle = color1;
			 			ctx.lineWidth = 5;
			 			ctx.beginPath();
			 			ctx.moveTo(126.533,187.841);
			 			ctx.lineTo(185.327,129.046);
			 			
			 			ctx.stroke();
			 			ctx.restore();
			 			ctx.save();
			 			ctx.strokeStyle = color3;
			 			ctx.lineWidth = 5;
			 			ctx.beginPath();
			 			ctx.moveTo(161.248,87.597);
			 			ctx.lineTo(201.623,47.222);
			 			
			 			ctx.stroke();
			 			ctx.restore();
			 			ctx.save();
			 			ctx.strokeStyle = color1;
			 			ctx.lineWidth = 5;
			 			ctx.beginPath();
			 			ctx.moveTo(173.461,56.47);
			 			ctx.lineTo(205.545,24.385);
			 			
			 			ctx.stroke();
			 			ctx.restore();
			 			ctx.save();
			 			ctx.strokeStyle = color2;
			 			ctx.lineWidth = 5;
			 			ctx.beginPath();
			 			ctx.moveTo(65.706,98.54);
			 			ctx.lineTo(91.063,73.184);
			 			
			 			ctx.stroke();
			 			ctx.restore();
			 			ctx.save();
			 			ctx.strokeStyle = color2;
			 			ctx.lineWidth = 5;
			 			ctx.beginPath();
			 			ctx.moveTo(39.754,21.621);
			 			ctx.lineTo(72.763,-11.388);
			 			
			 			ctx.stroke();
			 			ctx.restore();
			 			ctx.save();
			 			ctx.strokeStyle = color1;
			 			ctx.lineWidth = 5;
			 			ctx.beginPath();
			 			ctx.moveTo(78.385,44.457);
			 			ctx.lineTo(143.198,-20.356);
			 			
			 			ctx.stroke();
			 			ctx.restore();
			 			ctx.save();
			 			ctx.strokeStyle = color1;
			 			ctx.lineWidth = 5;
			 			ctx.beginPath();
			 			ctx.moveTo(18.755,140.25);
			 			ctx.lineTo(-1.646,160.65);
			 			
			 			ctx.stroke();
			 			ctx.restore();
			 			ctx.save();
			 			ctx.strokeStyle = color3;
			 			ctx.lineWidth = 5;
			 			ctx.beginPath();
			 			ctx.moveTo(26.254,118.96);
			 			ctx.lineTo(-2.097,147.312);
			 			
			 			ctx.stroke();
			 			ctx.restore();
			 			ctx.restore();
			 			}
			 			if(type == 13) {
			 			ctx.save();
			 			ctx.strokeStyle = color2;
			 			ctx.lineWidth = 20;
			 			ctx.beginPath();
			 			ctx.moveTo(188.5,22.688);
			 			ctx.lineTo(11.5,22.678);
			 			ctx.stroke();
			 			ctx.restore();
			 			ctx.save();
			 			ctx.strokeStyle = color2;
			 			ctx.lineWidth = 20;
			 			ctx.beginPath();
			 			ctx.moveTo(188.575,53.734);
			 			ctx.lineTo(11.574,53.724);
			 			ctx.stroke();
			 			ctx.restore();
			 			ctx.save();
			 			ctx.strokeStyle = color1;
			 			ctx.lineWidth = 20;
			 			ctx.beginPath();
			 			ctx.moveTo(188.648,84.78);
			 			ctx.lineTo(11.648,84.771);
			 			ctx.stroke();
			 			ctx.restore();
			 			ctx.save();
			 			ctx.strokeStyle = color1;
			 			ctx.lineWidth = 20;
			 			ctx.beginPath();
			 			ctx.moveTo(188.723,115.827);
			 			ctx.lineTo(11.722,115.816);
			 			ctx.stroke();
			 			ctx.restore();
			 			ctx.save();
			 			ctx.strokeStyle = color3;
			 			ctx.lineWidth = 20;
			 			ctx.beginPath();
			 			ctx.moveTo(188.797,146.873);
			 			ctx.lineTo(11.796,146.863);
			 			ctx.stroke();
			 			ctx.restore();
			 			ctx.save();
			 			ctx.strokeStyle = color3;
			 			ctx.lineWidth = 20;
			 			ctx.beginPath();
			 			ctx.moveTo(188.871,177.919);
			 			ctx.lineTo(11.871,177.909);
			 			ctx.stroke();
			 								 				
			 			}
			 			if(type == 14) {
			 			ctx.save();
			 			ctx.strokeStyle = color1;
			 			ctx.lineWidth = 20;
			 			ctx.beginPath();
			 			ctx.moveTo(188.5,22.688);
			 			ctx.lineTo(11.5,22.678);
			 			ctx.stroke();
			 			ctx.restore();
			 			ctx.save();
			 			ctx.strokeStyle = color2;
			 			ctx.lineWidth = 20;
			 			ctx.beginPath();
			 			ctx.moveTo(188.575,53.734);
			 			ctx.lineTo(11.574,53.724);
			 			ctx.stroke();
			 			ctx.restore();
			 			ctx.save();
			 			ctx.strokeStyle = color3;
			 			ctx.lineWidth = 20;
			 			ctx.beginPath();
			 			ctx.moveTo(188.648,84.78);
			 			ctx.lineTo(11.648,84.771);
			 			ctx.stroke();
			 			ctx.restore();
			 			ctx.save();
			 			ctx.strokeStyle = color1;
			 			ctx.lineWidth = 20;
			 			ctx.beginPath();
			 			ctx.moveTo(188.723,115.827);
			 			ctx.lineTo(11.722,115.816);
			 			ctx.stroke();
			 			ctx.restore();
			 			ctx.save();
			 			ctx.strokeStyle = color2;
			 			ctx.lineWidth = 20;
			 			ctx.beginPath();
			 			ctx.moveTo(188.797,146.873);
			 			ctx.lineTo(11.796,146.863);
			 			ctx.stroke();
			 			ctx.restore();
			 			ctx.save();
			 			ctx.strokeStyle = color3;
			 			ctx.lineWidth = 20;
			 			ctx.beginPath();
			 			ctx.moveTo(188.871,177.919);
			 			ctx.lineTo(11.871,177.909);
			 			ctx.stroke();
			 								 				
			 			}
			 			
		};