function init() {
sliderMin = 4;
sliderMax = 189;
rValue=0;
gValue=0;
bValue=0;
r1 = '0';
g1 = '0';
b1 = '0';
rActive = false;
gActive = false;
bActive = false;
document.onmousedown = mouseDown;
document.onmousemove = mouseMove;
document.onmouseup = mouseUp;

domRed = redSlider.style;
domRed.xpos = redSlider.offsetLeft;
domRed.ypos = redSlider.offsetTop;
domRed.w = redSlider.clientWidth;
domRed.h = redSlider.clientHeight;
domGreen = greenSlider.style;
domGreen.xpos = greenSlider.offsetLeft;
domGreen.ypos = greenSlider.offsetTop;
domGreen.w = greenSlider.clientWidth;
domGreen.h = greenSlider.clientHeight;
domBlue = blueSlider.style;
domBlue.xpos = blueSlider.offsetLeft;
domBlue.ypos = blueSlider.offsetTop;
domBlue.w = blueSlider.clientWidth;
domBlue.h = blueSlider.clientHeight;

hexArray = new Array('0','1','2','3','4','5','6','7','8','9','A','B','C','D','E','F','F');
doctc1 = document.getElementById("tc1");
doctc2 = document.getElementById("tc2");
}

function mouseDown(e) {
if (!e) var e = window.event;

if (!e.pageX){
var x = e.x+document.body.scrollLeft;
var y = e.y+document.body.scrollTop;
}
else {
var x = e.pageX;
var y = e.pageY;	
}

rActive = false;
gActive = false;
bActive = false;

if (x > domRed.xpos && x < domRed.xpos+domRed.w && y > domRed.ypos && y < domRed.ypos+domRed.h){ rActive = true; dragObject = domRed; }
if (x > domGreen.xpos && x < domGreen.xpos+domGreen.w && y > domGreen.ypos && y < domGreen.ypos+domGreen.h){ gActive = true; dragObject = domGreen; }
if (x > domBlue.xpos && x < domBlue.xpos+domBlue.w && y > domBlue.ypos && y < domBlue.ypos+domBlue.h){ bActive = true; dragObject = domBlue; }

if (rActive==true || gActive==true || bActive==true){
dragObject.dragOffsetX = x-dragObject.xpos;
}

return true;
}

function mouseMove(e) {
if (rActive==false && gActive==false && bActive==false) return true;

if (!e) var e = window.event;

if (!e.pageX){
var x = e.x+document.body.scrollLeft;
var y = e.y+document.body.scrollTop;
}
else{
var x = e.pageX;
var y = e.pageY;
}

var calcnewpos=x-dragObject.dragOffsetX;
var newpos=calcnewpos;
if (newpos>sliderMax) newpos=sliderMax;
if (newpos<sliderMin) newpos=sliderMin;
dragObject.xpos = newpos;
dragObject.left = newpos;
if (rActive) {rValue = parseInt(newpos/12);}
if (gActive) {gValue = parseInt(newpos/12);}
if (bActive) {bValue = parseInt(newpos/12);}
BuildValue();
return false;
}

function mouseUp(e) {
if (!e) var e = window.event;
rActive = false;
gActive = false;
bActive = false;
return true;
}

function BuildValue() {
r1=hexArray[rValue];
g1=hexArray[gValue];
b1=hexArray[bValue];
if (r1===undefined) r1='0';
if (g1===undefined) g1='0';
if (b1===undefined) b1='0';
tmcolor = '$'+r1+g1+b1;
webcor = '#'+r1+g1+b1;
doctc1.style.color =webcor;
doctc2.style.color =webcor;
doctc1.innerHTML = tmcolor;
doctc2.innerHTML = tmcolor;
return true;
}