var yoffset = -183;
var xoffset = -283;
colorboxx = 1;
colorboxy = 1;
colorboxoffset = 50;
function findPosX(obj)
{
	var curleft = 0;
	if (obj.offsetParent)
	{
		while (obj.offsetParent)
		{
			curleft += obj.offsetLeft
			obj = obj.offsetParent;
		}
	}
	else if (obj.x)
		curleft += obj.x;
	return curleft;
}

function findPosY(obj)
{
	var curtop = 0;
	if (obj.offsetParent)
	{
		while (obj.offsetParent)
		{
			curtop += obj.offsetTop
			obj = obj.offsetParent;
		}
	}
	else if (obj.y)
		curtop += obj.y;
	return curtop;
}
function ShowPreview(glform, glboxname) {
if ((typeof(glform) != "undefined") && (typeof(glboxname) != "undefined") && ((colorboxy != findPosY(document.all[glform][glboxname])+yoffset) || (colorboxx != findPosX(document.all[glform][glboxname])+xoffset))) {
    document.all.previewbox.innerHTML = "";
    document.all.colorcodebox.style.visibility='hidden';
    colorboxy = findPosY(document.all[glform][glboxname])+yoffset;
    colorboxx = findPosX(document.all[glform][glboxname])+xoffset;
    document.all.previewbox.style.top=colorboxy; 
    document.all.previewbox.style.left=colorboxx;
if (document.all[glform][glboxname].value == "") { document.all.previewbox.style.visibility='hidden'; }
else { x_colors(document.all[glform][glboxname].value, returnajaxtest); }
document.all.previewbox.style.visibility='visible';
}
else {
if (document.all.previewbox.innerHTML != '') {
document.all.colorcodebox.style.visibility='hidden';
document.all.previewbox.style.visibility='visible';
}
}
}
function ClosePreview() {
document.all.previewbox.style.visibility='hidden';
}
function OnBoxFocus(form, boxname) {
document.all.previewbox.style.visibility='hidden';
document.all.colorcodebox.style.visibility='hidden';
    colorboxy = findPosY(form[boxname])+yoffset;
    colorboxx = findPosX(form[boxname])+xoffset;
    document.all.previewbox.style.top=colorboxy; 
    document.all.previewbox.style.left=colorboxx;
if (form[boxname].value == "") { document.all.previewbox.style.visibility='hidden'; document.all.previewbox.innerHTML = ""; }
else { x_colors(form[boxname].value, returnajaxtest); }
}
function OnKeyUpHandler(e, form, boxname)
{
x_colors(form[boxname].value, returnajaxtest);
//window.status = e.keyCode;
    if (!e) var e = window.event;
    colorboxy = findPosY(form[boxname])+yoffset;
    colorboxx = findPosX(form[boxname])+xoffset;
	document.all.previewbox.style.top=colorboxy; 
	document.all.previewbox.style.left=colorboxx;
    TestVar = form[boxname].value;
    if (e.keyCode == 75 && e.ctrlKey)
    {
        form[boxname].value = TestVar + "";
    colorboxy = findPosY(form[boxname])+yoffset;
    colorboxx = findPosX(form[boxname])+xoffset;
	document.all.colorcodebox.form=form[boxname];
	document.all.colorcodebox.style.top=colorboxy-colorboxoffset; 
	document.all.colorcodebox.style.left=colorboxx;
	document.all.colorcodebox.style.visibility='visible';
    }
else {
    if (document.all.colorcodebox.style.visibility == 'visible') {
       if (e.keyCode != 188 &&e.keyCode != 17 && (e.keyCode < 48 || e.keyCode > 57)) {
	   document.all.colorcodebox.style.visibility='hidden';
       }
    }
}
    if (e.keyCode == 85 && e.ctrlKey)
    {
        form[boxname].value = TestVar + "";
    }
}
function returnajaxtest(result) {
document.all.previewbox.innerHTML = result + " <a href=\"javascript:ClosePreview()\" id=\"jslinks\" alt=\"Close Preview\">[close]</a> ";
}
function colorbox(event) {
colorboxy = colorboxy-colorboxoffset;
 if (event.y > colorboxy+4 && event.y < colorboxy+21
    && event.x > colorboxx+220 && event.x < colorboxx+245) {
	document.all.colorcodebox.style.visibility='hidden';
	document.all.colorcodebox.form.focus();
 }
 if (event.y > colorboxy+23 && event.y < colorboxy+42) {
	if (event.x > colorboxx+9 && event.x < colorboxx+26) { document.all.colorcodebox.form.value += "0"; }
	if (event.x > colorboxx+28 && event.x < colorboxx+46) { document.all.colorcodebox.form.value += "1"; }
	if (event.x > colorboxx+48 && event.x < colorboxx+66) { document.all.colorcodebox.form.value += "2"; }
	if (event.x > colorboxx+68 && event.x < colorboxx+86) { document.all.colorcodebox.form.value += "3"; }
	if (event.x > colorboxx+89 && event.x < colorboxx+107) { document.all.colorcodebox.form.value += "4"; }
	if (event.x > colorboxx+109 && event.x < colorboxx+129) { document.all.colorcodebox.form.value += "5"; }
	if (event.x > colorboxx+129 && event.x < colorboxx+149) { document.all.colorcodebox.form.value += "6"; }
	if (event.x > colorboxx+151 && event.x < colorboxx+171) { document.all.colorcodebox.form.value += "7"; }

	if (event.x > colorboxx+188 && event.x < colorboxx+206) { 
		formvalue = document.all.colorcodebox.form.value;
		substringofbox = document.all.colorcodebox.form.value.substring(0,formvalue.length-1);
		document.all.colorcodebox.form.value = substringofbox;
		document.all.colorcodebox.form.value += "";
	}
	if (event.x > colorboxx+210 && event.x < colorboxx+227) {
		formvalue = document.all.colorcodebox.form.value;
		substringofbox = document.all.colorcodebox.form.value.substring(0,formvalue.length-1);
		document.all.colorcodebox.form.value = substringofbox;
		document.all.colorcodebox.form.value += "";
	}

	document.all.colorcodebox.style.visibility='hidden';
	document.all.colorcodebox.form.focus();
 }
 if (event.y > colorboxy+45 && event.y < colorboxy+65) {
	if (event.x > colorboxx+9 && event.x < colorboxx+26) { document.all.colorcodebox.form.value += "8"; }
	if (event.x > colorboxx+28 && event.x < colorboxx+46) { document.all.colorcodebox.form.value += "9"; }
	if (event.x > colorboxx+48 && event.x < colorboxx+66) { document.all.colorcodebox.form.value += "10"; }
	if (event.x > colorboxx+68 && event.x < colorboxx+86) { document.all.colorcodebox.form.value += "11"; }
	if (event.x > colorboxx+89 && event.x < colorboxx+107) { document.all.colorcodebox.form.value += "12"; }
	if (event.x > colorboxx+109 && event.x < colorboxx+129) { document.all.colorcodebox.form.value += "13"; }
	if (event.x > colorboxx+129 && event.x < colorboxx+149) { document.all.colorcodebox.form.value += "14"; }
	if (event.x > colorboxx+151 && event.x < colorboxx+171) { document.all.colorcodebox.form.value += "15"; }

	if (event.x > colorboxx+188 && event.x < colorboxx+206) {
		formvalue = document.all.colorcodebox.form.value;
		substringofbox = document.all.colorcodebox.form.value.substring(0,formvalue.length-1);
		document.all.colorcodebox.form.value = substringofbox;
		document.all.colorcodebox.form.value += "";
}
	if (event.x > colorboxx+210 && event.x < colorboxx+227) {
		formvalue = document.all.colorcodebox.form.value;
		substringofbox = document.all.colorcodebox.form.value.substring(0,formvalue.length-1);
		document.all.colorcodebox.form.value = substringofbox;
		document.all.colorcodebox.form.value += "";
}

	document.all.colorcodebox.style.visibility='hidden';
	document.all.colorcodebox.form.focus();
 }
}
function CloseColorBox() {
if (document.all.colorcodebox.style.visibility == 'visible') { document.all.colorcodebox.style.visibility='hidden'; }
}