var currItem='';
var prevItem='';
var openItem='';
function chartItemOn(thisID) {
var i = 0;
var name = '';
var noOff = 0;
var subId = thisID + "bot";		
	while (i <= itemsSelected.length)
	{
		name = itemsSelected[i];
		if (thisID==name) { 
			noOff=1;
		}
	i++
	}
	if (noOff==0) {
			if (document.getElementById(thisID).className!='chartItem') {
				document.getElementById(thisID).className='chartItem2On';
			} else {
				document.getElementById(thisID).className='chartItemOn';
			}
		document.getElementById(subId).className='chartItemBot';
	}	
}
var itemsSelected=new Array();
function toggleItem(thisID) {
/*
1. check thisID to see it already included in itemsSelected
2. varify max allowed has not been reached
3. if thisID included in itemsSelected then remove it and put to image off src path -- vice versa
4. convert array to string and assign the value to id="activitiesType"
*/
		var i = 0;
		var name = '';
		var deleteItem = 0;
		var subId = thisID + "sub";
		if (!document.getElementById(subId)) {return true;}//if there is not item to show then cancel outta here
		var sub2Id = thisID + "bot";
		while (i <= itemsSelected.length)
		{
			name = itemsSelected[i];
			if (thisID==name) { //remove from selected group
				itemsSelected.splice(i,1);
				if (document.getElementById(name).className=='chartItemOpen') {
					document.getElementById(name).className='chartItemOn';
				} else {
					document.getElementById(name).className='chartItem2On';
				}				
				document.getElementById(subId).className='chartItemDetails';
				document.getElementById(sub2Id).className='chartItemBot';
				openItem='';					
				deleteItem = 1;
			}
		i++
		}

		if (deleteItem!=1) { //add to selected group
			itemsSelected.push(thisID);
			if (document.getElementById(thisID).className=='chartItemOn') {
				document.getElementById(thisID).className='chartItemOpen';
			} else {
				document.getElementById(thisID).className='chartItem2Open';
			}				
			document.getElementById(subId).className='chartItemDetailsShow';
			document.getElementById(sub2Id).className='chartItemBot';
			openItem=thisID;			
		}	
	
}
function chartItemOff(thisID) {
var i = 0;
var name = '';
var noOff = 0;
var subId = thisID + "bot";			
while (i <= itemsSelected.length)
{
	name = itemsSelected[i];
	if (thisID==name) { 
		noOff=1;
	}
i++
}
if (noOff==0) {
	if (document.getElementById(thisID).className!='chartItemOn') {
		document.getElementById(thisID).className='chartItem2';
	} else {
		document.getElementById(thisID).className='chartItem';
	}
	document.getElementById(subId).className='';	
}	
}
var prevLinkId='';
function swapImg(thisID,thisSrc) {
	if (prevLinkId!='') {
		document.getElementById(prevLinkId).className='chartItemLink';
	} 
		var thisPicId = thisID.substr(0,7);
		thisPicId = thisPicId + 'pic';
		document.getElementById(thisID).className='chartItemLinkOn';
		document.getElementById(thisPicId).src='_images/jpgs/'+ thisSrc +'';
		
		if (navigator.userAgent.indexOf('Safari')!=-1) {
			var elt = document.getElementById(thisPicId);
			document.getElementById(thisPicId).style.height = (elt.height - 1) + "px";
			document.getElementById(thisPicId).style.height = (elt.height + 1) + "px";
		}
		
		prevLinkId=thisID;

}