var editID;
var oldEditTitle;
var oldTitleNode;

function HTTPRequest(url) {

	var xmlhttp;


	if (document.all)
		xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
	
	else if (!xmlhttp && typeof XMLHttpRequest!=undefined) {
	  xmlhttp = new XMLHttpRequest();
	} else {
	  xmlhttp = false;
	}
	// find a get parameter
	var strpos = url.indexOf("?");
		
	// make an HTTP request

	if (strpos > 0)
		var and = '&';
	else var and = '?';

	xmlhttp.open("GET", url + and + 'random=' + Math.random(), false);
	xmlhttp.send(null);
	
	return xmlhttp.responseText;

}

function saveImageInfo(e) {
	var keyCode;
	if (navigator.appName == "Netscape") keyCode = e.which;
		else keyCode = window.event.keyCode;
	
	if (keyCode == 13) {
		var desc = document.imageeditform.imagedescription.value;
		var title = document.imageeditform.imagetitle.value;
		var name = document.imageeditform.imagename.value;
		
		var response = HTTPRequest('/editimage.php?imagetitle=' + title + '&imagedescription=' + desc + '&imagename=' + name);
		document.imageeditform.innerHTML = '';
		return false;
	}
	
}

function saveTitle(e) {
	var keyCode;
	if (navigator.appName == "Netscape") keyCode = e.which;
		else keyCode = window.event.keyCode;
	
	if (keyCode == 13) {	
		var title = document.getElementById('imagetitlefield').value;	
		var name = document.getElementById('imagenamehidden').value;
		var editBox = document.getElementById('title' + editID);
		var response = HTTPRequest('/editimage.php?imagetitle=' + title + '&imagedescription=' + '' + '&imagename=' + name);
		editBox.removeChild(editBox.childNodes[0]);
		var textNode = document.createTextNode(title);
		editBox.appendChild(textNode);
		editID = 0;
		return false;
	}
	
}

function undoEdit() {
	var editBox = document.getElementById('title' + editID);
	//var titleForm = document.imagetitleform;
	document.getElementById('title' + editID).removeChild(editBox.childNodes[0]);
	editBox.appendChild(oldTitleNode);
	editID = 0;
}

function editImage(id, imageName) {
	var imageBox = document.getElementById(id);
	var editBox = document.createElement("div");
	var editForm =  document.createElement("form");
	editForm.name = "imagetitleform";
	editForm.innerHTML = "<input name=\"imagetitle\" length=\"15\"><br /><textarea cols=\"15\" name=\"imagedescription\"></textarea><input type=\"hidden\" name=\"imagename\" value=\"" + imageName + "\">";
	
	var saveButton = document.createElement("input");
	saveButton.value="Save";
	saveButton.type="submit";
	//saveButton.onclick = saveImageInfo;
	//editForm.appendChild(saveButton);
	editForm.onkeypress = saveImageInfo;
	editBox.appendChild(editForm);
	imageBox.appendChild(editBox);
	
}

function editTitle(id, imageName) {
	var staticTitle = document.getElementById('title' + id);
	if (editID > 0) undoEdit();
	oldEditTitle = staticTitle.innerHTML;
	oldTitleNode = staticTitle.childNodes[0];
	staticTitle.removeChild(staticTitle.childNodes[0]);
	var titleForm = document.createElement("form");
	titleForm.name = "imagetitleform";
	titleForm.onkeypress = saveTitle;
	var imagetitleField = document.createElement("input");
	imagetitleField.name = 'imagetitle';
	imagetitleField.length = 15;
	imagetitleField.id = 'imagetitlefield';
	var imagenameField = document.createElement("input");
	imagenameField.name = 'imagename';
	imagenameField.type = 'hidden';
	imagenameField.value = imageName;
	imagenameField.id = 'imagenamehidden';
	
	titleForm.appendChild(imagetitleField);
	titleForm.appendChild(imagenameField);
	staticTitle.appendChild(titleForm);
	document.getElementById('imagetitlefield').focus();
	//document.imagetitleform.imagetitle.focus();
	//imagetitleField.focus();
	editID = id;
}