var intervalVar = setInterval(countDownTimeout, 60000);

function countDownTimeout() {
	var element = document.getElementById("contentForm:timeoutInMinuten");
	var elementText = document.getElementById("contentForm:timeoutInMinutenText");
	var elementRedAt = document.getElementById("contentForm:timeoutRedAt");

	if (null != element) {
		var timeout = element.innerHTML;
		var redAt = elementRedAt.innerHTML;
	
		timeout --;
		
		if (timeout == -2) {
			element.innerHTML = "...";
			element.style = "";
			elementText.style = "";
			clearInterval(intervalVar);
		} else if (timeout > redAt) {
			element.innerHTML = timeout;
		} else if (timeout > 1) {
			element.innerHTML = timeout;
			element.style = "color: #FF0000;";
			elementText.style = "color: #FF0000; font-weight: bold;";
		} else if (timeout > 0) {
			element.innerHTML = "unter einer Minute!";
			element.style = "color: #FF0000;";
			elementText.style = "display: none;";
		} else if (timeout != "...") {
			element.innerHTML = "Session abgelaufen!";
			element.style = "color: #FF0000;";
			elementText.style = "display: none;";
		}
	}
	
	return;
}

function resetTimeoutCountDown() {
	var element = document.getElementById("contentForm:timeoutInMinuten");
	var elementHidden = document.getElementById("contentForm:timeoutInMinutenHidden");
	var elementText = document.getElementById("contentForm:timeoutInMinutenText");
	var elementRedAt = document.getElementById("contentForm:timeoutRedAt");
	
	if (null != elementHidden) {
		var timeout = elementHidden.innerHTML;
		var redAt = elementRedAt.innerHTML;
		
		timeout --;
		
		if (timeout == -2) {
			element.innerHTML = "...";
		} else if (timeout > redAt) {
			element.innerHTML = timeout;
			element.style = "";
			elementText.style = "";
		} else {
			element.innerHTML = timeout;
			element.style = "color: #FF0000;";
			elementText.style = "color: #FF0000; font-weight: bold;";
		}
	}
	
	return;
}