var d33 = 51;
var d11 = 17;
var d1  = 1
var bxrr = 255;
var bxgg = 255;
var bxbb = 0;
var rr = 255;
var gg = 255;
var bb = 255;

window.onload = function() {
     initCol(0);
     //bgCol('red',0);
     boxCol('red',0);
}
function initCol(coln) {
  bxrr = coln;
  bxgg = coln;
  bxbb = coln;
  rr = 255;
  gg = 255;
  bb = 255;
}
function boxCol(col,dx) {
    if ( col == 'red' ){
       bxrr = bxrr + dx;
    }else if( col == 'grn' ){
       bxgg = bxgg + dx;
    }else if( col == 'blu' ){
       bxbb = bxbb + dx;
    }
    bxrgbchk();
    document.getElementById("bxrrr").innerHTML = toHex(bxrr);
    document.getElementById("bxggg").innerHTML = toHex(bxgg);
    document.getElementById("bxbbb").innerHTML = toHex(bxbb);
    document.getElementById("bxred").style.background = 'rgb('+bxrr+','+  0 +','+  0 +')';
    document.getElementById("bxgrn").style.background = 'rgb('+  0 +','+bxgg+','+  0 +')';
    document.getElementById("bxblu").style.background = 'rgb('+  0 +','+  0 +','+bxbb+')';
//    document.body.fselcolor.tdblu.style.background = 'rgb('+  0 +','+  0 +','+bxbb+')';
    document.getElementById("bxsum").style.background = 'rgb('+bxrr+','+bxgg+','+bxbb+')';
    document.getElementById("bxred").style.color = "#ffffff";
    document.getElementById("bxred").innerHTML = bxrr + "<br />" + (bxrr*100/255).toFixed(1) + "%";
    if (bxgg>204) document.getElementById("bxgrn").style.color = "#000000";
    if (bxgg<204) document.getElementById("bxgrn").style.color = "#ffffff";
    document.getElementById("bxgrn").innerHTML = bxgg + "<br />" + (bxgg*100/255).toFixed(1) + "%";
    document.getElementById("bxblu").style.color = "#ffffff";
    document.getElementById("bxblu").innerHTML = bxbb + "<br />" + (bxbb*100/255).toFixed(1) + "%";
    bright= bxrr+bxgg*2+bxbb;
    if (bright<408) { scolor="#ffffff";} else {scolor="#000000"; }
    document.getElementById("bxsum").style.color = scolor;
    document.getElementById("bxsum").innerHTML
       =(    bxrr.toString()
        +","+bxgg.toString()
        +","+bxbb.toString()
        +"<br />( #"+toHex(bxrr)+toHex(bxgg)+toHex(bxbb)+ " )" );
}
function bxrgbchk(){
       if ( bxrr>255 ) bxrr=255;
       if ( bxrr<0   ) bxrr=0;
       if ( bxgg>255 ) bxgg=255;
       if ( bxgg<0   ) bxgg=0;
       if ( bxbb>255 ) bxbb=255;
       if ( bxbb<0   ) bxbb=0;
}
function toHex(num) {
    s = ('0'+num.toString(16)).slice(-2) ;
    return s;
}

function bgCol(col,dx) {
    if ( col == 'red' ){
       rr = rr + dx;
    }else if( col == 'grn' ){
       gg = gg + dx;
    }else if( col == 'blu' ){
       bb = bb + dx;
    }
    rgbchk(rr,gg,bb);
    document.body.style.background = 'rgb('+rr+','+gg+','+bb+')';
    if (rr+gg+bb<128*3) { scolor="#ffffff";} else {scolor="#000080"; }
    document.body.style.color = scolor;
    document.getElementById("bgrrr").innerHTML = toHex(rr);
    document.getElementById("bgggg").innerHTML = toHex(gg);
    document.getElementById("bgbbb").innerHTML = toHex(bb);
}
function rgbchk(){
       if ( rr>255 ) rr=255;
       if ( rr<0   ) rr=0;
       if ( gg>255 ) gg=255;
       if ( gg<0   ) gg=0;
       if ( bb>255 ) bb=255;
       if ( bb<0   ) bb=0;
}
function setBgCol(r,g,b) {
    rr = r;
    gg = g;
    bb = b;
    bgCol('red',0);
}

function bgColT() {
    for(var i = 0; i < document.getElementsByTagName("p").length; i++) {
       document.getElementsByTagName("p")[i].style.background = "transparent";
    }
}