function getWorkspaceDiv() {
	Workspace.getWorkspaceDiv(handleWorkspaceData);
}

function handleWorkspaceData(htmlData) {
	document.getElementById("main_ws_data").innerHTML = htmlData[0];
	if (readCookie("workSpaceInExpandedState") == "true") {
		expandWorkSpace();
	} else {
		collapseWorkSpace();
	}
	updateNumberOfImagesInWorkspace();
	var url = new String(htmlData[1]);
	var queryString = new String(url.substring(url.indexOf("?")+1, url.length));
	var imagesParamValue = new String(queryString.substring(queryString.indexOf("images=")+7,queryString.indexOf("userState=")-1));
	var userStateParamValue = new String(queryString.substring(queryString.indexOf("userState=")+10,queryString.length));
	document.form_ws2_button.action = url.substring(0,url.indexOf("?"));
	document.getElementById("images").value = imagesParamValue;
	document.getElementById("userState").value = userStateParamValue;
	
}

function addImage(pii, mungedPii, figId, locator, imageHeight, title, caption) {
	removeOnClickFromSaveButton();
	if(getNumberOfImagesInWorkspace() >= 10) {
		alert("The Saved Images area can hold a maximum of 10 images.")
	} else {
		if(document.getElementById("ws_images_table")) {
			Workspace.addImage(pii, mungedPii, figId, locator, title, caption, handleAddImageToWorkSpace);
		} else {
			Workspace.createInitialTableAndImage(pii, mungedPii, figId, locator, title, caption, handleWorkspaceData);	
		}
	}
}

function handleAddImageToWorkSpace(htmlData) {
	var newTd = document.createElement('td');
	if(htmlData[0] != "") {
		newTd.innerHTML = htmlData[0];
		document.getElementById("ws_images_table").getElementsByTagName('tr')[0].appendChild(newTd);
		updateNumberOfImagesInWorkspace();
	}
	var url = new String(htmlData[1]);
	var queryString = new String(url.substring(url.indexOf("?")+1, url.length));
	var imagesParamValue = new String(queryString.substring(queryString.indexOf("images=")+7,queryString.indexOf("userState=")-1));
	var userStateParamValue = new String(queryString.substring(queryString.indexOf("userState=")+10,queryString.length));
	document.form_ws2_button.action = url.substring(0,url.indexOf("?"));
	document.getElementById("images").value = imagesParamValue;
	document.getElementById("userState").value = userStateParamValue;
}

function removeAllImages() {
	Workspace.removeAllImages(handleWorkspaceData);
}