function ShowContent(show){
document.getElementById(show).style.visibility = "visible";
document.getElementById(show).style.display = "block";
}
function HideContent(hide){
document.getElementById(hide).style.display = "none";
document.getElementById(hide).style.visibility = "hidden";

}
function DelContent(hide){
document.getElementById(hide).value = "";
}
function AddValue(hiddenField,addVal){
document.getElementById(hiddenField).value = document.getElementById(hiddenField).value + "," + addVal;
}
function ShowValue(valueSpan,value){
document.getElementById(valueSpan).innerHTML = document.getElementById(valueSpan).innerHTML + " " + value;
}
function changeClass(id, newClass) {
	toChange=document.getElementById(id);
	toChange.className=newClass;
}

function removeItem(hiddenId,item){
	var str = document.getElementById(hiddenId).value; 
	var theArray = new Array();
	theArray = str.split(',');
	var toRemove = item;
	// adding it as a prototype object enables it to be used from any array
	Array.prototype.removeItems = function(itemsToRemove) {
	
	    if (!/Array/.test(itemsToRemove.constructor)) {
	        itemsToRemove = [ itemsToRemove ];
	    }
	
	    var j;
	    for (var i = 0; i < itemsToRemove.length; i++) {
	        j = 0;
	        while (j < this.length) {
	            if (this[j] == itemsToRemove[i]) {
	                this.splice(j, 1);
	            } else {
	                j++;
	            }
	        }
	    }
	}
	theArray.removeItems(toRemove);
	document.getElementById(hiddenId).value = theArray;
	}


function addShowSelected(valueSpan,value,hiddenField,addVal){
	document.getElementById(hiddenField).value = document.getElementById(hiddenField).value + "," + addVal ;
	document.getElementById(valueSpan).innerHTML = document.getElementById(valueSpan).innerHTML + 
	" <a title=\"" + value + "\" id=" + addVal + "_ID href=#ddddd onclick=HideContent('" + addVal + "_ID');removeItem('" + hiddenField + "','" + addVal + "');>" + value + ",</a>";
}