function showSaveButton(image, pii, mungedPii, figId, locator, title, caption, position, topOffSet, leftOffSet) {

	var buttonContainer = document.getElementById("btn_add_container");
	
	setPositionOfButtonContainer(buttonContainer, image, position, topOffSet, leftOffSet);


	var add_btn = buttonContainer.getElementsByTagName("input")[0];
	add_btn.removeAttribute("onclick");

	var inputTag = document.getElementById("btn_add");
	var url = new String(window.location.href);
	if(url.indexOf("highYieldTopicPopup") != -1) {
		inputTag.onclick = function() {addImageFromPopUp(pii, mungedPii, figId, locator, image.height, title, caption); return true;}; 
	} else {
		inputTag.onclick = function() {addImage(pii, mungedPii, figId, locator, image.height, title, caption); return true;}; 
	}
	
		setSavePopupVisible();
}

function setPositionOfButtonContainer(buttonContainer, image, position, topOffSet, leftOffSet) {
	var newtop, newleft;
	var filmStripDivId = fetchFilmStripDivId(image.id);
	
	if(document.getElementById(filmStripDivId)){
		var filmStripDiv = document.getElementById(filmStripDivId);
		newleft = position.curleft + image.width - leftOffSet - amountOfLeftScroll(filmStripDiv); 
		newtop = position.curtop + topOffSet - document.body.scrollTop; 
	} else {
		newleft = position.curleft + image.width - leftOffSet;
		newtop = position.curtop + topOffSet; 
	}
    buttonContainer.style.top = newtop + "px";
	buttonContainer.style.left = newleft + "px";

}

function fetchFilmStripDivId(imageId) {
    var filmstripIdToReturn = "";
    if (imageId.length > 0) {
        var image = document.getElementById(imageId);
        if(image.parentNode.id.toLowerCase().indexOf('popup') > -1) {
            filmstripIdToReturn = "";
        } else if (image.parentNode.parentNode.parentNode.parentNode.parentNode.parentNode.id.toLowerCase().indexOf('filmstripdiv') > -1) {
            filmstripIdToReturn = document.getElementById(imageId).parentNode.parentNode.parentNode.parentNode.parentNode.parentNode.id;
        } else if (image.parentNode.parentNode.parentNode.parentNode.parentNode.parentNode.parentNode.parentNode.id.toLowerCase().indexOf('filmstripdiv') > -1) {
            filmstripIdToReturn = document.getElementById(imageId).parentNode.parentNode.parentNode.parentNode.parentNode.parentNode.parentNode.parentNode.id;
        }
    }
    return filmstripIdToReturn;
}


function amountOfLeftScroll(element) {
   return element.scrollLeft;
 }

function removeOnClickFromSaveButton() {
	var inputTag = document.getElementById("btn_add");
	inputTag.onclick = function() {};
}