var activeDD = "";

var selCatID = 0;
var selLinkID = 0;
var selFromID = 0;
var selToID = 0;

var ddArrows = new Array(4);

ddArrows[0] = new Image();
ddArrows[0].src = "images/arrow_down_box.gif";

ddArrows[1] = new Image();
ddArrows[1].src = "images/arrow_up_box.gif";

ddArrows[2] = new Image();
ddArrows[2].src = "images/arrow_down.gif";

ddArrows[3] = new Image();
ddArrows[3].src = "images/arrow_up.gif";




function toggleDD(src,left)
{
	ddlist = document.getElementById(src + "list");

	ddarrow = document.getElementById(src + "arrow");

	if(ddlist.style.visibility != "visible")
	{
		if(ddlist.style.display != "block") ddlist.style.display = "block";

		dd = document.getElementById(src);
		activeDD = src;
		hlDD(document.getElementById(activeDD + "table1"),1);
		document.onmouseup = hideDD;
		ddlist.onmousedown = linkDD;

		ddt1 = document.getElementById(src + "table1");
		ddt2 = document.getElementById(src + "table2");


		if (ddt1.offsetWidth >= ddt2.offsetWidth)
			ddlist.style.width = ddt1.style.width;
		else
			ddlist.style.width = ddt2.style.width;


		if(left)
			{//ddlist.style.left = ddt1.left;

				//alert(ddlist.offsetLeft);
				ddlist.style.left = "0px";
				if(ddt2.offsetWidth > ddt1.offsetWidth)
					ddlist.style.width = ddt2.offsetWidth + "px";


			}
		else
			ddlist.style.left = - (ddt2.offsetWidth - ddt1.offsetWidth) - 2 + "px";


		if(document.getElementById(activeDD + "table1").className == "dropdown-text-box")
			ddarrow.src = ddArrows[1].src ;
		else
			ddarrow.src = ddArrows[3].src ;

		ddlist.style.visibility = "visible";
	}
	else
	{
		t = activeDD;
		activeDD = 0;
		hlDD(document.getElementById(t + "table1"),0);
		ddlist.style.visibility = "hidden";
			if(document.getElementById(t + "table1").className == "dropdown-text-box")
				ddarrow.src = ddArrows[0].src ;
			else
				ddarrow.src = ddArrows[2].src ;
	}

}

function hlDD(src,x)
{

	if(src.className == "dropdown-text-box")

	{
		if(x)
			src.style.borderColor = "#000000";
		else
			if(activeDD + "table1" != src.id)
				src.style.borderColor = "#888888";
	}

	if(src.className == "dropdown-text")
	{
		if(x)
			src.style.borderColor = "#888888";
		else
			if(activeDD + "table1" != src.id)
				src.style.borderColor = "#FFFFFF";
	}

}

function linkDD(e)
{

}

function hideDD(e)
{
	if(activeDD)
	{
		toggleDD(activeDD);
		document.onmouseup = null;
	}

	return true;
}

function toggleDDcolor(srcTD,x)
{
	if(x) {
		srcTD.style.backgroundColor = "#444444";
		srcTD.style.color = "#FFFFFF";
	}
	else
	{
	  	srcTD.style.backgroundColor = "#EEEEEE";
	  	srcTD.style.color = "#000000";
	}
}

function toggleTABcolor(srcTD,x,strColor)
{
	if(x) {
		srcTD.style.backgroundColor = "#BBBBBB";
		srcTD.style.color = "#000000";
	}
	else
	{
		srcTD.style.backgroundColor = strColor;
		srcTD.style.color = "#FFFFFF";
	}
}

function pickDDitem(src,strDesc,srcField,srcID)
{
	document.getElementById(src + "desc").innerHTML = strDesc;

	if(src == "ddUNITFROM")
		document.getElementById("formUnits").ddUNITFROM.value = srcID;
	if(src == "ddUNITTO")
		document.getElementById("formUnits").ddUNITTO.value = srcID;

	if(srcField == "CatID")
	{
		selCatID = srcID;
		if(document.getElementById("formSubmit"))
			document.getElementById("formSubmit").disabled = false;

	}
	if(srcField == "LinkID")
	{
		selLinkID = srcID;
		if(document.getElementById("formSubmit"))
			document.getElementById("formSubmit").disabled = false;
	}





}