function myB()
{
	var myCzas;

	var teraz = new Date((new Date()).valueOf() );
	var hh	= myLength(myBin(teraz.getHours())) ;
	var mm	= myLength(myBin(teraz.getMinutes()));
	var ss	= myLength(myBin(teraz.getSeconds()));	

	myCzas = hh + ":" + mm + ":" + ss;
	//document.getElementById('binclock').innerHTML = myCzas;
	document.getElementById('Rysuj').innerHTML = "";
	myDraw(hh,mm,ss);
	setTimeout("myB()",1000);
	
}
	
function myBin(sec)
{
	B = "";
	do {
		A = sec%2;
		sec = Math.floor(sec/2);
		B = A+B;
	} while (sec>=1);
	return B;
}	

function myLength(myString)
{
var pre=""
var mylen = myString.length;
if (mylen==1) {pre="00000"}
if (mylen==2) {pre="0000"}
if (mylen==3) {pre="000"}
if (mylen==4) {pre="00"}
if (mylen==5) {pre="0"}

return pre + myString;
}

function myDraw(hh,mm,ss)
{

    
    var jg = new jsGraphics("Rysuj"); 
    var osetX = 15;
    var osetY = 15;
    var margX = -(osetX * 8) / 2
    var factY ;
    var rX = osetX * 0.8 ;
    var rY = osetY * 0.8 ;
    var F = "";
    
    jg.setColor("red");
    csB = ss;
    factY = 0;
    for (I = 1 ; I<=6; I++)
        {
        F = csB.substr(I-1,1)
        if (F=="1") { jg.fillEllipse(margX + I * osetX, factY * osetY, rX, rX)}
        else        { jg.drawEllipse(margX + I * osetX, factY * osetY, rY, rY)}
        }

    jg.setColor("green");
    csB = mm;
    factY = 1;
    for (I = 1 ; I<=6; I++)
        {
        F = csB.substr(I-1,1)
        if (F=="1") { jg.fillEllipse(margX + I * osetX, factY * osetY, rX, rX)}
        else        { jg.drawEllipse(margX + I * osetX, factY * osetY, rY, rY)}
        }

    jg.setColor("blue");
    csB = hh;
    factY = 2;
    for (I = 1 ; I<=6; I++)
        {
        F = csB.substr(I-1,1)
        if (F=="1") { jg.fillEllipse(margX + I * osetX, factY * osetY, rX, rX)}
        else        { jg.drawEllipse(margX + I * osetX, factY * osetY, rY, rY)}
        }        
    
    jg.paint();   
    return 1;
}