var workingElementID;

function setElementClass(elmName, cls) {
	var elm = document.getElementById(elmName);

	if(elm != null) {
		elm.className = cls;
	}
}

function toggleElement(elmName) {
	var elm = document.getElementById(elmName);

	if(elm != null) {
		if (elm.style.display == "none")
			elm.style.display = "block";
		else
			elm.style.display = "none";
	}
}

function showTableRow(elmName) {
	var elm = document.getElementById(elmName);

	if(elm != null) {
		elm.style.display = "table-row";
	}
}

function showElement(elmName) {
	var elm = document.getElementById(elmName);

	if(elm != null) {
		elm.style.display = "block";
	}
}

function hideElement(elmName) {
	var elm = document.getElementById(elmName);

	if(elm != null) {
		elm.style.display = "none";
	}
}

function hideThisSubCategory() {
	hideElement('renameSubCategory_' + workingElementID);
	showElement('showSubCategory_' + workingElementID);
}

function showSubCategory(id) {
	hideElement('showSubCategory_' + id);
	showElement('renameSubCategory_' + id);

	workingElementID = id;
}

function hideSubCategory(id) {
	hideElement('renameSubCategory_' + id);
	showElement('showSubCategory_' + id);

	workingElementID = 0;
}

function expandTree(strTableID, strImage) {
	var imgImage = document.images[strImage];
	var tblTable = document.getElementById(strTableID);

	if(tblTable != null) {
		imgImage.src = imgImageExpand.src;
		tblTable.style.display = "none";
	}
}

function collapseTree(strTableID, strImage) {
	var imgImage = document.images[strImage];
	var tblTable = document.getElementById(strTableID);

	if(tblTable != null) {
		imgImage.src = imgImageCollapse.src;
		tblTable.style.display = "block";
	}
}

function toggleTree(strTableID, strImage)
{
	var imgImage = document.images[strImage];
	var tblTable = document.getElementById(strTableID);

	if(tblTable != null) {
		if (tblTable.style.display == "none")
		{
			imgImage.src = imgImageCollapse.src;
			tblTable.style.display = "block";
		}
		else
		{
			imgImage.src = imgImageExpand.src;
			tblTable.style.display = "none";
		}
	}

	return true;
}

function toggleCategory(breadcrumbsID, treeID) {
	breadcrumbs = document.getElementById(breadcrumbsID);
	tree = document.getElementById(treeID);

	if((breadcrumbs != null) && (tree != null)) {
		if(breadcrumbs.style.display == "none") {
			breadcrumbs.style.display = "block";
			tree.style.display = "none";
		} else {
			breadcrumbs.style.display = "none";
			tree.style.display = "block";
		}
	}
}

function selectCategory(categoryID, breadcrumb, categoryInput, breadcrumbsID, breadcrumbsTextID, treeID) {
	breadcrumbs = document.getElementById(breadcrumbsID);
	tree = document.getElementById(treeID);
	breadcrumbsText = document.getElementById(breadcrumbsTextID);

	if((breadcrumbs != null) && (breadcrumbsText != null) && (tree != null)) {
		breadcrumbsText.innerHTML = breadcrumb;
		categoryInput.value = categoryID;
	}

	toggleCategory(breadcrumbsID, treeID);
}

	var cnt = 1;

function addRow(parentId, referredId, beforeId, counterId)
{
	parentE = document.getElementById(parentId);
	referredE = document.getElementById(referredId);
	beforeE = document.getElementById(beforeId);
	counterE = document.getElementById(counterId);

	count = parseInt(counterE.value);
	if(isNaN(count))
		count = 0;

	count++;

	newE = referredE.cloneNode(true);

	insertedE = parentE.insertBefore(newE, beforeE);

	if(referredE.id != undefined)
		insertedE.id = referredE.id + '_' + count.toString();

	if(referredE.name != undefined)
		insertedE.name = referredE.name + '_' +  count.toString();

	if(referredE.hasChildNodes()) {
		for(i = 0;i < referredE.childNodes.length;i++) {
			if(referredE.childNodes[i].id != undefined)
				insertedE.childNodes[i].id = referredE.childNodes[i].id + '_' +  count.toString();

			if(referredE.childNodes[i].name != undefined)
				insertedE.childNodes[i].name = referredE.childNodes[i].name + '_' +  count.toString();
		}
	}

	counterE.value = count.toString();
}

function removeRow(parentId, deletedId) {
	parentE = document.getElementById(parentId);
	deletedE = document.getElementById(deletedId);

	parentE.removeChild(deletedE);
}

function checkImage(chkBox, id) {
	imgElement = document.getElementById(id);
	if(imgElement != null) {
		if(chkBox.checked)
			imgElement.className = 'checkedImage';
		else
			imgElement.className = 'uncheckedImage';
	}
}

function overImage(chkBox, id) {
	imgElement = document.getElementById(id);
	if(imgElement != null) {
		if(chkBox.checked)
			imgElement.className = 'overCheckedImage';
		else
			imgElement.className = 'overUncheckedImage';
	}
}

function outImage(chkBox, id) {
	imgElement = document.getElementById(id);
	if(imgElement != null) {
		if(chkBox.checked)
			imgElement.className = 'checkedImage';
		else
			imgElement.className = 'uncheckedImage';
	}
}

function selected(imageId, titleId) {
	imageElement = document.getElementById(imageId);
	if(imageElement != null)
		imageElement.className = 'imageBorderSelected';

	titleElement = document.getElementById(titleId);
	if(titleElement != null)
		titleElement.className = 'textSelected';
}

function deSelected(imageId, titleId) {
	imageElement = document.getElementById(imageId);
	if(imageElement != null)
		imageElement.className = 'imageBorder';

	titleElement = document.getElementById(titleId);
	if(titleElement != null)
		titleElement.className = 'text';
}

function setBackgroundColor(elementId, backgoundColor) {
	rowElement = document.getElementById(elementId);
	if(rowElement != null)
		rowElement.style.backgroundColor = backgoundColor;
}