

////Advanced Versions////
function limitLength2()
{
	var targetId = "sms_viesti";
	var countId = "laskuri";
	
	var ammount = 160;
	
	//Count Warning One Start and Color
	var warn1Start = 10;
	var warnColor1 = "gold";
	
	//Count Warning Two Start and Color
	var warn2Start = 5;
	var warnColor2 = "red";

	/////////////////////////////////////////////////////////////////////////////////////////////////////
	///////////////////////////////////DO NOT EDIT BYOND THIS POINT//////////////////////////////////////
	/////////////////////////////////////////////////////////////////////////////////////////////////////
	var target = document.getElementById(targetId).value; //GRAP OUR TEXTAREAS VALUE
	var length = target.length;//COUNT THE LENGHT OF THE TEXTAREA VALUE
	var allowed = ammount;//MAX AMMOUNT OF CHARACTERS ALLOWED
	var leftOver = allowed-length;//MAX AMMOUNT MINUS OUR LEFTOVER
	
	//NUMBER COUNT
	if(leftOver == -1)//CONDITIONAL STATMENT FOR IF OUR LEFT OVERS TRYS TO EXCEED INTO NEGATIVE NUMBERS
	{var count = document.getElementById(countId).innerHTML = "0";}//REPLACE ANY INSTANCE OF A NUMBER LOWER THAN 0 WITH ZERO
	else{var count = document.getElementById(countId).innerHTML = leftOver;}
	
	//TRIM AND NUMBER COUNT COLORS
	var startPoint = ammount-1;
	if(target.length > startPoint)//CONDITIONAL STATMENT FOR IF OUR TEXTAREAS LENGTH COUT IS GREATER THAT 14
	{
		var keep = target.substring(0,ammount);//COPY TEXTAREA STRONG FROM THE FIRST TO FIFTEENTH CHARACTER
		document.getElementById(targetId).value = keep;//REPLACE OUR CURRENT TEXT ARE CHARACTERS WITH OUR COPIED AND TRIMED CHARACTERS
	}
	else
	{
		//NUMBER COUNT FONT COLORS
		if(leftOver>warn1Start)//IF OUR TEXTAREA LENG
		{
		var counter = document.getElementById(countId);
		counter.style.color="#000";
		counter.style.textDecoration="none";
		counter.style.fontSize="16px";
		}
		else if(leftOver>warn2Start)
		{
		var counter = document.getElementById(countId);
		counter.style.color=warnColor1;
		counter.style.textDecoration="none";
		counter.style.fontSize="18px";
		}
		else if (leftOver<warn2Start)
		{
		var counter = document.getElementById(countId);
		counter.style.color=warnColor2;
		counter.style.textDecoration="blink";
		counter.style.fontSize="20px";		
		}

	}
}
