function openTagger(that) {	
	that.className = 'dnone';
	
	tg = document.getElementById('tagger');
	
	tg.className = "picinfo";
	
	tds = tg.getElementsByTagName('td');
	
	for (i = 0; i < tds.length; i++) {
		tds[i].onclick = toggleTag;
	}
	
	document.getElementById('washington-tagger').onclick = togglePlace;
	document.getElementById('maine-tagger').onclick = togglePlace;
	document.getElementById('mississippi-tagger').onclick = togglePlace;
	
	return false;
}

function togglePlace() {
	
	if (this.className == 'tagged') {
		document.getElementById('place').innerHTML = "(unknown)";
		this.className = "";
	} else {
		document.getElementById('washington-tagger').className = '';
		document.getElementById('maine-tagger').className = '';
		document.getElementById('mississippi-tagger').className = '';
		document.getElementById('place').innerHTML = "Location: <a href='/"+this.innerHTML.toLowerCase()+"'>"+this.innerHTML+"</a>";
		document.getElementById('place').className = this.innerHTML;
		
		this.className = 'tagged';
	}
		
}

function toggleTag() {
	
	user = this.id.split('-')[0];
	
	tlist = document.getElementById('taglist');
	
	if (this.className == 'tagged') {			
			
		tlist.removeChild( document.getElementById(user+'-tag') );
		
		if (tlist.getElementsByTagName('span').length == 0) {
			tlist.innerHTML = "<span id='none-holder'>(no one)</span>";
		}
		
		this.className = '';
		
	} else {
		
		if (x = document.getElementById('none-holder'))
			x.parentNode.removeChild(x);
		
		ospan = document.createElement('span');
		
		ospan.id = user + '-tag';
		
		uc = user.substring(0,1).toUpperCase() + user.substring(1);
		
		ospan.innerHTML = "&nbsp; &nbsp;&bull; <a href='/"+user+"'>"+uc+"</a>";
		
		document.getElementById('taglist').appendChild(ospan);

		this.className = 'tagged';
		
	}
	
}

function saveTags(id) {
	document.getElementById('tagger').className = "dnone";
	
	tagged = document.getElementById('taglist').getElementsByTagName('span');
	
	list = '';
	for (i = 0; i < tagged.length; i++) {
				
		if (tagged[i].id == 'none-holder')
			break;
			
		list += ','+ tagged[i].id.split('-')[0] ;
		
	}
	list = list.substring(1);
	
	loc = document.getElementById('place').className;
	
	ajaxy = new Image();
	ajaxy.src = "/tag.php?id="+id+"&loc="+loc+"&people="+list;
	
	ajaxy = null;
	
	
	return false;
}