function showMore(PictureID)
{
	//var infoID = document.getElementById("info_"+PictureID);
	//infoID.style.display = "block";
	
	document.getElementById("moreInfo").innerHTML = document.getElementById("info_"+PictureID).innerHTML;
}

function popupComment(commentDivID)
{
	document.getElementById(commentDivID).className="addCommentDivVisible";
}

function removePopupComment(commentDivID, oldHTML)
{
	document.getElementById(commentDivID).className="addCommentDiv";
	if(oldHTML)
	{
		document.getElementById(commentDivID).innerHTML = oldHTML;
		document.getElementById(commentDivID).style.textAlign="right";
	}
}

function removeMore(PictureID)
{
	var infoID = document.getElementById("info_"+PictureID);
	infoID.style.display = "none";
}

function sendRequest(which, PictureID, action, userID)
{
	if(which.value) value = which.value;
	else if(which.id) value = which.id;
	else if(document.getElementById(which) && document.getElementById(which).value) value = document.getElementById(which).value;
	else value = which;
	//alert(which.value);
	//alert(value);
	if(value != "[object HTMLTextAreaElement]" && value != "[object HTMLInputElement]")
	{
		var urlString = "ajaxProcess.php?action="+action+"&PictureID="+PictureID+"&value="+value+"&userID="+userID;
		var response = request(urlString);
		if(action == "addComment" && response != "0")
		{
			document.getElementById("Comments_"+PictureID).innerHTML = response;
			document.getElementById("addComment_"+PictureID).value = "";
			
			addCommentDiv = "addCommentDiv_"+PictureID;
			document.getElementById(addCommentDiv).style.textAlign="left";
			oldHTML = document.getElementById(addCommentDiv).innerHTML;
			document.getElementById(addCommentDiv).innerHTML = "Your comment will be added after it is approved. <span onclick=\"removePopupComment('addCommentDiv_"+PictureID+"')\" style=\"cursor:pointer\">[X]</span>";
			setTimeout('removePopupComment(addCommentDiv, oldHTML)', 2000);
			
		}
		else if(action == "addTag" && response != "0")
		{
			document.getElementById("Tags_"+PictureID).innerHTML = response;
			document.getElementById("addTag_"+PictureID).value = "";
			document.getElementById("suggestTag_"+PictureID).style.display = "none";
		}
		else if(action == "deleteTag" && response != "0")
		{
			document.getElementById("Tags_"+PictureID).innerHTML = response;
		}
		
		else if(action == "suggestTag" && response != "0")
		{
			var newResponse = eval(response);
			var tag = newResponse[0]["name"];
			document.getElementById("addTag_"+PictureID).value = tag;
			document.getElementById("suggestTag_"+PictureID).style.display = "none";
		}
		
		else if((action == "deleteComment" || action == "approveComment") && response != "0")
		{
			document.getElementById("Comments_"+PictureID).innerHTML = response;
		}
		
		else if(response=="1") 
		{
			//alert("Picture type was edited.");
		}
		else
		{
			alert("There was an error - action: "+action);
		}
	}
	
	
}

function suggest(which, event, action, PictureID)
{
	//if key is enter, add to db
	var keynum;
	var keychar;
	var tagSelect = document.getElementById('suggestTag_'+PictureID);
	
	if(window.event) keynum = event.keyCode;
	else if(event.which) keynum = event.which;
	keychar = String.fromCharCode(keynum);
	
	if(keynum == 13)
	{
		sendRequest(which, PictureID, "addTag");
	}
	if((keynum >= 65 && keynum <= 90) || (keynum >= 97 && keynum <= 122) || keynum == 8) //capital/lowercase letters/backspace
	{
	
		if(keynum == 8) value = which.value.substr(0, which.value.length-1); // backspace key
		else value = which.value+keychar;
		
		var urlString = "ajaxProcess.php?action="+action+"&value="+value;
		var response = request(urlString);
		
		var newResponse = eval(response);
		
		//alert(newResponse);
		var theTags = "";
		
		tagSelect.style.display="inline";
		tagSelect.style.width="146px";
		tagSelect.style.position="relative";
		tagSelect.style.left="146px";
		tagSelect.style.top="84px";
		
		for(i in tagSelect.options)
		{
			tagSelect.remove(i);
		}
												
		for (i in newResponse)
		{
			var tag = newResponse[i]["name"];
			theTags += tag + "<br />";
			var tagOption = document.createElement("option");
			tagOption.text = tag;
			try
			{
				tagSelect.add(tagOption, null);
			}
			catch(ex)
			{
				tagSelect.add(tagOption);
			}
		}
	//alert(theTags);
	//document.getElementById("tagSuggestBox").innerHTML = theTags;
		if(newResponse == "")
		{
			tagSelect.style.display = "none";	
		}
	}
	
	
}