How I can draw a buffer with sub-buffers in webgl? 
For Example I have a different points to create a line but contains parts that I don't want to connect.

```
///Example code
    var lines = [
        [0, 0, 0, 1, 1, 1],
        [2, 2, 2, 3, 3, 3],
        [5, 5, 5, 7, 7, 7]
    ];
    var colores = [
        [10, 43, 100, 1, ],
        [0, 100, 0, 1],
        [100, 100, 0, 1]
    ]
    for (var i = 0; i < lines.length; i++) {
        lineVertexPositionBuffer[i] = gl.createBuffer();
        gl.bindBuffer(gl.ARRAY_BUFFER, lineVertexPositionBuffer[i]);
        lineVertexPositionBuffer[i].itemSize = 3;
        lineVertexPositionBuffer[i].numItems = line[i].length / 3;

        colorVertexBuffer[i] = gl.createBuffer();
        gl.bindBuffer(gl.ARRAY_BUFFER, colorVertexBuffer[i]);
        gl.bufferData(gl.ARRAY_BUFFER, new Float32Array(colores[i]), gl.DYNAMIC_DRAW);
        colorVertexBuffer[i].itemSize = 4;
        colorVertexBuffer[i].numItems = colores[i].length / 4;

    }

    function DrawScene() {
        for (var i = 0; i < lineVertexPositionBuffer.length; i++) {
            gl.bindBuffer(gl.ARRAY_BUFFER, colorVertexBuffer[i]);
            gl.vertexAttribPointer(currentProgram.textureCoordAttribute, colorVertexBuffer[i].itemSize, gl.FLOAT, false, 0, 0);
            gl.bindBuffer(gl.ARRAY_BUFFER, null);

            gl.bindBuffer(gl.ARRAY_BUFFER, lineVertexPositionBuffer[i]);
            gl.vertexAttribPointer(currentProgram.vertexPositionAttribute, 3, gl.FLOAT, false, 0, 0);
            gl.drawArrays(gl.LINE_STRIP, 0, lineVertexPositionBuffer[i].numItems);
            gl.bindBuffer(gl.ARRAY_BUFFER, null);
        }
    }

```