// Calender Drop Down - stageDropDownBox.tag
function showStageDropDown(editFieldName, dependField, height, size) {
	//var height = 162;
	//var size=31;
	var frm;
	var x = getDropDownXPos(size);
	var y = getDropDownYPos();
	var dropDownSrc;
	var searchField;
	var dependFieldCntl;
	var whereClause;

	dependFieldCntl = document.all.item(dependField);
	if ( dependFieldCntl != null) { // The control is valid
		dependFieldValue = dependFieldCntl.value;
	} else {
		dependFieldValue = '';
	}

//	searchField = document.all.item(editFieldName).value;
//	searchField = searchField.replace("&", "!!!");
	dropDownSrc = "../crm/stageDropDown.jsp?crmSCycleID=" + dependFieldValue;
	frm = document.all.item("fdropdown");

	if (frm.style.display == 'none') {
		frm.src = dropDownSrc;
		frm.style.left = x + document.body.scrollLeft;
		frm.style.top = y + document.body.scrollTop;
		frm.style.display = "block";
		frm.style.height = height;
		frm.focus();
		document.all.item("btn_" + editFieldName).className = "ginputbuttonrefresh";
		document.all.item("activeBtn").value = "btn_" + editFieldName;
		document.all.item("activeField").value = editFieldName;
		setPosition(size);
        }
}

// General Drop Down element - dropDownBox.tag. Allow dynamic value for where clause
function showDropDownDepend(table, field, editFieldName, defaultValue, orderBy, size, onSelect, 
						enableIndex, enableSearch, defaultSearch, whereClause, height, dependField) {
	var dependFieldValue;
	var dependFieldCntl;
	var dependWhereClause;

	if ( dependField == '') { // no dependField..
		showDropDown(table, field, editFieldName, defaultValue, orderBy, size, onSelect, enableIndex, enableSearch, defaultSearch, whereClause, height);
	} else { // has dependField
		dependFieldCntl = document.all.item(dependField);
		if ( dependFieldCntl != null) { // The control is valid
			dependFieldValue = dependFieldCntl.value;
			if ( whereClause != '') {
				whereClause = whereClause + " and " + dependField + " = '" + dependFieldValue + "' ";
			} else {
				whereClause = dependField + " = '" + dependFieldValue + "' ";
			}
			
		}
		showDropDown(table, field, editFieldName, defaultValue, orderBy, size, onSelect, enableIndex, enableSearch, defaultSearch, whereClause, height);
	} 
}

// General Drop Down element - dropDownBox.tag
function showDropDown(table, field, editFieldName, defaultValue, orderBy, size, onSelect, 
						enableIndex, enableSearch, defaultSearch, whereClause, height) {
	var frm;
	var x = getDropDownXPos(size);
	var y = getDropDownYPos();
	var dropDownSrc;
	var searchField;
	searchField = document.all.item(editFieldName).value;
	searchField = searchField.replace("&", "!!!");
	dropDownSrc = "../common/dropDown.jsp?table=" + table + "&field=" + field + "&defaultValue=" + defaultValue + 
					"&orderBy=" + orderBy + "&size=" + size + "&searchField=" + searchField + 
					"&onSelect=" + onSelect + "&enableIndex=" + enableIndex + "&defaultSearch=" + defaultSearch + 
					"&enableSearch=" + enableSearch + "&whereClause=" + whereClause;
	frm = document.all.item("fdropdown");
	if (frm.style.display == 'none') {
		frm.src = dropDownSrc;
		frm.style.left = x + document.body.scrollLeft;
		frm.style.top = y + document.body.scrollTop;
		frm.style.display = "block";
		frm.style.height = height;
		frm.focus();
		document.all.item("btn_" + editFieldName).className = "ginputbuttonrefresh";
		document.all.item("activeBtn").value = "btn_" + editFieldName;
		document.all.item("activeField").value = editFieldName;
		setPosition(size);
	}
}

// Calender Drop Down - calenderDropDownBox.tag
function showCalDropDown(editFieldName, dateFormat) {
	var height = 162;
	var size=31;
	var frm;
	var x = getDropDownXPos(size);
	var y = getDropDownYPos();
	var dropDownSrc;
	var searchField;
	searchField = document.all.item(editFieldName).value;
	searchField = searchField.replace("&", "!!!");
	dropDownSrc = "../common/calendarDropDown.jsp?searchField=" + searchField + "&dateFormat=" + dateFormat;
	frm = document.all.item("fdropdown");
	if (frm.style.display == 'none') {
		frm.src = dropDownSrc;
		frm.style.left = x + document.body.scrollLeft;
		frm.style.top = y + document.body.scrollTop;
		frm.style.display = "block";
		frm.style.height = height;
		frm.focus();
		document.all.item("btn_" + editFieldName).className = "ginputbuttonrefresh";
		document.all.item("activeBtn").value = "btn_" + editFieldName;
		document.all.item("activeField").value = editFieldName;
		setPosition(size);
        }
}

// Time Drop Down - timeDropDownBox.tag
function showTimeDropDown(editFieldName) {
	var height = 162;
	var size=20;
	var frm;
	var x = getDropDownXPos(size);
	var y = getDropDownYPos();
	var dropDownSrc;
	var searchField;
	searchField = document.all.item(editFieldName).value;
	searchField = searchField.replace("&", "!!!");
	dropDownSrc = "../common/timeDropDown.jsp";
	frm = document.all.item("fdropdown");
	if (frm.style.display == 'none') {
		frm.src = dropDownSrc;
		frm.style.left = x + document.body.scrollLeft;
		frm.style.top = y + document.body.scrollTop;
		frm.style.display = "block";
		frm.style.height = height;
		frm.focus();
		document.all.item("btn_" + editFieldName).className = "ginputbuttonrefresh";
		document.all.item("activeBtn").value = "btn_" + editFieldName;
		document.all.item("activeField").value = editFieldName;
		setPosition(size);
	}
}	

function getDropDownXPos(size){
	x = Math.round((window.event.x-getDropDownWidth(size))*30)/30;
	if (x<0) return 0;
  	return x;
}

function getDropDownYPos(){
	return window.event.y;
}

function setPosition(size) {
	var frm;
	frm = document.all.item("fdropdown");
	frm.style.pixelWidth = getDropDownWidth(size);
}

function getDropDownWidth(size) {
	return Math.round((size * 6) + 50);
}

function leaveFrame() {
	var frm;
	var activeBtn;
	frm = document.all.item("fdropdown");
	activeBtn = document.all.item("activeBtn").value;
	if (frm.style.display == "block") {
		frm.src = "";
		frm.style.display = "none";
		document.all.item(activeBtn).className = "ginputbuttondropdown";
		document.all.item("activeBtn").value = "";
		document.all.item("activeField").value = "";
	}
}

function selectItem(sValue) {
	var fieldName; 
	fieldName = document.all.item("activeField").value;
	document.all.item(fieldName).value = sValue;
}