function growcontent(counter,growToHeight){
	growToHeight=growToHeight-0
	counter=(counter-0)+2
	shrinkHeight=growToHeight-counter
	
	objectToGrow = document.getElementById('valueholder').value
	document.getElementById(objectToGrow).style.height = counter+'px'
	document.getElementById('valueholder').value = objectToGrow
	objectToShrink= document.getElementById('valueholder2').value
	document.getElementById(objectToShrink).style.height = shrinkHeight+'px'
	document.getElementById('valueholder2').value = objectToShrink
	
	if (counter-0>=growToHeight-1){document.getElementById('goahead').value = '1'}
	
	if (shrinkHeight <=2){
		objectToShrink = document.getElementById('valueholder2').value
		document.getElementById(objectToShrink).style.borderWidth = "0px"
		document.getElementById('valueholder2').value = objectToShrink
	}
	
	if (counter-0<growToHeight-0){
	setTimeout("growcontent("+counter+","+growToHeight+")",10)
	}

}
function grow(objectToGrow,growToHeight){
	var objectToShrink = document.getElementById('valueholder').value
	var counter = 0
	if(objectToGrow == objectToShrink && document.getElementById('goahead').value == '1'){
	document.getElementById('goahead').value = '0'
	objectToShrink = objectToGrow
	document.getElementById(objectToShrink).style.borderWidth = "1px"
	document.getElementById('grow0').style.borderWidth = "1px"
	document.getElementById('valueholder2').value = objectToShrink
	document.getElementById('valueholder').value = 'grow0'
	growcontent(counter,growToHeight)
	}
	
	if(objectToGrow != objectToShrink && document.getElementById('goahead').value == '1'){
	document.getElementById('goahead').value = '0'
	document.getElementById(objectToShrink).style.borderWidth = "1px"
	document.getElementById(objectToGrow).style.borderWidth = "1px"
	document.getElementById('valueholder2').value = objectToShrink
	document.getElementById('valueholder').value = objectToGrow
	growcontent(counter,growToHeight)
	}
}

if (document.getElementById('valueholder').value != 'grow0'){
	var togrow = document.getElementById('valueholder').value
	grow(togrow,110)
}

function growstart(x,y,z,s){
	document.getElementById(x).style.borderWidth = "1px"
	document.getElementById(s).style.borderWidth = "1px"
	document.getElementById('valueholder').value = x
	document.getElementById('valueholder2').value = s
	growcontent(x,y,z,s,z)

}