window.onload = function(){

    var canvas = document.getElementById("canvas");
    var c = canvas.getContext("2d");





    var sphere = {

        diameter : 300,
    }
    function drawSphere(resolution){

         var size = resolution;
         var diameter = sphere.diameter;
         var j = 0;



        var langd = diameter/2;
        var bredd = 0;
        var radie = diameter/2;

        c.fillStyle = "gray";

        var y;
            for(y = 0; 0 < diameter; y += size){




            var startX = radie - bredd/2;
            var slutX = radie + bredd/2;

            var x;
                for(x = startX; x < slutX; x += size){

                c.beginPath();
                c.fillRect(x, y, x + size,y + size);
                c.closePath();

            }

        j = j + 1;
        langd = langd - size*j;
        bredd = Math.sqrt(radie*radie - langd*langd);
        }

    }

    function init(){
        drawSphere(2);
    }

    init();
};