for (i = 0; i < horizontalPieces; i++) {
            for (j = 0; j < verticalPieces; j++) {
                if ((i % 2 !== 0 && j % 2 !== 0) || (i % 2 === 0 && j % 2 === 0)) {g_hvswitch = -1;} else {g_hvswitch = 1;}
                    draw_piece(j,i,g_hvswitch,imageObj);
                    draw_draggable_piece(j,i,g_hvswitch,imageObj);
                }
            }

            function draw_piece(i,n, g_hvswitch,img){
                var piece_shape = new Kinetic.Shape({
                    drawFunc: function(context) {
                        context.beginPath();
                        var g_startX = i * pieceWidth;
                        var g_startY = n * pieceHeight;
                        context.moveTo(g_startX, g_startY);

                        if (n===0) {
                            context.lineTo(g_startX + pieceWidth, g_startY);
                        } else {
                            context.bezierCurveTo(g_startX + pieceWidth*0.8,g_startY + pieceHeight*0.1*g_hvswitch,g_startX,g_startY - pieceHeight*0.25*g_hvswitch,g_startX + pieceWidth / 2, g_startY - pieceHeight*0.25*g_hvswitch);
                            context.bezierCurveTo(g_startX + pieceWidth,g_startY - pieceHeight*0.25*g_hvswitch,g_startX + pieceWidth*0.2,g_startY + pieceHeight*0.1*g_hvswitch,g_startX + pieceWidth, g_startY);
                        }

                        if (i===horizontalPieces-1) {
                            context.lineTo(g_startX + pieceWidth,g_startY + pieceHeight);
                        } else {
                            context.bezierCurveTo(g_startX + pieceWidth + pieceWidth*0.1*g_hvswitch,g_startY+pieceHeight*0.8,g_startX + pieceWidth - pieceWidth*0.25*g_hvswitch,g_startY,g_startX + pieceWidth - pieceWidth*0.25*g_hvswitch,g_startY + pieceHeight/2);
                            context.bezierCurveTo(g_startX + pieceWidth - pieceWidth*0.25*g_hvswitch,g_startY + pieceHeight,g_startX + pieceWidth + pieceWidth*0.1*g_hvswitch,g_startY+pieceHeight*0.2,g_startX + pieceWidth,g_startY + pieceHeight);
                        }

                        if (n===verticalPieces-1) {
                            context.lineTo(g_startX,g_startY + pieceHeight);
                        } else {
                            context.bezierCurveTo(g_startX + pieceWidth*0.2,g_startY + pieceHeight - pieceHeight*0.1*g_hvswitch,g_startX + pieceWidth,g_startY + pieceHeight + pieceHeight*0.25*g_hvswitch,g_startX + pieceWidth / 2,g_startY + pieceHeight + pieceHeight*0.25*g_hvswitch);
                            context.bezierCurveTo(g_startX,g_startY + pieceHeight + pieceHeight*0.25*g_hvswitch,g_startX + pieceWidth*0.8,g_startY + pieceHeight  - pieceHeight*0.1*g_hvswitch,g_startX,g_startY + pieceHeight);
                        }

                        if (i===0) {
                            context.lineTo(g_startX,g_startY);
                        } else {
                            context.bezierCurveTo(g_startX - pieceWidth*0.1*g_hvswitch,g_startY + pieceHeight*0.2,g_startX + pieceWidth*0.25*g_hvswitch,g_startY+pieceHeight,g_startX+pieceWidth*0.25*g_hvswitch,g_startY + pieceHeight/2);
                            context.bezierCurveTo(g_startX+pieceWidth*0.25*g_hvswitch,g_startY,g_startX - pieceWidth*0.1*g_hvswitch,g_startY+pieceHeight*0.8,g_startX,g_startY);
                        }
                        context.closePath();
                        context.fillStrokeShape(this);
                    },
                    fillPatternImage: img,
                    fillPatternOffset: [0, 0],
                    fillPatternScaleX:imageRatioX,
                    fillPatternScaleY:imageRatioY,
                    fill:"rgba(204,204,204,1)",
                    x: -pieceWidth * n / 2,
                    y: -pieceHeight * i / 2,
                    stroke:"#151515",
                    strokeWidth:2,
                    lineCap: "round",
                    lineJoin:"round",
                    opacity:0.4,
                    tempID: "id_"+n+i,
                    draggable: false,
                    x: n,
                    y: i
                });
                displayGroup.add(piece_shape);  //For displaying Image
            }