﻿// JScript File


function toggleOverflow(id) {
	var thisId = id;
    var baseHeight = document.getElementById('textSizeMeasure').offsetHeight;
    var baseWidth = document.getElementById('textSizeMeasure').offsetWidth;
	//var textLength = document.getElementById(thisId).value.length;
	//alert("Length of text is " + textLength );
    //alert("baseHeight = " + baseHeight + " and baseWidth = " + baseWidth);
    var areaPerChar = baseHeight * baseWidth;
    var totalAreaReq = areaPerChar * document.getElementById(thisId).value.length;
    var textBoxWidth = (document.getElementById(thisId).cols * baseWidth) -15;//take some off for the scrollbar
    var NewHeight = Math.round(totalAreaReq/textBoxWidth) + (baseHeight * 2);//add 2 lines to allow for text wrap
    if (NewHeight <= 50){
        NewHeight = "50px";
    }else{
        NewHeight = NewHeight + "px";
    }
    //alert("Actual height = " + document.getElementById(thisId).style.height + " and NewHeight = " + NewHeight);
	//var NewHeight = document.getElementById(thisId).value.length + "px"; 
	//if (document.getElementById(thisId).style.overflow!="visible"){
	//	document.getElementById(thisId).style.overflow="visible";
	//}else{
	//	document.getElementById(thisId).style.overflow="auto";
	//}
	if (document.getElementById(thisId).style.height != NewHeight){
		document.getElementById(thisId).style.height = NewHeight;
		document.getElementById(thisId).style.zindex = "1";
	}else{
		document.getElementById(thisId).style.height = "50px";
	}
    //alert("Actual height = " + document.getElementById(thisId).style.height + " and NewHeight = " + NewHeight);
}

function toggleOverflowTEMP(thisId) {

	var currentHeight = document.getElementById(thisId).rows;
	var currentWidth = document.getElementById(thisId).cols;
	var textLength = document.getElementById(thisId).value.length;

	alert("Height by width is " + currentHeight + " x " + currentWidth + ". Length of text is " + textLength );

	var newHeight = (textLength/currentWidth);
	newHeight = Math.round((newHeight/100) * 150);

	if (newHeight <= 4) {
		newHeight = 4;
	}

	if (document.getElementById(thisId).rows != newHeight){
		document.getElementById(thisId).rows = newHeight;
	}else{
		document.getElementById(thisId).rows = "4";
	}
	 

	
}


