//Show the timeline image div
function showTimelineImage(intLocationID, intImageID, strTitle) 
{
	//var strURL = "http://localhost:8080/FarsonDigital/getwaterlevelimage.php";
	var strURL = "http://www.farsondigital.co.uk/imagedatabase/getwaterlevelimage.php";
	var divTimelineImage = document.getElementById("divTimelineImage");
	var imgTimeline = document.getElementById("imgTimeline");
	var imgCamLive = document.getElementById("image1");
	var divTimelineImageContent = document.getElementById("divTimelineImageContent");
	var divTimelineImageLoading = document.getElementById("divTimelineImageLoading");
	var divTimelineImageHeaderTitle = document.getElementById("divTimelineImageHeaderTitle");
	
	closeConditionsPopup();
	
	divTimelineImageContent.style.display = "none";
	divTimelineImageLoading.style.display = "";
	imgTimeline.onload = function(){ 
					document.getElementById("divTimelineImageLoading").style.display = "none"; 
					document.getElementById("divTimelineImageContent").style.display = "block"; };
	
	
	divTimelineImageHeaderTitle.innerHTML = strTitle;
	divTimelineImage.style.display = 'block';
	divTimelineImage.style.position = 'absolute';
	divTimelineImage.style.zIndex = '999';
	imgTimeline.src = strURL + "?imgid=" + intImageID + "&locid=" + intLocationID;
	
	var intXPos = getLeftPos(imgCamLive);
	var intYPos = getTopPos(imgCamLive);

	intXPos = intXPos
			+ ((parseInt(imgCamLive.clientWidth, 10) - parseInt(divTimelineImage.clientWidth, 10))
			/ 2);
	intYPos = intYPos
			+ ((parseInt(imgCamLive.clientHeight, 10) - parseInt(divTimelineImage.clientHeight, 10))
			/ 2);

	divTimelineImage.style.top = (intYPos) + 'px';
	divTimelineImage.style.left = (intXPos) + 'px';

}

//Close the timeline image div
function closeTimelineImage() {
	var divTimelineImage = document.getElementById("divTimelineImage");
	var imgTimeline = document.getElementById("imgTimeline");
	imgTimeline.src = "";
	divTimelineImage.style.display = "none";
}

function showConditionsPopup() 
{
	var divConditionsPopup = document.getElementById("divConditionsPopup");
	var imgCamLive = document.getElementById("image1");

	closeTimelineImage();
	
	divConditionsPopup.style.display = 'block';
	divConditionsPopup.style.position = 'absolute';
	divConditionsPopup.style.zIndex = '999';
	
	var intXPos = getLeftPos(imgCamLive);
	var intYPos = getTopPos(imgCamLive);

	intXPos = intXPos
			+ ((parseInt(imgCamLive.clientWidth, 10) - parseInt(divConditionsPopup.clientWidth, 10))
			/ 2);
	intYPos = intYPos
			+ ((parseInt(imgCamLive.clientHeight, 10) - parseInt(divConditionsPopup.clientHeight, 10))
			/ 2);

	divConditionsPopup.style.top = (intYPos) + 'px';
	divConditionsPopup.style.left = (intXPos) + 'px';
}

function closeConditionsPopup()
{
	var divConditionsPopup = document.getElementById("divConditionsPopup");
	divConditionsPopup.style.display = "none";
}

//Ascertains the correct left position...
function getLeftPos(elem) {
	if (elem == null)
		return 0;
	else
		return elem.offsetLeft + getLeftPos(elem.offsetParent);
}

// Ascertains the correct top position...
function getTopPos(elem) {
	if (elem == null)
		return 0;
	else
		return elem.offsetTop + getTopPos(elem.offsetParent);
}

function restrictTextLength(sender, intMaxChars, txtLeftID)
{
	var strValue = sender.value.replace("\n", "");
	if(strValue.length > intMaxChars)
	{
		sender.value = sender.value.substring(0, intMaxChars + (sender.value.length - strValue.length));
   	}
	strValue = sender.value.replace("\n", "");
	if(txtLeftID != null)
	{
		document.getElementById(txtLeftID).value = intMaxChars - strValue.length;
	}
}