var currentActiveTag = null;
var hdnTagCltId = "";

function UpdateTags(cell, tag) {
	var images = cell.getElementsByTagName('IMG');
	var inputs = cell.getElementsByTagName('INPUT');
	var imgtag = null;
	var hdntag = null;

	for (var i = 0; i < images.length; i++) {
		if (images[i].id.toLowerCase().lastIndexOf('tag') != -1) {
			imgtag = images[i];
			break;
		}
	}

	for (var i = 0; i < inputs.length; i++) {
		if (inputs[i].id.toLowerCase().lastIndexOf('tag') != -1) {
			hdntag = inputs[i];
			break;
		}
	}

	if (tag == '1_red') {
		imgtag.src = 'Images/16x16/ball_red.gif';
		hdntag.value = tag;
	} else if (tag == '2_yellow') {
		imgtag.src = 'Images/16x16/ball_yellow.gif';
		hdntag.value = tag;
	} else if (tag == '3_green') {
		imgtag.src = 'Images/16x16/ball_green.gif';
		hdntag.value = tag;
	} else if (tag == '4_blue') {
		imgtag.src = 'Images/16x16/ball_blue.gif';
		hdntag.value = tag;
	} else if (tag == '5_clear') {
		imgtag.src = 'Images/1px.gif';
		hdntag.value = tag;
	}
}

function UpdateTagSelection(button, hiddenFieldName, name, imageListId) {
	var clear = document.getElementById(imageListId.split(',')[0]);
	var red = document.getElementById(imageListId.split(',')[1]);
	var green = document.getElementById(imageListId.split(',')[2]);
	var blue = document.getElementById(imageListId.split(',')[3]);
	var yellow = document.getElementById(imageListId.split(',')[4]);

	/*var newsrc;
	if (name == '1_red') {
	newsrc = 'Images/TreeIcons/Icons/ball_red1_select.gif';
	} else if (name == '2_yellow') {
	newsrc = 'Images/TreeIcons/Icons/ball_yellow1_select.gif';
	} else if (name == '3_green') {
	newsrc = 'Images/TreeIcons/Icons/ball_green1_select.gif';
	} else if (name == '4_blue') {
	newsrc = 'Images/TreeIcons/Icons/ball_blue1_select.gif';
	} else if (name == '5_clear') {
	newsrc = 'Images/TreeIcons/Icons/ball_clear1_select.gif';
	}
	*/

	clear.parentNode.className = (name == "5_clear" ? "actionbar_cellHover" : "actionbar_cell");
	red.parentNode.className = (name == "1_red" ? "actionbar_cellHover" : "actionbar_cell");
	green.parentNode.className = (name == "3_green" ? "actionbar_cellHover" : "actionbar_cell");
	blue.parentNode.className = (name == "4_blue" ? "actionbar_cellHover" : "actionbar_cell");
	yellow.parentNode.className = (name == "2_yellow" ? "actionbar_cellHover" : "actionbar_cell");

	if (currentActiveTag && currentActiveTag != button.parentNode) {
		if (currentActiveTag.onmouseover != "") {
			currentActiveTag.className = "actionbar_cellHover";
			currentActiveTag.onmouseover = "";
			currentActiveTag.onmouseout = "";
		} else {
			currentActiveTag.className = "actionbar_cell";
			currentActiveTag.onmouseover = actionbar_onmouseover;
			currentActiveTag.onmouseout = actionbar_onmouseout;
		}
	}

	if (button.parentNode.onmouseover != "") {
		button.parentNode.className = "actionbar_cellHover";
		button.parentNode.onmouseover = "";
		button.parentNode.onmouseout = "";
	} else {
		button.parentNode.className = "actionbar_cell";
		button.parentNode.onmouseover = actionbar_onmouseover;
		button.parentNode.onmouseout = actionbar_onmouseout;
	}
	var hiddenField = document.getElementById(hiddenFieldName);
	if (hiddenField != null) {
		if (button.parentNode.onmouseover == "") {
			hiddenField.value = name;
			currentActiveTag = button.parentNode;
		} else {
			hiddenField.value = '';
			currentActiveTag = null;
		}
	}
}

function actionbar_onmouseover() {
	this.className = 'actionbar_cellHover';
}
function actionbar_onmouseout() {
	this.className = 'actionbar_cell';
}