function getNumberOfImagesInWorkspace() {
	if (document.getElementById("ws_images_table")){
		return document.getElementById("ws_images_table").getElementsByTagName("img").length;
	} else {
		return 0;
	}
}

function updateNumberOfImagesInWorkspace() {
	document.getElementById("ws_counter").innerHTML = "(" + getNumberOfImagesInWorkspace() +")";
	showHideRemoveButton();
}

function showHideRemoveButton() {	
	var imageSource = new String(document.getElementById('ws_plusminus').src);
	if (getNumberOfImagesInWorkspace() > 0 && imageSource.indexOf("/ic/images/minus.gif") != -1) {
		document.getElementById("ws_removeButton_container").style.display = "block";
	} else {
		document.getElementById("ws_removeButton_container").style.display = "none";
	}

}

function comfirmRemoveImages() {
	var answer = confirm('Are you sure you want to remove all saved images?');
	if (answer) {
		removeAllImages();
	}
}

function showImagePopUpWithCaptionInWorkspace(image, pii, mungedPii, locator, figId, event, isImageInWorkSpace, popUpTitle, popUpCaption) {
	var position = findPos(image);
	createImagePopUpWithCaption(image, mungedPii, locator, position, popUpTitle, popUpCaption);
	timerID = setTimeout("setImagePopupVisible()", 600);
}

function removeAllWorkspaceBorders () {
	var images = document.getElementById('ws_images_table').getElementsByTagName('img');
	for (i=0; i< images.length; i++) {
		images[i].style.border='3px solid #535975';
	}
}

function createImagePopUpWithCaption(image, mungedPii, locator, position, title, caption) {

	var trailImage = document.getElementById("trailimageid");
	var popupLayer = document.getElementById("Img_Popup_Layer");
	
	while (popupLayer.hasChildNodes()) {
		popupLayer.removeChild(popupLayer.firstChild);
	}
	var popupLayerInnerHtml = "";
	if(title != null && !isBlank(title)) {
		popupLayerInnerHtml += "<span class='hover-title'>" + title + "</span><br><br>";
	}
	popupLayerInnerHtml +="<span class='hover-metadata'>" + caption + "</span>";

	popupLayer.innerHTML = popupLayerInnerHtml;
	
	var newtop, newleft;
	
	newtop = position.curtop + image.height - 5;
	newleft = calculateImagePopupLeftInWorkSpace(position.curleft, image.width);

	trailImage.style.top = newtop + "px";
	trailImage.style.left = newleft + "px";

	// removeAllWorkspaceBorders ();
	image.style.border = '3px solid #788589';
}

function calculateImagePopupLeftInWorkSpace(imageLeft, imageWidth) {
	
	var defaultCaptionWidth = 600;
	var newLeft = 0;
	if(document.getElementById("ws_images_container")){
		if(document.getElementById("ws_images_container").scrollLeft){
			newLeft = imageLeft + imageWidth -  document.getElementById("ws_images_container").scrollLeft - (defaultCaptionWidth)/2;
		}else{
			 newLeft = imageLeft + imageWidth - (defaultCaptionWidth)/2;
		}
		
		if(newLeft < document.getElementById("ws_images_container").style.left) {
			return 0;
		} else if((newLeft + defaultCaptionWidth + 20) > document.body.clientWidth) {
			return document.body.clientWidth - (defaultCaptionWidth + 30);
		}
	}
	return newLeft;
	
}
function toggleWorkSpace() {
	var imageSrc = document.getElementById("ws_plusminus").src;
	var minusSrc = new String("/ic/images/minus.gif");
	if (imageSrc.indexOf(minusSrc) != -1){
		collapseWorkSpace();
	}else {
		expandWorkSpace();
	}
	showHideRemoveButton();	
	
	if(document.getElementById('hy_ddx_diagnoses_table')){
		var x = document.getElementById('hy_ddx_diagnoses_table');
		x.style.display = 'none';
		var x = document.getElementById('hy_ddx_diagnoses_table');
		x.style.display = 'block';
	}
	
	if(document.getElementById('topic_outline')){
			var x = document.getElementById('topic_outline');
			x.style.display = 'none';
			var x = document.getElementById('topic_outline');
			x.style.display = 'block';
	}
	
	if(document.getElementById('hy_boxes_container')){
				var x = document.getElementById('hy_boxes_container');
				x.style.display = 'none';
				var x = document.getElementById('hy_boxes_container');
				x.style.display = 'block';
	}
}

function expandWorkSpace() {
        document.getElementById("ws_table_container").style.height = "9.5em";
        document.getElementById('ws_plusminus').src = "/ic/images/minus.gif";
        document.getElementById("ws_instructions").style.display = "none";		
        document.getElementById('main_ws_data').className = "maxiws_text";
        toggleSampleImageDiv();
		positionOutlineElements();
		setCookie("workSpaceInExpandedState", "true", 365);
}

function collapseWorkSpace() {
        document.getElementById("ws_table_container").style.height = "2em";
        document.getElementById('ws_plusminus').src = "/ic/images/plus.gif";
        document.getElementById('ws_instructions').style.display = "block";
		document.getElementById('main_ws_data').className = "miniws_text";
        toggleSampleImageDiv();
		positionOutlineElements();
		setCookie("workSpaceInExpandedState", "false", 365);
}

function toggleSampleImageDiv() {
	if (document.getElementById("ws_instructions").style.display == "none" && !document.getElementById("ws_images_table")) {
        document.getElementById("ws_graphic_div").style.display = "block";		
	} else {
        document.getElementById("ws_graphic_div").style.display = "none";
	}
}